/**
---------------------------------------
NZTA Core stylesheet
---------------------------------------

Front-end architecture for NZTA web properties.
With a nod to inuit.css (https://github.com/inuitcss)


## Some principles:

* https://github.com/csswizardry/CSS-Guidelines
* http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
* Comments max 80 columns.


## Browser support

Use progressive enhancement. Ensure critical components
are functional without CSS Transitions or border-radii, for instance.

Layout requires at a minimum support for:

* box-sizing: border-box;
* :before and :after.

pseudo-elements are used for clearing floats and creating elements in the
justify grid system.

This means IE8 and above. Respond.js is included to facilitate correct handling
of simple media queries in IE8.


## Vendor prefixing

Don't worry about writing vendor prefixes in the SaSS. Just write the
standards-first property, and the fallbacks will be automatically generated.

For instance:

```
transition: opacity .2s;
```

will generate:

```
-webkit-transition: opacity .2s;
   -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
        transition: opacity .2s;
```

This is handled via grunt-autoprefixer:
https://github.com/nDmitry/grunt-autoprefixer

*/
/**
*
* CONTENTS
*
* Config .............. Globally-available variables and config.
*
* Mixins............... Useful mixins.
*
* Reset................ A level playing fields.
*
* Extends ............. Globally-available extends.
*
* Type ................ Text sizes, Heirarchy, H1–H6 styles..
*
* Layout .............. Layout modifiers along with vertical and horizontal spacing.
*
* Icons ............... Icons
*
* Themes .............. Themes
*
* Playpen ............. The place where we solve design problems without dirtying up the sass structure
*
* Components .......... Components (See below for the component list)
*
* Form Components ..... Form Components (See below for the component list)
*
* Pages ............... Page specific styles
*
*
*/
/* base colours */
/* link colours */
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/* line 97, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
  min-height: 100%;
  background-color: #F2F4F7; }

/* line 105, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
body {
  margin: 0;
  background-color: #fff;
  color: #555;
  font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
  line-height: 1.5;
  position: relative;
  min-height: 100%; }

/* line 10, /var/www/html/nzta-prototype/frontend/sass/reset */
audio, canvas, video {
  display: inline-block; }

/* line 19, /var/www/html/nzta-prototype/frontend/sass/reset */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 30, /var/www/html/nzta-prototype/frontend/sass/reset */
[hidden], template {
  display: none; }

/* line 43, /var/www/html/nzta-prototype/frontend/sass/reset */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 50, /var/www/html/nzta-prototype/frontend/sass/reset */
b, strong {
  font-weight: bold; }

/* line 56, /var/www/html/nzta-prototype/frontend/sass/reset */
dfn {
  font-style: italic; }

/* line 62, /var/www/html/nzta-prototype/frontend/sass/reset */
hr {
  height: 0; }

/* line 68, /var/www/html/nzta-prototype/frontend/sass/reset */
mark {
  background: #ff0;
  color: #000; }

/* line 78, /var/www/html/nzta-prototype/frontend/sass/reset */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/* line 85, /var/www/html/nzta-prototype/frontend/sass/reset */
pre {
  white-space: pre-wrap; }

/* line 91, /var/www/html/nzta-prototype/frontend/sass/reset */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/* line 97, /var/www/html/nzta-prototype/frontend/sass/reset */
small {
  font-size: 80%; }

/* line 104, /var/www/html/nzta-prototype/frontend/sass/reset */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 111, /var/www/html/nzta-prototype/frontend/sass/reset */
sup {
  top: -0.5em; }

/* line 115, /var/www/html/nzta-prototype/frontend/sass/reset */
sub {
  bottom: -0.25em; }

/* line 119, /var/www/html/nzta-prototype/frontend/sass/reset */
del {
  text-decoration: line-through; }

/* line 129, /var/www/html/nzta-prototype/frontend/sass/reset */
img {
  border: 0; }

/* line 135, /var/www/html/nzta-prototype/frontend/sass/reset */
svg:not(:root) {
  overflow: hidden; }

/* line 145, /var/www/html/nzta-prototype/frontend/sass/reset */
figure {
  display: block;
  margin: 0; }

/* line 156, /var/www/html/nzta-prototype/frontend/sass/reset */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 166, /var/www/html/nzta-prototype/frontend/sass/reset */
blockquote {
  quotes: none; }

/* line 171, /var/www/html/nzta-prototype/frontend/sass/reset */
blockquote:before, blockquote:after {
  content: none; }

/*------------------------------------*\
    #EXTENDS
\*------------------------------------*/
/* line 10, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb, .list-inline, .nav, .pagination ul, .block-list, .anchor-links, .list-unstyled, .nav-list, .nav-list > li, .radio-button-list, .segmented-control, .segmented-control--1-segments, .segmented-control--2-segments, .segmented-control--3-segments, .segmented-control--4-segments, .segmented-control--5-segments, .segmented-control--6-segments, .segmented-control--7-segments, .segmented-control--8-segments, .segmented-control--9-segments, .segmented-control--10-segments, .segmented-control--11-segments, .segmented-control--12-segments, .segmented-control--13-segments, .segmented-control--14-segments, .location-list, .route, .webcam-list {
  list-style: none;
  padding-left: 0; }
  /* line 14, /var/www/html/nzta-prototype/frontend/sass/extends */
  .breadcrumb > li, .list-inline > li, .nav > li, .pagination ul > li, .block-list > li, .anchor-links > li, .list-unstyled > li, .nav-list > li, .radio-button-list > li, .segmented-control > li, .segmented-control--1-segments > li, .segmented-control--2-segments > li, .segmented-control--3-segments > li, .segmented-control--4-segments > li, .segmented-control--5-segments > li, .segmented-control--6-segments > li, .segmented-control--7-segments > li, .segmented-control--8-segments > li, .segmented-control--9-segments > li, .segmented-control--10-segments > li, .segmented-control--11-segments > li, .segmented-control--12-segments > li, .segmented-control--13-segments > li, .segmented-control--14-segments > li, .location-list > li, .route > li, .webcam-list > li {
    list-style: none;
    margin: 0; }

/* line 24, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb > li, .list-inline > li, .nav > li, .pagination ul > li {
  margin-top: 0;
  display: inline-block;
  padding-left: 0; }

/* line 31, /var/www/html/nzta-prototype/frontend/sass/extends */
.list-styled--disc {
  list-style-type: disc; }

/* line 38, /var/www/html/nzta-prototype/frontend/sass/extends */
.block-list > li {
  display: block; }

/* line 47, /var/www/html/nzta-prototype/frontend/sass/extends */
.text-center, .grid--center, .btn, .btn--submit, .email-wrapper input[type='submit'], .segmented-control label {
  text-align: center; }

/* line 48, /var/www/html/nzta-prototype/frontend/sass/extends */
.text-left, dd, .grid--justify > *, .subnav--tertiary, .segmented-control--timeslots label {
  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 54, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%; }

/* line 67, /var/www/html/nzta-prototype/frontend/sass/extends */
.layout--nudge, .relative, .anchor-links li, .section--nav > .section__content, .global-nav, .global-nav .search-container, .site-search-container, .field--prev-next, .radio-button-list > li, .segmented-control > li {
  position: relative; }

/* line 68, /var/www/html/nzta-prototype/frontend/sass/extends */
.anchor-links li:before, .anchor-links li:after, .section--nav, body:after, .header__image + .header__title, .prev-link:before, .next-link:after, .radio-button-list input, .segmented-control input {
  position: absolute; }

/* line 70, /var/www/html/nzta-prototype/frontend/sass/extends */
dl dt, .left, .prev-link, .email-wrapper [type='email'], .segmented-control > li {
  float: left; }

/* line 71, /var/www/html/nzta-prototype/frontend/sass/extends */
.right, .footer_social-links, .global-nav__items > *, .next-link, .segmented-control--timeslots label span {
  float: right; }

/* line 106, /var/www/html/nzta-prototype/frontend/sass/extends */
.subnav--tertiary, .grid > *, .grid__item {
  vertical-align: top; }

/* line 107, /var/www/html/nzta-prototype/frontend/sass/extends */
.grid--middle > *, .pill, .pill--roadworks, .pill--orange {
  vertical-align: middle; }

/* line 109, /var/www/html/nzta-prototype/frontend/sass/extends */
.grid--bottom > * {
  vertical-align: bottom; }

/* line 112, /var/www/html/nzta-prototype/frontend/sass/extends */
.anchor-links li:before, .prev-link:before, .radio-button-list input {
  left: 0; }

/* line 113, /var/www/html/nzta-prototype/frontend/sass/extends */
.next-link:after {
  right: 0; }

/* line 118, /var/www/html/nzta-prototype/frontend/sass/extends */
.anchor-links li:before, .anchor-links li:after, .prev-link:before, .next-link:after {
  width: 0; }

/* line 119, /var/www/html/nzta-prototype/frontend/sass/extends */
.grid--justify:after, .section--nav > .section__content:after, .anchor-links li:before, .anchor-links li:after, .prev-link:before, .next-link:after {
  height: 0; }

/* line 129, /var/www/html/nzta-prototype/frontend/sass/extends */
.link-complex, .statistics__figure, .statistics__label, .statistics__sub-label, .header__image img, .field__label, .field__input, .field, [type='text'], [type='email'], [type='date'], [type='number'], label, select, .radio-button-list label span, .segmented-control label span {
  display: block; }

/* line 133, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb > li, .footer_pages a, .grid > *, .grid > .grid, .grid--justify > *, .grid--justify:after, .subnav--tertiary, .section--nav > .section__content:after, .breadcrumb > li:last-child, .btn, .btn--submit, .email-wrapper input[type='submit'], .share-nav > li > a, .field--bare, .segmented-control > li, .traffic-metrics > *, .map-nav__item > a > span, .section--map-nav, .route__item:after, .webcam-list, .webcam-list > li, .map-nav--view-type, .switch-nav {
  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, .btn--block:first-child, .btn--submit:first-child {
  margin-top: 0; }

/* line 159, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb, .list-inline, .nav, .pagination ul, .share-nav, .field--link, .field--prev-next, .radio-button-list > li, .field--radio-button-group, .segmented-control, .traffic-info__body h3, .traffic-info__body h4, .map-nav--view-type, .switch-nav {
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1; }

/* line 167, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb:before, .list-inline:before, .nav:before, .pagination ul:before, .share-nav:before, .field--link:before, .field--prev-next:before, .radio-button-list > li:before, .field--radio-button-group:before, .segmented-control:before, .traffic-info__body h3:before, .traffic-info__body h4:before, .map-nav--view-type:before, .switch-nav:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 172, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb:after, .list-inline:after, .nav:after, .pagination ul:after, .share-nav:after, .field--link:after, .field--prev-next:after, .radio-button-list > li:after, .field--radio-button-group:after, .segmented-control:after, .traffic-info__body h3:after, .traffic-info__body h4:after, .map-nav--view-type:after, .switch-nav:after {
  clear: both;
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* 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, .segmented-control input {
  visibility: hidden !important; }

/* line 206, /var/www/html/nzta-prototype/frontend/sass/extends */
.layout, .btn, .btn--submit, .email-wrapper input[type='submit'], .field, [type='text'], [type='email'], [type='date'], [type='number'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* 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, .breadcrumb > li, .anchor-links li, .btn, .btn--submit, .email-wrapper input[type='submit'], .statistics__figure, .statistics__label, .subnav__child, .prev-link, .next-link, .radio-button-list > li {
  margin-top: 0px;
  margin-top: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.field__label + .field__note {
  margin-top: 4px;
  margin-top: 0.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.action > span, .field__label + .field__input, .field__note + .field__note, .field__input + .field__note {
  margin-top: 8px;
  margin-top: 0.5rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.btn--block, .btn--submit, .subnav--tertiary .breakline--hatched {
  margin-top: 16px;
  margin-top: 1rem;
  /* fallback  times by 6 */ }

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

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.horizontal-icon-list, .list--home, .btn, .btn--submit, .email-wrapper input[type='submit'], li ul, li ol, .statistics__figure, .statistics__label, .layout .content-block:last-child, .traffic-info__header h1, .traffic-info__header h2, .traffic-info__body h5, .traffic-info__body p, .traffic-info__body h3, .traffic-info__body h4 {
  margin-bottom: 0px;
  margin-bottom: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.nav-transaction__title {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.list--home li, .footer_pages a, .breadcrumb {
  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, .anchor-links {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.styleguide__example .theme--confirmation, .styleguide__example .theme--error, .horizontal-icon-list li {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
hr, .btn, .btn--submit, .email-wrapper input[type='submit'], .subnav .subnav__intro, .subnav--tertiary, table {
  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, .header-search, .primary-subnav, .secondary-subnav, .field, .field--select, .field--number, .field--text, .field--prev-next, .field--email-plus-submit, .field--radio-button-list, .field--details, .field--radio-button-group, .field--submit {
  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 */
.icon-link--reversed i {
  margin-left: 16px;
  margin-left: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.footer_social-links a, .btn + .btn, li ul, li ol {
  margin-left: 20px;
  margin-left: 1.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.webcam__last-update > .i {
  margin-right: 4px;
  margin-right: 0.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.icon-link i, .global-nav .search-container {
  margin-right: 16px;
  margin-right: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.footer_pages a {
  margin-right: 20px;
  margin-right: 1.25rem;
  /* 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 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.subnav__child, .segmented-control--timeslots label span {
  padding-top: 4px;
  padding-top: 0.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
li ul, li ol, .segmented-control label {
  padding-top: 8px;
  padding-top: 0.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.btn, .btn--submit, .email-wrapper input[type='submit'], .field, [type='text'], [type='email'], [type='date'], [type='number'], .radio-button-list label, .segmented-control--timeslots label {
  padding-top: 12px;
  padding-top: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.action, .subnav--tertiary h3, .global-nav, .homepage .content__right {
  padding-top: 16px;
  padding-top: 1rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.subnav .link-complex > h2, .homepage .content__right {
  padding-top: 28px;
  padding-top: 1.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.anchor-links, .content-block h2 {
  padding-top: 32px;
  padding-top: 2rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.btn, .btn--submit, .email-wrapper input[type='submit'], .field, [type='text'], [type='email'], [type='date'], [type='number'], .radio-button-list label, .segmented-control label, .segmented-control--timeslots label {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.transaction_links, .nav-transaction ul > li, .global-nav {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.nav-list > li {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.anchor-links {
  padding-bottom: 32px;
  padding-bottom: 2rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.breadcrumb > li a:after, .breadcrumb > li .back:before, .breadcrumb > li .close:before {
  padding-left: 4px;
  padding-left: 0.25rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.list--home, .global-nav .search__input, .field, [type='text'], [type='email'], [type='date'], [type='number'], .segmented-control--timeslots label {
  padding-left: 12px;
  padding-left: 0.75rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.anchor-links, .list-styled--disc, ul, .prev-link {
  padding-left: 16px;
  padding-left: 1rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.btn, .btn--submit, .email-wrapper input[type='submit'], .global-nav .menu-small {
  padding-left: 20px;
  padding-left: 1.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.radio-button-list label {
  padding-left: 32px;
  padding-left: 2rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.radio-button-list label {
  padding-right: 0px;
  padding-right: 0rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.breadcrumb > li a:after, .breadcrumb > li .back:before, .breadcrumb > li .close:before {
  padding-right: 4px;
  padding-right: 0.25rem;
  /* fallback  times by 6 */ }

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.field, [type='text'], [type='email'], [type='date'], [type='number'], .segmented-control--timeslots label {
  padding-right: 12px;
  padding-right: 0.75rem;
  /* fallback  times by 6 */ }

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

/* line 251, /var/www/html/nzta-prototype/frontend/sass/mixins */
.btn, .btn--submit, .email-wrapper input[type='submit'], .global-nav .search-small {
  padding-right: 20px;
  padding-right: 1.25rem;
  /* fallback  times by 6 */ }

@media only screen {







































 }

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






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










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























 }

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





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


































 }

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







































 }

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







































 }

/* line 240, /var/www/html/nzta-prototype/frontend/sass/extends */
fieldset {
  padding: 0; }

/* line 244, /var/www/html/nzta-prototype/frontend/sass/extends */
fieldset, .field, [type='text'], [type='email'], [type='date'], [type='number'], .segmented-control > li {
  margin: 0; }

/* line 254, /var/www/html/nzta-prototype/frontend/sass/extends */
.body-copy a, .textlink, .theme--error a, .theme--confirmation a {
  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, .theme--error a, .theme--confirmation a {
  background-position: 0 100%; }

/* line 273, /var/www/html/nzta-prototype/frontend/sass/extends */
.breadcrumb > li a, .btn, .btn--submit, .email-wrapper input[type='submit'], .link-complex {
  background-image: none !important; }

/* line 278, /var/www/html/nzta-prototype/frontend/sass/extends */
.subnav h2, .subnav h3, .subnav--tertiary h3, .content-block h2 {
  position: relative; }
  /* line 282, /var/www/html/nzta-prototype/frontend/sass/extends */
  .subnav h2:before, .subnav h3:before, .subnav--tertiary h3:before, .content-block h2:before {
    height: 2px;
    display: block;
    width: 22.5%;
    background: rgba(37, 117, 174, 0.5);
    content: '';
    position: absolute;
    top: 0;
    left: 0; }
  /* line 292, /var/www/html/nzta-prototype/frontend/sass/extends */
  .subnav h2:after, .subnav h3:after, .subnav--tertiary h3:after, .content-block h2:after {
    display: block;
    content: '';
    background: rgba(37, 117, 174, 0.25);
    height: 1px;
    width: 72.5%;
    top: 0;
    right: 0;
    position: absolute; }

/* line 306, /var/www/html/nzta-prototype/frontend/sass/extends */
.btn--submit:hover, .segmented-control label:hover {
  cursor: pointer; }

/* line 315, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control--1-segments li {
  border-radius: 4px;
  border-radius: 0.25rem; }

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

/* line 327, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control--2-segments li:first-child, .segmented-control--3-segments li:first-child, .segmented-control--4-segments li:first-child, .segmented-control--5-segments li:first-child {
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem; }

/* line 332, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control--2-segments li:last-child, .segmented-control--3-segments li:last-child, .segmented-control--4-segments li:last-child, .segmented-control--5-segments li:last-child, .segmented-control--7-segments li:nth-child(2) {
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem; }

/* line 337, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control--6-segments li:nth-child(3), .segmented-control--8-segments li:nth-child(4), .segmented-control--9-segments li:nth-child(3), .segmented-control--10-segments li:nth-child(5), .segmented-control--11-segments li:nth-child(4), .segmented-control--12-segments li:nth-child(4), .segmented-control--13-segments li:nth-child(2), .segmented-control--14-segments li:nth-child(2) {
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem; }

/* line 339, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control > li:last-child, .segmented-control--7-segments li:nth-child(6), .segmented-control--11-segments li:nth-child(8) {
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem; }

/* line 341, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control > li:first-child {
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem; }

/* line 343, /var/www/html/nzta-prototype/frontend/sass/extends */
.segmented-control--6-segments li:nth-child(4), .segmented-control--7-segments li:last-child, .segmented-control--8-segments li:nth-child(5), .segmented-control--9-segments li:nth-child(7), .segmented-control--10-segments li:nth-child(6), .segmented-control--11-segments li:nth-child(9), .segmented-control--12-segments li:nth-child(9), .segmented-control--13-segments li:nth-child(13), .segmented-control--14-segments li:nth-child(13) {
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem; }

/* line 346, /var/www/html/nzta-prototype/frontend/sass/extends */
dd, .radio-button-list > li {
  border-top: 1px solid #F2F2EB; }

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

/* line 350, /var/www/html/nzta-prototype/frontend/sass/extends */
.full-width, .section--nav > .section__content:after, .col, .subnav--tertiary .subnav__content, .field, [type='text'], [type='email'], [type='date'], [type='number'], select, body:after, .header__image img {
  width: 100%; }

/* 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; }

/* line 25, /var/www/html/nzta-prototype/frontend/sass/type */
.statistics__figure {
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.1666666667; }
  @media only screen and (max-width: 37.49em) {
    /* line 29, /var/www/html/nzta-prototype/frontend/sass/type */
    .statistics__figure {
      font-size: 48px;
      font-size: 3rem;
      line-height: 1.1666666667; }
 }

/* 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, .traffic-info__header h1 {
  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, .traffic-info__header h1 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.5; }
 }

/* line 58, /var/www/html/nzta-prototype/frontend/sass/type */
h3, .intro, .traffic-info__body h3 {
  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, .traffic-info__body h3 {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.5555555556; }
 }

/* line 69, /var/www/html/nzta-prototype/frontend/sass/type */
h4, .emphasis, .subnav .subnav__intro, .subnav--tertiary h2, .traffic-info__header h2, .traffic-info__body h4, h1 > .highway, h2 > .highway, h3 > .highway {
  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, .statistics__label, .map-nav, .map-nav--icon, .homepage .content__left .action span, .homepage .content__right .action span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/* line 79, /var/www/html/nzta-prototype/frontend/sass/type */
.small, .list--home, .footer_pages a, .nav-transaction ul > li a, .action > span, .pill, .pill--roadworks, .pill--orange, .statistics__sub-label, .subnav--tertiary .subnav__child__link, .nav-pill, .global-nav .search__input, .share-nav > li, .field__note, .traffic-info__body h5, .traffic-info__body p, .map-nav__item > a > span, .map-nav--tools .map-nav__item > label, .map-nav--view-type, .switch-nav {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286; }

/* line 84, /var/www/html/nzta-prototype/frontend/sass/type */
.tiny, .segmented-control label span {
  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, .btn--submit, .btn--primary, .email-wrapper input[type='submit'], .btn--secondary, .nav-transaction__title, .action--bold span, .pill strong, .pill--roadworks strong, .pill--orange strong, .statistics__label, .subnav__child__link, .field__label, .segmented-control label, .map-nav--tools .map-nav__item, .webcam__caption, h1 > .highway, h2 > .highway, h3 > .highway {
  font-weight: 600; }

/* line 205, /var/www/html/nzta-prototype/frontend/sass/type */
h1, h2, h6, p, .text, code, blockquote, caption, address, .intro, .statistics__sub-label, .subnav .subnav__intro, .field__label span, .segmented-control label span, .webcam__last-update {
  font-weight: 400; }

/* line 206, /var/www/html/nzta-prototype/frontend/sass/type */
.font-light, .statistics__figure {
  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 228, /var/www/html/nzta-prototype/frontend/sass/type */
.subnav__child__link:hover {
  text-decoration: underline; }

/* 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 256, /var/www/html/nzta-prototype/frontend/sass/type */
.subnav__child__link {
  text-decoration: underline; }

/* line 264, /var/www/html/nzta-prototype/frontend/sass/type */
.action:hover, .subnav__child__link:hover, .level-1 .location-list > .list__item > a:hover {
  color: #1a537c; }
  /* line 268, /var/www/html/nzta-prototype/frontend/sass/type */
  .action:hover.link--action > div, .subnav__child__link:hover.link--action > div, .level-1 .location-list > .list__item > a:hover.link--action > div {
    background-color: #1f6191; }
  /* line 271, /var/www/html/nzta-prototype/frontend/sass/type */
  .action:hover .nav-main__icon > i, .subnav__child__link:hover .nav-main__icon > i, .level-1 .location-list > .list__item > a:hover .nav-main__icon > i {
    background-color: #003a5d; }

/* 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(#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; }

/*------------------------------------*\
    #PAGE LAYOUT
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/layout */
.wrapper {
  max-width: 1152px;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto; }

/* line 11, /var/www/html/nzta-prototype/frontend/sass/layout */
.wrapper--huge {
  max-width: none;
  margin-left: 0;
  margin-right: 0; }

/* line 35, /var/www/html/nzta-prototype/frontend/sass/layout */
.section-s {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }

/* line 39, /var/www/html/nzta-prototype/frontend/sass/layout */
.section-m, .share-nav, .traffic-metrics {
  padding-top: 32px;
  padding-top: 2rem;
  padding-bottom: 32px;
  padding-bottom: 2rem; }

/* line 43, /var/www/html/nzta-prototype/frontend/sass/layout */
.section {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem; }
  @media only screen and (max-width: 37.49em) {
    /* line 47, /var/www/html/nzta-prototype/frontend/sass/layout */
    .section {
      padding-top: 32px;
      padding-top: 2rem;
      padding-bottom: 32px;
      padding-bottom: 2rem; }
 }

/* line 55, /var/www/html/nzta-prototype/frontend/sass/layout */
.traffic-messages {
  padding-top: 12px;
  padding-top: 0.75rem; }

/* line 56, /var/www/html/nzta-prototype/frontend/sass/layout */
.pagination, .traffic-info__header {
  padding-top: 20px;
  padding-top: 1.25rem; }

/* line 58, /var/www/html/nzta-prototype/frontend/sass/layout */
.section--stacked {
  padding-top: 48px;
  padding-top: 3rem; }
  @media only screen and (max-width: 37.49em) {
    /* line 61, /var/www/html/nzta-prototype/frontend/sass/layout */
    .section--stacked {
      padding-top: 20px;
      padding-top: 1.25rem; }
 }

/* line 68, /var/www/html/nzta-prototype/frontend/sass/layout */
.route__item > * {
  padding-bottom: 12px;
  padding-bottom: 0.75rem; }

/* line 69, /var/www/html/nzta-prototype/frontend/sass/layout */
.content-block {
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }

/* line 70, /var/www/html/nzta-prototype/frontend/sass/layout */
.traffic-info__header, .traffic-messages, .horizontal-scroll {
  padding-bottom: 32px;
  padding-bottom: 2rem; }

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

/* line 99, /var/www/html/nzta-prototype/frontend/sass/layout */
.layout, .layout--left, .homepage .content__left {
  padding-left: 1rem; }
  @media only screen and (min-width: 37.5em) {
    /* line 102, /var/www/html/nzta-prototype/frontend/sass/layout */
    .layout, .layout--left, .homepage .content__left {
      padding-left: 4%; }
 }
  @media only screen and (min-width: 60em) {
    /* line 107, /var/www/html/nzta-prototype/frontend/sass/layout */
    .layout, .layout--left, .homepage .content__left {
      padding-left: 8.3333333%; }
 }

/* line 113, /var/www/html/nzta-prototype/frontend/sass/layout */
.layout, .layout--right, .homepage .content__right {
  padding-right: 1rem; }
  @media only screen and (min-width: 37.5em) {
    /* line 116, /var/www/html/nzta-prototype/frontend/sass/layout */
    .layout, .layout--right, .homepage .content__right {
      padding-right: 4%; }
 }
  @media only screen and (min-width: 60em) {
    /* line 121, /var/www/html/nzta-prototype/frontend/sass/layout */
    .layout, .layout--right, .homepage .content__right {
      padding-right: 8.3333333%; }
 }

@media only screen and (min-width: 60em) {
  .layout--nudge {
    margin-top: -2em; } }
/* line 143, /var/www/html/nzta-prototype/frontend/sass/layout */
.layout--nudge + .layout--nudge {
  margin-top: 0; }

@media only screen and (min-width: 60em) {
  .layout--half {
    padding-left: 25%;
    padding-right: 25%; } }

/* line 169, /var/www/html/nzta-prototype/frontend/sass/layout */
.homepage .ratio-square, .homepage .ratio-filmic {
  position: relative;
  height: 0; }
  /* line 172, /var/www/html/nzta-prototype/frontend/sass/layout */
  .homepage .ratio-square > *, .homepage .ratio-filmic > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

/* line 180, /var/www/html/nzta-prototype/frontend/sass/layout */
.ratio-square {
  padding-bottom: 100%; }

/* line 186, /var/www/html/nzta-prototype/frontend/sass/layout */
.crop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

/* line 195, /var/www/html/nzta-prototype/frontend/sass/layout */
.crop--bottom > img {
  width: 100%;
  position: absolute;
  bottom: 0; }

@media only screen and (min-width: 37.5em) {
  .divider-medium {
    border-left: solid 1px rgba(0, 0, 0, 0.1); } }

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/icons */
.i, .i-circle-arrow, .i-arrow-r, .subnav h2 > .i-arrow-r, .subnav h3 > .i-arrow-r {
  width: 1em;
  height: 1em;
  -webkit-background-size: cover;
          background-size: cover;
  display: inline-block;
  vertical-align: middle; }

/* line 19, /var/www/html/nzta-prototype/frontend/sass/icons */
.icon-text .i, .btn--icon .i {
  margin-right: 0.375em; }
/* line 23, /var/www/html/nzta-prototype/frontend/sass/icons */
.icon-text--rev .i, .btn--icon-rev .i {
  margin-left: 0.375em; }

/* line 34, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--large {
  width: 1.5em;
  height: 1.5em; }

/* line 39, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--xlarge {
  width: 2em;
  height: 2em; }

/* line 44, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-circle-arrow {
  width: 1.2em;
  height: 1.2em; }

/* line 50, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-arrow-r {
  width: 1em;
  height: 1em; }

/* line 56, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-section, .action__icon {
  border-radius: 50em; }

/* line 59, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-section {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  -webkit-background-size: cover;
          background-size: cover;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 33.333%;
  background-color: #fff; }
  /* line 69, /var/www/html/nzta-prototype/frontend/sass/icons */
  .section--nav .i-section, .i-section.-blue {
    background-position: 0 11.111%;
    background-color: #004771; }
  /* line 73, /var/www/html/nzta-prototype/frontend/sass/icons */
  .nav-about .i-section {
    background-color: #236FA6; }

/* line 78, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-search {
  width: 1.25em;
  height: 1.25em; }

/* line 84, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-menu, .i-search {
  background-position: 0 11.111%; }
  /* line 85, /var/www/html/nzta-prototype/frontend/sass/icons */
  .global-nav .i-menu, .global-nav .i-search {
    opacity: 0.5; }
    /* line 87, /var/www/html/nzta-prototype/frontend/sass/icons */
    .global-nav .i-menu:hover, .global-nav .i-search:hover {
      opacity: 0.75; }

/* line 95, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-nzta-logo, .i-nzta-logo-coloured {
  height: 32px;
  height: 2rem;
  width: 144px;
  width: 9rem; }

/* line 100, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-newzealand-government {
  width: 12em;
  height: 1.25em; }

/* line 105, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-nzgovt {
  width: 9.3em;
  height: 1.2em; }

/* line 110, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-nav-section {
  background-color: transparent;
  border: solid 2px #fff; }

/* line 115, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-nav-caret {
  margin-left: 0.5em;
  width: 1.25em;
  height: 1.25em; }

/* line 125, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-facebook-grey {
  width: 1.25em;
  height: 1.25em; }

/* line 129, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-youtube-grey {
  width: 1.5em;
  height: 1.125em; }

/* line 133, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-twitter-grey {
  width: 1.375em;
  height: 1.125em; }

/* line 137, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-linkedin-grey {
  width: 1.25em;
  height: 1.25em; }

/* line 141, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-pinterest-grey {
  width: 1.25em;
  height: 1.375em; }

/* line 145, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-about-grey {
  width: 1.5em;
  height: 1em; }

/* line 150, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-contact-grey {
  width: 1.4375em;
  height: 1.125em; }

/* line 154, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-search-grey {
  width: 1.125em;
  height: 1.125em; }

/* line 158, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-privacy-grey {
  width: 1.125em;
  height: 1.125em; }

/* line 163, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-pdf {
  width: 1.125em;
  height: 1.125em; }

/* line 168, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-powerpoint, .i-ppt, .i-pptx {
  width: 1.125em;
  height: 1.125em; }

/* line 173, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-excel, .i-xls, .i-xlsx {
  width: 1.125em;
  height: 1.125em; }

/* line 178, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-word, .i-doc, .i-docx {
  width: 1.125em;
  height: 1.125em; }

/* line 183, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-hyperlink {
  width: 1.125em;
  height: 1.125em; }

/* line 188, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-download {
  width: 1.125em;
  height: 1.125em; }

/* line 193, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-bin-white, .i-bin-black {
  width: 1em;
  height: 1em; }

/* line 198, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-map-marker-white {
  width: 19.2px;
  width: 1.2rem;
  height: 24.8px;
  height: 1.55rem;
  margin-top: 0.1em; }

/* line 205, /var/www/html/nzta-prototype/frontend/sass/icons */
.i-pencil-white, .i-pencil-black {
  width: 1em;
  height: 1em; }

/* colourised icons */
/* line 217, /var/www/html/nzta-prototype/frontend/sass/icons */
.subnav h2 > .i-arrow-r, .subnav h3 > .i-arrow-r, .route__item h4 .i-arrow-r, .route__item > a > * .i-arrow-r, .i--blue {
  background-position: 0 22.222%; }

/* line 218, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--dark-blue, .nav-transaction ul > li .nav-main__icon i {
  background-position: 0 33.333%; }

/* line 219, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--grey {
  background-position: 0 44.444%; }

/* line 220, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--dark-grey, .route__item > * p > i {
  background-position: 0 55.555%; }

/* line 221, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--green {
  background-position: 0 77.777%; }

/* line 222, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--red {
  background-position: 0 100%; }

/* line 223, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--orange {
  background-position: 0 88.888%; }

/* line 224, /var/www/html/nzta-prototype/frontend/sass/icons */
.i--white {
  background-position: 0 11.111%; }

/*------------------------------------*\
    #THEMES
\*------------------------------------*/
/* line 89, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--dark, .traffic-info__header, .map-nav, .map-nav--icon, .webcam-list {
  background-color: #004771;
  color: #fff; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--dark a, .traffic-info__header a, .map-nav a, .map-nav--icon a, .webcam-list a {
    color: inherit; }
    /* line 96, /var/www/html/nzta-prototype/frontend/sass/themes */
    .theme--dark a:hover, .traffic-info__header a:hover, .map-nav a:hover, .map-nav--icon a:hover, .webcam-list a:hover {
      opacity: 0.8;
      color: inherit; }

/* line 89, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--mono {
  background-color: #333;
  color: #fff; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--mono a {
    color: #fff; }
    /* line 96, /var/www/html/nzta-prototype/frontend/sass/themes */
    .theme--mono a:hover {
      opacity: 0.8;
      color: inherit; }

/* line 89, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--strong {
  background-color: #005485;
  color: #fff; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--strong a {
    color: inherit; }
    /* line 96, /var/www/html/nzta-prototype/frontend/sass/themes */
    .theme--strong a:hover {
      opacity: 0.8;
      color: inherit; }

/* line 89, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--error {
  background-color: #c44;
  color: #fff; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--error a {
    color: #fff; }
    /* line 96, /var/www/html/nzta-prototype/frontend/sass/themes */
    .theme--error a:hover {
      opacity: 0.8;
      color: inherit; }

/* line 89, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--confirmation {
  background-color: #59B359;
  color: #fff; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--confirmation a {
    color: #fff; }
    /* line 96, /var/www/html/nzta-prototype/frontend/sass/themes */
    .theme--confirmation a:hover {
      opacity: 0.8;
      color: inherit; }

/* line 116, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--white, .theme--paper {
  background-color: #fff; }

/* line 117, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--neutral {
  background-color: #F2F4F7; }

/* line 118, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--light {
  background-color: #DFE4E9; }

/* line 119, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--mid {
  background-color: #f8f7f0; }

/* line 125, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--paper, .theme--error, .theme--confirmation {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

/* line 130, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--slate {
  background-color: #41535E;
  color: #fff; }
  /* line 133, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--slate a {
    color: #fff; }

/* line 138, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--info {
  background: #F7F9E9;
  color: #236FA6; }
  /* line 141, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--info .i-section {
    background-color: #afc83d; }

/* line 144, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--info-icon {
  background-color: #afc83d; }

/* line 149, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--details > :last-child {
  margin-bottom: 0 !important; }

/* line 155, /var/www/html/nzta-prototype/frontend/sass/themes */
.theme--error a, .theme--confirmation a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #fff));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #fff 50%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #fff 50%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #fff 50%); }
  /* line 158, /var/www/html/nzta-prototype/frontend/sass/themes */
  .theme--error a:hover, .theme--confirmation a:hover {
    background-image: none; }

/*------------------------------------*\
    #THEMING
\*------------------------------------*/
/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--grey {
  color: #D8D8D8;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--grey .i {
    background-position: 0 33.333%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--grey .theme__background {
    background-color: #F2F4F7;
    color: #095685; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--grey .theme__background .i {
      background-position: 0 33.333%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--grey a.theme__background:hover {
    background-color: #d9dfe7; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--grey {
  color: #095685;
  background-color: #F2F4F7;
  color: #095685; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--grey:hover, .inline-theme--grey .-hover:hover {
    background-color: #d9dfe7; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--grey i {
    background-position: 0 33.333% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--grey {
  color: #095685;
  background-color: #F2F4F7; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--grey:hover {
    background-color: #d9dfe7; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--dark-grey {
  color: #555555;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--dark-grey .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--dark-grey .theme__background {
    background-color: #555555;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--dark-grey .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--dark-grey a.theme__background:hover {
    background-color: #414141; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--dark-grey {
  color: #ffffff;
  background-color: #555555;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--dark-grey:hover, .inline-theme--dark-grey .-hover:hover {
    background-color: #414141; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--dark-grey i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--dark-grey {
  color: #ffffff;
  background-color: #555555; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--dark-grey:hover {
    background-color: #414141; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--dark-blue {
  color: #004771;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--dark-blue .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--dark-blue .theme__background {
    background-color: #004771;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--dark-blue .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--dark-blue a.theme__background:hover {
    background-color: #002d48; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--dark-blue, .pill {
  color: #ffffff;
  background-color: #004771;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--dark-blue:hover, .-hover.pill:hover, .inline-theme--dark-blue .-hover:hover, .pill .-hover:hover {
    background-color: #002d48; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--dark-blue i, .pill i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--dark-blue, .pill {
  color: #ffffff;
  background-color: #004771; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--dark-blue:hover, .pill:hover {
    background-color: #002d48; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--confirm {
  color: #59B359;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--confirm .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--confirm .theme__background {
    background-color: #59B359;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--confirm .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--confirm a.theme__background:hover {
    background-color: #479c47; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--confirm, .pill.pill--confirm {
  color: #ffffff;
  background-color: #59B359;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--confirm:hover, .-hover.pill.pill--confirm:hover, .inline-theme--confirm .-hover:hover, .pill.pill--confirm .-hover:hover {
    background-color: #479c47; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--confirm i, .pill.pill--confirm i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--confirm, .pill.pill--confirm {
  color: #ffffff;
  background-color: #59B359; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--confirm:hover, .pill.pill--confirm:hover {
    background-color: #479c47; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--orange {
  color: #452606;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--orange .i {
    background-position: 0 55.555%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--orange .theme__background {
    background-color: #FF8C19;
    color: #452606; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--orange .theme__background .i {
      background-position: 0 55.555%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--orange a.theme__background:hover {
    background-color: #ef7800; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--orange, .pill--roadworks, .pill--orange {
  color: #452606;
  background-color: #FF8C19;
  color: #452606; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--orange:hover, .-hover.pill--roadworks:hover, .-hover.pill--orange:hover, .inline-theme--orange .-hover:hover, .pill--roadworks .-hover:hover, .pill--orange .-hover:hover {
    background-color: #ef7800; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--orange i, .pill--roadworks i, .pill--orange i {
    background-position: 0 55.555% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--orange, .pill--roadworks, .pill--orange {
  color: #452606;
  background-color: #FF8C19; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--orange:hover, .pill--roadworks:hover, .pill--orange:hover {
    background-color: #ef7800; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--yellow {
  color: #FFD633;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--yellow .i {
    background-position: 0 55.555%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--yellow .theme__background {
    background-color: #FFD633;
    color: #452606; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--yellow .theme__background .i {
      background-position: 0 55.555%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--yellow a.theme__background:hover {
    background-color: #ffce0a; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--yellow {
  color: #452606;
  background-color: #FFD633;
  color: #452606; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--yellow:hover, .inline-theme--yellow .-hover:hover {
    background-color: #ffce0a; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--yellow i {
    background-position: 0 55.555% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--yellow {
  color: #452606;
  background-color: #FFD633; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--yellow:hover {
    background-color: #ffce0a; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--warning, .block-theme--google {
  color: #CA4142;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--warning .i, .block-theme--google .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--warning .theme__background, .block-theme--google .theme__background {
    background-color: #CA4142;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--warning .theme__background .i, .block-theme--google .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--warning a.theme__background:hover, .noTouchEvents .block-theme--google a.theme__background:hover {
    background-color: #b13132; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--warning, .inline-theme--google, .pill.pill--warning {
  color: #fff;
  background-color: #CA4142;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--warning:hover, .-hover.inline-theme--google:hover, .-hover.pill.pill--warning:hover, .inline-theme--warning .-hover:hover, .inline-theme--google .-hover:hover, .pill.pill--warning .-hover:hover {
    background-color: #b13132; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--warning i, .inline-theme--google i, .pill.pill--warning i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--warning, .link-theme--google, .pill.pill--warning {
  color: #fff;
  background-color: #CA4142; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--warning:hover, .link-theme--google:hover, .pill.pill--warning:hover {
    background-color: #b13132; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--twitter {
  color: #55ACEE;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--twitter .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--twitter .theme__background {
    background-color: #55ACEE;
    color: #fff; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--twitter .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--twitter a.theme__background:hover {
    background-color: #309aea; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--twitter {
  color: #fff;
  background-color: #55ACEE;
  color: #fff; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--twitter:hover, .inline-theme--twitter .-hover:hover {
    background-color: #309aea; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--twitter i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--twitter {
  color: #fff;
  background-color: #55ACEE; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--twitter:hover {
    background-color: #309aea; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--facebook {
  color: #3B5998;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--facebook .i {
    background-position: 0 11.111%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--facebook .theme__background {
    background-color: #3B5998;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--facebook .theme__background .i {
      background-position: 0 11.111%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--facebook a.theme__background:hover {
    background-color: #30487b; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--facebook {
  color: #fff;
  background-color: #3B5998;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--facebook:hover, .inline-theme--facebook .-hover:hover {
    background-color: #30487b; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--facebook i {
    background-position: 0 11.111% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--facebook {
  color: #fff;
  background-color: #3B5998; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--facebook:hover {
    background-color: #30487b; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.block-theme--area-warning {
  color: #452606;
  border-width: 0 !important; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--area-warning .i {
    background-position: 0 55.555%; }
  /* line 36, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .block-theme--area-warning .theme__background {
    background-color: #f1561c;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/theming */
    .block-theme--area-warning .theme__background .i {
      background-position: 0 55.555%; }
  /* line 308, /var/www/html/nzta-prototype/frontend/sass/mixins */
  .noTouchEvents .block-theme--area-warning a.theme__background:hover {
    background-color: #d7440d; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.inline-theme--area-warning, .pill.pill--area-warning {
  color: #fff;
  background-color: #f1561c;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .-hover.inline-theme--area-warning:hover, .-hover.pill.pill--area-warning:hover, .inline-theme--area-warning .-hover:hover, .pill.pill--area-warning .-hover:hover {
    background-color: #d7440d; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .inline-theme--area-warning i, .pill.pill--area-warning i {
    background-position: 0 55.555% !important; }

/* line 96, /var/www/html/nzta-prototype/frontend/sass/components/theming */
.link-theme--area-warning, .pill.pill--area-warning {
  color: #fff;
  background-color: #f1561c; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/theming */
  .link-theme--area-warning:hover, .pill.pill--area-warning:hover {
    background-color: #d7440d; }

/*------------------------------------*\
    #PLAYPEN
    The place where we solve design
    problems without dirtying up the
    sass structure
\*------------------------------------*/
/* line 12, /var/www/html/nzta-prototype/frontend/sass/playpen */
.document--overlay:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.6; }

@media only screen and (min-width: 37.5em) {
  /* line 24, /var/www/html/nzta-prototype/frontend/sass/playpen */
  .document--overlay--bps:after {
    display: none; }
 }

/* line 30, /var/www/html/nzta-prototype/frontend/sass/playpen */
.hatched-line {
  position: relative; }
  /* line 34, /var/www/html/nzta-prototype/frontend/sass/playpen */
  .hatched-line:before {
    position: absolute;
    content: "";
    top: 0;
    width: 92%;
    height: 1em;
    background-repeat: repeat-x !important;
    opacity: 1; }
    @media only screen and (min-width: 37.5em) {
      /* line 40, /var/www/html/nzta-prototype/frontend/sass/playpen */
      .hatched-line:before {
        left: 4%; }
 }
    @media only screen and (min-width: 60em) {
      /* line 45, /var/www/html/nzta-prototype/frontend/sass/playpen */
      .hatched-line:before {
        left: 8.3333333%;
        width: 83.3333333%; }
 }
    @media only screen and (max-width: 37.49em) {
      .hatched-line:before {
        content: none; } }

/* line 60, /var/www/html/nzta-prototype/frontend/sass/playpen */
.img--responsive {
  max-width: 100%; }

/* line 64, /var/www/html/nzta-prototype/frontend/sass/playpen */
.styleguide__example .header__image {
  margin-top: 0; }

/* line 73, /var/www/html/nzta-prototype/frontend/sass/playpen */
.styleguide__example .access {
  width: 100%;
  height: auto;
  position: relative; }

/* line 87, /var/www/html/nzta-prototype/frontend/sass/playpen */
.fixed--bottom {
  position: fixed;
  bottom: 0; }

/* line 92, /var/www/html/nzta-prototype/frontend/sass/playpen */
.back-to-top-anchor {
  background-color: #004771;
  padding: 0 1rem;
  right: 2em;
  margin-bottom: 0; }

/* line 115, /var/www/html/nzta-prototype/frontend/sass/playpen */
.list--home li:last-child {
  margin-bottom: 0; }
@media only screen and (max-width: 37.49em) {
  .list--home {
    padding-left: 68px;
    padding-left: 4.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem; } }

@media only screen and (max-width: 37.49em) {
  .small-block-list {
    list-style: none;
    padding-left: 0; }
    /* line 131, /var/www/html/nzta-prototype/frontend/sass/playpen */
    .small-block-list > li {
      list-style: none;
      margin: 0;
      display: block; } }

@media only screen and (max-width: 59.99em) {
  .footer_social-links {
    float: left; }
    /* line 147, /var/www/html/nzta-prototype/frontend/sass/playpen */
    .footer_social-links a {
      margin-left: 0;
      margin-right: 1.75em; } }

@media only screen and (max-width: 37.49em) {
  /* line 167, /var/www/html/nzta-prototype/frontend/sass/playpen */
  .footer_pages .icon-wrapper {
    width: 4em;
    text-align: center; }
 }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/playpen */
.icon-wrapper {
  display: inline-block; }

/* line 184, /var/www/html/nzta-prototype/frontend/sass/playpen */
.grid.large-grid--table, .grid.medium-grid--table {
  margin-left: 0;
  margin-right: 0; }

/**
## Components
*/
/*------------------------------------*\
    #GRID STYLES
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.grid {
  font-size: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  @media only screen and (min-width: 37.5em) {
    .grid {
      margin-left: -1rem;
      margin-right: -1rem; } }
  /* line 15, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .grid > * {
    font-size: medium; }
  /* line 20, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .grid > .grid {
    font-size: 0; }

/* line 26, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.grid--justify {
  text-align: justify;
  font-size: 0; }
  /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .grid--justify > * {
    float: none;
    font-size: medium; }
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .grid--justify:after {
    width: 100%;
    content: ''; }

/* line 47, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.subnav--tertiary {
  font-size: medium;
  text-justify: auto;
  /* [3] */ }

/* line 60, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.section--nav > .section__content:after {
  content: ''; }

@media only screen and (max-width: 37.49em) {
  .grid--flip-small {
    direction: rtl; }
    /* line 84, /var/www/html/nzta-prototype/frontend/sass/components/grid */
    .grid--flip-small > * {
      direction: ltr; } }

/* line 90, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%; }
  /* line 96, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .col .grid--table {
    width: auto; }
  /* line 100, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .grid--table > * {
    display: table-cell; }

@media only screen and (min-width: 37.5em) {
  .medium-grid--table {
    display: table;
    table-layout: fixed;
    width: 100%; }
    /* line 114, /var/www/html/nzta-prototype/frontend/sass/components/grid */
    .medium-grid--table > * {
      display: table-cell; } }

@media only screen and (min-width: 60em) {
  .large-grid--table {
    display: table;
    table-layout: fixed;
    width: 100%; }
    /* line 125, /var/www/html/nzta-prototype/frontend/sass/components/grid */
    .large-grid--table > * {
      display: table-cell; } }

/* line 136, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.half {
  width: 50%; }

/* line 137, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.third {
  width: 33.3333333%; }

/* line 138, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.two-thirds {
  width: 66.666666%; }

/* line 139, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.quarter {
  width: 25%; }

/* line 140, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.three-quarters {
  width: 75%; }

/* line 141, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.fifth {
  width: 20%; }

/* line 142, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.sixth {
  width: 16.6666667%; }

@media only screen and (min-width: 30em) {
  /* line 145, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-full-width {
    width: 100%; }

  /* line 146, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-half {
    width: 50%; }

  /* line 147, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-third {
    width: 33.3333333%; }

  /* line 148, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-two-thirds {
    width: 66.666666%; }

  /* line 149, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-quarter {
    width: 25%; }

  /* line 150, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .small-three-quarters {
    width: 75%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 154, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-full-width {
    width: 100%; }

  /* line 155, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-half {
    width: 50%; }

  /* line 156, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-third {
    width: 33.3333333%; }

  /* line 157, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-two-thirds {
    width: 66.666666%; }

  /* line 158, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-quarter {
    width: 25%; }

  /* line 159, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-three-quarters {
    width: 75%; }

  /* line 160, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-fifth {
    width: 20%; }
 }

@media only screen and (min-width: 60em) {
  /* line 164, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-full-width {
    width: 100%; }

  /* line 165, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-half {
    width: 50%; }

  /* line 166, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-third {
    width: 33.3333333%; }

  /* line 167, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-two-thirds {
    width: 66.666666%; }

  /* line 168, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-quarter {
    width: 25%; }

  /* line 169, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-three-quarters {
    width: 75%; }

  /* line 170, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-fifth {
    width: 20%; }

  /* line 171, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-sixth {
    width: 16.6666667%; }
 }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-1 {
  width: 10%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-2 {
  width: 20%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-3 {
  width: 30%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-4 {
  width: 40%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-5 {
  width: 50%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-6 {
  width: 60%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-7 {
  width: 70%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-8 {
  width: 80%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-9 {
  width: 90%; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.small-10 {
  width: 100%; }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-1 {
    width: 10%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-2 {
    width: 20%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-3 {
    width: 30%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-4 {
    width: 40%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-5 {
    width: 50%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-6 {
    width: 60%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-7 {
    width: 70%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-8 {
    width: 80%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-9 {
    width: 90%; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 193, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .medium-10 {
    width: 100%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-1 {
    width: 10%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-2 {
    width: 20%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-3 {
    width: 30%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-4 {
    width: 40%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-5 {
    width: 50%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-6 {
    width: 60%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-7 {
    width: 70%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-8 {
    width: 80%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-9 {
    width: 90%; }
 }

@media only screen and (min-width: 60em) {
  /* line 208, /var/www/html/nzta-prototype/frontend/sass/components/grid */
  .large-10 {
    width: 100%; }
 }

/* line 219, /var/www/html/nzta-prototype/frontend/sass/components/grid */
.section--nav > .section__content:after, .col, .subnav--tertiary .subnav__content, .field, [type='text'], [type='email'], [type='date'], [type='number'], select {
  padding-left: 16px;
  padding-left: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media only screen and (min-width: 37.5em) {
    /* line 226, /var/www/html/nzta-prototype/frontend/sass/components/grid */
    .section--nav > .section__content:after, .col, .subnav--tertiary .subnav__content, .field, [type='text'], [type='email'], [type='date'], [type='number'], select {
      padding-left: 1rem;
      padding-right: 1rem; }
 }

/*------------------------------------*\
    #BREADCRUMBS
\*------------------------------------*/
/* line 6, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
.breadcrumb {
  font-weight: 100;
  letter-spacing: 0.03em; }
  /* line 12, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
  .breadcrumb > li {
    display: none; }
    @media only screen and (min-width: 37.5em) {
      .breadcrumb > li {
        display: inline-block;
        *display: inline;
        *zoom: 1; } }
    /* line 29, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
    .breadcrumb > li a:after {
      content: ' › ';
      color: #C7D900; }
    /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
    .breadcrumb > li .back:before, .breadcrumb > li .close:before {
      content: ' ‹ ';
      color: #C7D900; }
    /* line 43, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
    .breadcrumb > li .close:before {
      content: '\d7'; }
    /* line 47, /var/www/html/nzta-prototype/frontend/sass/components/breadcrumb */
    .breadcrumb > li .back:after, .breadcrumb > li .close:after {
      content: none; }

/* line 2, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
.anchor-links {
  background-color: #f4f8fb; }
  /* line 15, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
  .anchor-links li:before, .anchor-links li:after {
    top: 12px;
    top: 0.75rem; }
  /* line 21, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
  .anchor-links li:before {
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid #555; }
  /* line 27, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
  .anchor-links li:after {
    content: '';
    left: 2px;
    border: 2px solid transparent;
    border-top: 2px solid #F2F4F7; }
  @media only screen and (max-width: 37.49em) {
    /* line 35, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
    .anchor-links li a {
      padding-left: 10px;
      padding-left: 0.625rem; }
 }
  /* line 42, /var/www/html/nzta-prototype/frontend/sass/components/anchor-link */
  .anchor-links .grid {
    margin: 0; }

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
button {
  display: inline-block;
  border: none;
  appearance: none;
  background-color: transparent;
  cursor: pointer; }

/* line 16, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn, .btn--submit, .email-wrapper input[type='submit'] {
  white-space: normal;
  border: none;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: inherit; }
  /* line 39, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn:hover, .btn--submit:hover, .email-wrapper input[type='submit']:hover {
    text-decoration: none; }

/* line 48, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn, .btn--submit {
  border-radius: 4px;
  border-radius: 0.25rem; }

/* line 52, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--block, .btn--submit {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

/* line 62, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--submit, .btn--primary, .email-wrapper input[type='submit'] {
  background-color: #236FA6;
  color: #fff;
  border: #236FA6; }
  /* line 68, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--submit:visited, .btn--primary:visited, .email-wrapper input[type='submit']:visited {
    color: #fff; }
  /* line 72, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--submit:hover, .btn--primary:hover, .email-wrapper input[type='submit']:hover {
    background: #1a537c;
    color: #fff; }
  /* line 77, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--submit:active, .btn--primary:active, .email-wrapper input[type='submit']:active {
    color: #fff;
    background: #236FA6; }

/* line 83, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--secondary {
  background: #fff;
  color: #236FA6;
  -webkit-box-shadow: inset 1px 0 0 #236FA6, inset 0 1px 0 #236FA6, inset -1px 0 0 #236FA6, inset 0 -1px 0 #236FA6;
          box-shadow: inset 1px 0 0 #236FA6, inset 0 1px 0 #236FA6, inset -1px 0 0 #236FA6, inset 0 -1px 0 #236FA6; }
  /* line 90, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--secondary:visited {
    color: #236FA6; }
  /* line 94, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--secondary:hover {
    background-color: #F2F4F7;
    color: #236FA6; }
  /* line 99, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--secondary:active {
    background-color: white;
    -webkit-box-shadow: inset 1px 0 0 #1a537c, inset 0 1px 0 #1a537c, inset -1px 0 0 #1a537c, inset 0 -1px 0 #1a537c;
            box-shadow: inset 1px 0 0 #1a537c, inset 0 1px 0 #1a537c, inset -1px 0 0 #1a537c, inset 0 -1px 0 #1a537c;
    color: #1a537c; }

/* line 106, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--tertiary {
  background: none;
  color: #236FA6;
  -webkit-box-shadow: none;
          box-shadow: none; }
  /* line 114, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--tertiary:visited {
    color: #236FA6; }

/**
 * Make a button behave like a block at mobile only (also handy)
 */
@media only screen and (max-width: 37.49em) {
  /* line 136, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--block-mobile {
    text-align: center;
    display: block; }
 }

/**
### Buttons in forms
Try and avoid using `<input type='submit' value='Go'>` in favour of
`<button type='submit'>Go</button>` as it's easier to style.
*/
/* line 175, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--block + .btn--block {
  margin-left: 0; }

/* line 179, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
.btn--bounce {
  position: relative;
  top: 0; }
  /* line 183, /var/www/html/nzta-prototype/frontend/sass/components/buttons */
  .btn--bounce:hover {
    top: 0.1em; }

/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
.link-complex {
  color: inherit; }
  /* line 14, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
  .noTouchEvents .link-complex:hover {
    text-decoration: none; }
  /* line 17, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
  .link-complex:active {
    text-decoration: none; }

/* line 22, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
.link-complex:hover .link-complex__link {
  text-decoration: underline; }

/* line 26, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
.link-complex .link-complex__link, .subnav .link-complex > h2 {
  color: #236FA6; }

/* line 35, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
.link--disabled {
  pointer-events: none; }
  /* line 38, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
  .link--disabled > * {
    color: #aaa; }
  /* line 42, /var/www/html/nzta-prototype/frontend/sass/components/link-complex */
  .link--disabled .link-complex__link {
    color: #777; }

/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/list */
.list-styled--disc, ul {
  padding-top: 0;
  margin-left: 0;
  margin-top: 0; }
  /* line 12, /var/www/html/nzta-prototype/frontend/sass/components/list */
  .list-styled--disc > li, ul > li {
    margin-left: 0;
    position: relative;
    list-style: disc; }

/* line 22, /var/www/html/nzta-prototype/frontend/sass/components/list */
li ul, li ol {
  padding-left: 0; }

/* line 36, /var/www/html/nzta-prototype/frontend/sass/components/list */
.nav > li {
  margin-right: 0.5em; }

/*------------------------------------*\
    #NAV
\*------------------------------------*/
@-webkit-keyframes navIn {
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }

  /* line 13, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }
@-moz-keyframes navIn {
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    -moz-transform: translateY(-10%);
         transform: translateY(-10%);
    opacity: 0; }

  /* line 13, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    -moz-transform: translateY(0%);
         transform: translateY(0%);
    opacity: 1; } }
@keyframes navIn {
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    -webkit-transform: translateY(-10%);
       -moz-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }

  /* line 13, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes reveal {
  /* line 20, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    opacity: 0; }

  /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    opacity: 1; } }

@-moz-keyframes reveal {
  /* line 20, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    opacity: 0; }

  /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    opacity: 1; } }

@keyframes reveal {
  /* line 20, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  0% {
    opacity: 0; }

  /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  100% {
    opacity: 1; } }

/* line 29, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.anim-nav-in {
  -webkit-animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
     -moz-animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
          animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); }

/* line 33, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.anim-nav-out {
  -webkit-animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) reverse;
     -moz-animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) reverse;
          animation: navIn 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) reverse; }

/* line 40, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.section--nav {
  z-index: 10;
  top: 80px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-color: #C7D900;
  border-bottom-width: 4px;
  -webkit-box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.25);
  display: none; }
  @media only screen and (max-width: 37.49em) {
    .section--nav {
      top: 64px; } }
  /* line 60, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .section--nav > .section__content {
    padding-top: 0;
    padding-bottom: 0; }
  /* line 70, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .no-js .section--nav {
    position: static;
    display: block; }

@media only screen and (max-width: 59.99em) {
  .section--nav__content {
    padding-left: 0;
    padding-right: 0; } }

/* line 84, /var/www/html/nzta-prototype/frontend/sass/components/nav */
body:after {
  content: "";
  height: 0;
  background: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0.1s, height 0s 0.25s;
     -moz-transition: opacity 0.15s ease 0.1s, height 0s 0.25s;
          transition: opacity 0.15s ease 0.1s, height 0s 0.25s; }

/* line 99, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.menu--active:after {
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), height 0s;
     -moz-transition: opacity 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), height 0s;
          transition: opacity 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), height 0s;
  z-index: 1; }
/* line 107, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.menu--active .global-nav__menu:after {
  bottom: 0; }

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

/* line 133, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.nav-list {
  padding-top: 4px;
  padding-top: 0.25rem; }
  /* line 137, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .nav-list > li {
    min-width: 50%; }
  /* line 143, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .nav-list .i {
    margin-right: 0.5em; }
  /* line 147, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .nav-list a {
    display: block; }
    /* line 150, /var/www/html/nzta-prototype/frontend/sass/components/nav */
    .nav-list a:hover .i-section {
      background-color: #00456B; }

/* line 162, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.nav-transaction, .nav-about, .nav-main {
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em; }
  /* line 166, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .nav-transaction li:last-child, .nav-about li:last-child, .nav-main li:last-child {
    padding-bottom: 0; }
  @media only screen and (min-width: 37.5em) {
    .nav-transaction, .nav-about, .nav-main {
      padding-left: 32px;
      padding-left: 2rem;
      padding-right: 32px;
      padding-right: 2rem; } }
  @media only screen and (min-width: 37.5em) and (max-width: 59.99em) {
    .nav-transaction, .nav-about, .nav-main {
      padding-bottom: 32px;
      padding-bottom: 2rem; } }
  @media only screen and (max-width: 37.49em) {
    .nav-transaction, .nav-about, .nav-main {
      padding-top: 16px;
      padding-top: 1rem;
      padding-bottom: 32px;
      padding-bottom: 2rem; } }

@media only screen and (min-width: 60em) {
  .nav-main {
    padding-left: 0; } }

/* line 191, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.nav-transaction__label {
  vertical-align: middle;
  margin-left: 0.5em; }

/* line 198, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.nav-transaction__title {
  display: inline-block;
  width: 100%; }

/* line 208, /var/www/html/nzta-prototype/frontend/sass/components/nav */
.nav-transaction ul > li {
  padding-left: 50px;
  padding-left: 3.125rem;
  text-align: left; }
  /* line 215, /var/www/html/nzta-prototype/frontend/sass/components/nav */
  .nav-transaction ul > li .nav-main__icon {
    width: 33.3333333%;
    display: inline-block;
    text-align: center; }

/* line 15, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action__icon {
  width: 72px;
  width: 4.5rem;
  height: 72px;
  height: 4.5rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #236FA6; }
  @media only screen and (max-width: 37.49em) {
    .action__icon {
      width: 48px;
      width: 3rem;
      height: 48px;
      height: 3rem; } }

/* line 30, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action__icon .i {
  background-position: 0 11.111%;
  margin-top: 0; }
  @media only screen and (min-width: 37.5em) {
    .action__icon .i {
      margin-top: 6px;
      margin-top: 0.375rem; } }

/* line 42, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action {
  text-align: center;
  display: block; }
  /* line 48, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action > span {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 37.5em) {
      .action > span {
        max-width: 144px;
        max-width: 9rem; } }
  /* line 61, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action i {
    width: 4em;
    height: 4em; }
  @media only screen and (max-width: 37.49em) {
    .action {
      text-align: left; }
      /* line 69, /var/www/html/nzta-prototype/frontend/sass/components/action */
      .action > div, .action > span {
        vertical-align: middle; }
      /* line 74, /var/www/html/nzta-prototype/frontend/sass/components/action */
      .action i {
        background-position: 0 11.111%;
        margin-top: 22.5em;
        width: 3em;
        height: 3em; }
      /* line 80, /var/www/html/nzta-prototype/frontend/sass/components/action */
      .action > span {
        padding-left: 1em;
        margin-top: 0;
        display: inline-block;
        width: 66%; } }

/* line 91, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--small .action__icon {
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem; }
/* line 95, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--small .i {
  margin-top: 0;
  width: 3em;
  height: 3em; }

/* line 104, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--tiny .action__icon {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem; }
/* line 108, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--tiny .i {
  margin-top: 0;
  width: 2.5em;
  height: 2.5em; }

/* line 119, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--horizontal {
  text-align: left; }
  /* line 123, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action--horizontal > div, .action--horizontal > span {
    vertical-align: middle; }
  /* line 128, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action--horizontal i {
    background-position: 0 11.111%;
    margin-top: 22.5em;
    width: 3em;
    height: 3em; }
  /* line 134, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action--horizontal > span {
    padding-left: 1em;
    margin-top: 0;
    display: inline-block;
    width: 66%; }
  /* line 142, /var/www/html/nzta-prototype/frontend/sass/components/action */
  .action--horizontal.action--tiny > span {
    padding-left: 0.5em; }

/* line 152, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--green .action__icon {
  background-color: #afc83d; }

/* line 159, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--dark .action__icon {
  background-color: #004771; }

/* line 166, /var/www/html/nzta-prototype/frontend/sass/components/action */
.action--orange .action__icon {
  background-color: #de3f00; }

/*------------------------------------*\
    #PILLS
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/pills */
.pill, .pill--roadworks, .pill--orange {
  -o-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  padding: 0.428571429em 0.571428571em;
  margin-right: 0.142857143em;
  margin-top: 0.142857143em;
  margin-bottom: 0.142857143em; }
  /* line 13, /var/www/html/nzta-prototype/frontend/sass/components/pills */
  .pill strong, .pill--roadworks strong, .pill--orange strong {
    margin-left: 0.1em;
    margin-right: 0.2em; }
  /* line 18, /var/www/html/nzta-prototype/frontend/sass/components/pills */
  .pill i, .pill--roadworks i, .pill--orange i {
    font-size: 1.142857143em;
    width: 1em;
    height: 1em;
    margin-top: -0.125em; }

/* line 58, /var/www/html/nzta-prototype/frontend/sass/components/pills */
.pill.pill--area-warning .i-area-warning {
  height: 0.65em; }

/* line 73, /var/www/html/nzta-prototype/frontend/sass/components/pills */
.pill.pill--grey {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.6);
  color: inherit; }

/*------------------------------------*\
    #STATISTICS BLOCK
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/stat-block */
.statistics__figure {
  color: #00456B; }

/* line 15, /var/www/html/nzta-prototype/frontend/sass/components/stat-block */
.statistics__label {
  color: #00456B; }

/* line 25, /var/www/html/nzta-prototype/frontend/sass/components/stat-block */
.statistics__sub-label {
  color: #555; }

/*------------------------------------*\
    #SUBNAV
\*------------------------------------*/
/* line 9, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
.breakline--hatched {
  position: relative;
  width: 100%;
  padding-top: 32px;
  padding-top: 2rem; }
  /* line 14, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
  .breakline--hatched:before {
    position: absolute;
    content: "";
    top: 0;
    height: 12px;
    height: 0.75rem;
    left: 0;
    right: 0;
    background-repeat: repeat-x !important;
    opacity: 0.5; }

/* line 33, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
.subnav h2 > .i-arrow-r, .subnav h3 > .i-arrow-r {
  width: 0.6em;
  height: 0.6em; }

/* line 57, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
.subnav__child {
  padding-left: 24px;
  padding-left: 1.5rem; }
  /* line 63, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
  .subnav__child:before {
    content: "•";
    position: absolute;
    left: 0.25em; }

@media only screen and (max-width: 37.49em) {
  /* line 77, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
  .subnav__sidebar .action:first-child {
    padding-top: 0; }
 }

/* line 90, /var/www/html/nzta-prototype/frontend/sass/components/subnav */
.primary-subnav:first-child, .secondary-subnav:first-child {
  margin-top: 0; }
@media only screen and (max-width: 59.99em) {
  .primary-subnav .subnav__image, .secondary-subnav .subnav__image {
    display: none; } }
@media only screen and (min-width: 37.5em) {
  .primary-subnav .subnav__sidebar, .secondary-subnav .subnav__sidebar {
    padding-top: 16px;
    padding-top: 1rem; } }

/* line 1, /var/www/html/nzta-prototype/frontend/sass/components/banner */
.home__banner {
  position: relative;
  overflow-x: hidden; }

/* line 6, /var/www/html/nzta-prototype/frontend/sass/components/banner */
.home__image {
  display: block;
  bottom: 0;
  width: 175%;
  margin-left: -37.5%; }
  @media only screen and (min-width: 37.5em) {
    .home__image {
      width: 150%;
      margin-left: -25%;
      margin-top: -25%; } }
  @media only screen and (min-width: 60em) {
    .home__image {
      width: 100%;
      margin-left: 0;
      margin-top: -12.5%; } }

/* line 23, /var/www/html/nzta-prototype/frontend/sass/components/banner */
.home__message {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.375);
  padding-top: 12.5%; }
  @media only screen and (min-width: 30em) {
    .home__message {
      padding-top: 18.75%; } }
  @media only screen and (min-width: 37.5em) {
    .home__message {
      padding-top: 6.25%; } }

/* line 38, /var/www/html/nzta-prototype/frontend/sass/components/banner */
.theme--banner {
  color: #236fa6; }

/* line 42, /var/www/html/nzta-prototype/frontend/sass/components/banner */
.banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/bg-abstract.png');
  background-repeat: no-repeat; }

/* line 20, /var/www/html/nzta-prototype/frontend/sass/components/subnav-tertiary */
.subnav--tertiary .breakline--hatched:before {
  height: 8px;
  height: 0.5rem; }

/*------------------------------------*\
    #CONTENT BLOCK
\*------------------------------------*/
/**
 * GLOBAL NAV
 *
 * Contents:
 * 1. Nav Pills
 * 2. Global nav - blue header (default)
 * 3. Global nav - white header
 */
/*
* 1. Nav Pills
*/
/* line 14, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
.nav-pill {
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.2em 0.6em; }

/*
* 2. Global nav - blue header (default)
*/
/* line 35, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
.global-nav--home + * {
  margin-top: -5.5em;
  padding-top: 5.5em;
  background-color: #7196a8; }

/* line 42, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
.global-nav {
  z-index: 11;
  /* mobile view, menu icon */ }
  /* line 51, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .search-container {
    width: 55%; }
    @media only screen and (max-width: 37.49em) {
      .global-nav .search-container {
        position: absolute;
        top: 100%;
        z-index: 10;
        margin-top: -1.5em;
        right: 1em;
        left: 1em;
        width: 80%; } }
  /* line 67, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .i-menu, .global-nav .i-menu:hover {
    opacity: 0.75; }
  /* line 72, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .search__input, .global-nav .menu {
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    line-height: 25px;
    height: 30px; }
  /* line 78, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .search__input {
    background-color: #00456B;
    border-color: #00456B; }
  /* line 85, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .search__icon {
    display: block;
    position: absolute;
    right: 1em;
    top: 9px;
    padding: 7px; }
    /* line 92, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
    .global-nav .search__icon:hover {
      background-position: 0 11.111%; }
  /* line 97, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .menu {
    background-color: #1a689d; }
    /* line 99, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
    .global-nav .menu:hover {
      background-color: #00456B; }
  /* line 107, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .search-small .i-search {
    opacity: 0.75; }
  /* line 115, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .global-nav .menu-small .i-menu {
    opacity: 0.75;
    padding: 10px; }

/*
* 3. Global nav - white header (home page and traffic map page)
*/
/* line 126, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
.theme--full-colour {
  background-color: #fff; }
  /* line 129, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour a {
    color: #236FA6; }
  /* line 134, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .menu, .theme--full-colour .search__input {
    background-color: #f2f4f7; }
  /* line 139, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .menu:hover {
    background-color: #eceff3; }
  /* line 144, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .search__input {
    border-color: #f2f2eb;
    color: #555; }
    /* line 147, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
    .theme--full-colour .search__input:focus {
      background-color: #eceff3; }
  /* line 153, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .i-search, .theme--full-colour .i-menu {
    background-position: 0 33.333%; }
  /* line 157, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .i-search {
    opacity: 0.75; }
    /* line 159, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
    .theme--full-colour .i-search:hover {
      opacity: 0.5;
      background-position: 0 33.333%; }
  /* line 165, /var/www/html/nzta-prototype/frontend/sass/components/global-nav */
  .theme--full-colour .menu-small:hover {
    opacity: 0.65; }

/*------------------------------------*\
    #HEADER STYLES
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/header */
.header {
  position: relative; }

/* line 9, /var/www/html/nzta-prototype/frontend/sass/components/header */
.header__image {
  min-height: 4em;
  overflow: hidden; }
  @media only screen and (max-width: 37.49em) {
    .header__image {
      position: relative; } }
  @media only screen and (min-width: 37.5em) and (max-width: 59.99em) {
    .header__image img {
      width: 150%;
      margin-left: -25%;
      margin-right: -25%; } }

/* line 30, /var/www/html/nzta-prototype/frontend/sass/components/header */
.header__title {
  padding-bottom: 16px;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 60em) {
    .header__title {
      padding-bottom: 48px;
      padding-bottom: 3rem; } }
  /* line 38, /var/www/html/nzta-prototype/frontend/sass/components/header */
  .header__image + .header__title {
    bottom: 0;
    left: 0;
    right: 0; }
  @media only screen and (max-width: 37.49em) {
    .header__title {
      padding-bottom: 0; }
      /* line 47, /var/www/html/nzta-prototype/frontend/sass/components/header */
      .header__title .breadcrumb {
        margin-top: 0;
        margin-bottom: 4px;
        margin-bottom: 0.25rem; }
      /* line 51, /var/www/html/nzta-prototype/frontend/sass/components/header */
      .header__image + .header__title {
        position: relative;
        background-color: transparent; }
        /* line 56, /var/www/html/nzta-prototype/frontend/sass/components/header */
        .header__image + .header__title .breadcrumb {
          position: relative;
          bottom: 100%;
          left: 0;
          right: 0; } }

/*------------------------------------*\
    #TABLES
\*------------------------------------*/
/* line 7, /var/www/html/nzta-prototype/frontend/sass/components/table */
table {
  border: 1px solid #ccc;
  width: 100%;
  text-align: left; }
  /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table > thead {
    background-color: #eee;
    border-color: #ccc; }
  /* line 28, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table caption {
    text-align: left;
    padding: 4px 0; }
  /* line 33, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table thead, table tfoot {
    font-weight: 700; }
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table td, table th {
    padding: 0.75em;
    border-right: solid 1px #ccc;
    vertical-align: top;
    word-wrap: break-word; }
  /* line 44, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table.table--header-borders thead th {
    border: 1px solid #ddd; }
  /* line 49, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table.table--zebra > thead {
    border-bottom: solid 1px #ccc; }
  /* line 52, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table.table--zebra > tfoot {
    border-top: solid 1px #ccc; }
  /* line 56, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table.table--zebra > tbody > tr:nth-child(odd) td, table.table--zebra > tbody > tr:nth-child(odd) th {
    background-color: #fafafa; }
  /* line 62, /var/www/html/nzta-prototype/frontend/sass/components/table */
  table.table--plain {
    border: 0; }
    /* line 65, /var/www/html/nzta-prototype/frontend/sass/components/table */
    table.table--plain td, table.table--plain th {
      padding: 0 0 0.5em 0;
      border-right: 0; }
    /* line 70, /var/www/html/nzta-prototype/frontend/sass/components/table */
    table.table--plain td:first-child, table.table--plain th:first-child {
      padding-left: 0; }
  @media only screen and (max-width: 37.49em) {
    table.table--responsive {
      display: block;
      border: none; }
      /* line 81, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive td, table.table--responsive tr, table.table--responsive tbody, table.table--responsive th {
        display: block;
        width: 100%;
        text-align: left;
        border-right: none;
        margin-top: 0; }
      /* line 88, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive thead {
        display: none; }
      /* line 91, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive td:first-child, table.table--responsive th {
        padding: 0;
        margin-top: 1.5em;
        font-weight: bold; }
      /* line 98, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive th {
        font-weight: bold; }
      /* line 104, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive tbody tr:nth-child(odd) td, table.table--responsive tbody tr:nth-child(odd) th {
        background: transparent; }
      /* line 111, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive tbody tr:nth-child(odd) td + td, table.table--responsive tbody tr:nth-child(odd) th + td, table.table--responsive td + td, table.table--responsive th + td {
        background: #F7F7F7; }
      /* line 115, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive td + td {
        border-top: solid 1px #e6e6e6; }
      /* line 118, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive td[data-header] {
        overflow: hidden;
        display: block;
        position: relative;
        padding-left: 50%; }
      /* line 124, /var/www/html/nzta-prototype/frontend/sass/components/table */
      table.table--responsive td[data-header]:before {
        content: attr(data-header);
        float: left;
        width: 95%;
        margin-left: -100%;
        color: #777; } }

/**
 *  Share navigation
**/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/share */
.share-nav {
  margin: 0; }
  /* line 11, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav > li {
    color: #fff;
    display: block;
    float: left;
    background-color: #004771;
    margin: 0;
    line-height: 36px;
    line-height: 2.25rem;
    height: 38px;
    height: 2.375rem; }
  /* line 21, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav > li + li {
    border-left: 1px solid #fff; }
  /* line 24, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav > li:first-child {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 16px;
    padding-right: 1rem; }
  /* line 28, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav > li:last-child {
    overflow: hidden;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
  /* line 33, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav > li > a {
    height: 100%;
    padding-left: 0.75em;
    padding-right: 0.75em; }
  /* line 40, /var/www/html/nzta-prototype/frontend/sass/components/share */
  .share-nav .i {
    background-position: 0 11.111%; }

/*------------------------------------*\
    #PAGINATION
\*------------------------------------*/
/* line 8, /var/www/html/nzta-prototype/frontend/sass/components/pagination */
.pagination.pagination-centered {
  text-align: center; }
  /* line 10, /var/www/html/nzta-prototype/frontend/sass/components/pagination */
  .pagination.pagination-centered a {
    margin: 0 0.75rem; }
/* line 20, /var/www/html/nzta-prototype/frontend/sass/components/pagination */
.pagination a {
  margin: 0 1.5rem 0 0; }
  /* line 22, /var/www/html/nzta-prototype/frontend/sass/components/pagination */
  .pagination a.disabled {
    color: #999; }
/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/pagination */
.pagination li.active a {
  color: #00456B; }

/*
* Image Gallery component
*
* contents:
* 1. Lightbox core styles
* 2. Image Gallery theme
*/
/*
1. Magnific Popup - v1.0.0 - 2015-01-03
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2015 Dmitry Semenov; 
*/
/* line 134, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/* line 151, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

/* line 163, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 178, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

/* line 189, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-align-top .mfp-container:before {
  display: none; }

/* line 196, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

/* line 206, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

/* line 213, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ajax-cur {
  cursor: progress; }

/* line 217, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

/* line 223, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

/* line 230, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-auto-cursor .mfp-content {
  cursor: auto; }

/* line 238, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

/* line 246, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-loading.mfp-figure {
  display: none; }

/* line 265, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-hide {
  display: none !important; }

/* line 276, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  /* line 286, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-preloader a {
    color: #CCC; }
    /* line 288, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
    .mfp-preloader a:hover {
      color: #FFF; }

/* line 296, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-s-ready .mfp-preloader {
  display: none; }

/* line 303, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-s-error .mfp-content {
  display: none; }

/* line 311, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
/* line 324, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* line 332, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  /* line 354, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  /* line 361, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-close:active {
    top: 1px; }

/* line 366, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-close-btn-in .mfp-close {
  color: #333; }

/* line 372, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

/* line 382, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

/* line 394, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  /* line 407, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow:active {
    margin-top: -54px; }
  /* line 411, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  /* line 420, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  /* line 434, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  /* line 442, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

/* line 450, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-arrow-left {
  left: 0; }
  /* line 454, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  /* line 459, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

/* line 465, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-arrow-right {
  right: 0; }
  /* line 468, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  /* line 473, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

/* line 483, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  /* line 486, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  /* line 491, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

/* line 495, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  /* line 500, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
/* line 520, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
/* line 535, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-figure {
  line-height: 0; }
  /* line 537, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  /* line 551, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  /* line 557, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-figure figure {
    margin: 0; }

/* line 561, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

/* line 569, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

/* line 578, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-image-holder .mfp-content {
  max-width: 100%; }

/* line 585, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
			 * Remove all paddings around the image on small screen
			 */
  /* line 598, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  /* line 603, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  /* line 609, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  /* line 613, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  /* line 618, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 628, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  /* line 632, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  /* line 636, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  /* line 656, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
     -ms-transform: scale(0.75);
         transform: scale(0.75); }

  /* line 660, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
     -ms-transform-origin: 0;
         transform-origin: 0; }

  /* line 664, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -moz-transform-origin: 100%;
     -ms-transform-origin: 100%;
         transform-origin: 100%; }

  /* line 668, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

/* line 680, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ie7 .mfp-img {
  padding: 0; }
/* line 683, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
/* line 690, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ie7 .mfp-container {
  padding: 0; }
/* line 693, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
/* line 696, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*
 * 2. Image Gallery theme
 */
/* line 711, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.lightbox-gallery figure {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative; }
  /* line 715, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .lightbox-gallery figure a .icon-bg {
    position: absolute;
    background: #fff;
    width: 1em;
    height: 1em;
    right: 0;
    top: 0;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  /* line 727, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .lightbox-gallery figure a .icon-enlarge {
    position: absolute;
    right: 1px;
    top: 1px; }
  /* line 733, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .lightbox-gallery figure a:hover .icon-bg {
    opacity: 1; }
  /* line 737, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
  .lightbox-gallery figure a:focus {
    outline: 0; }
/* line 742, /var/www/html/nzta-prototype/frontend/sass/components/image-gallery */
.lightbox-gallery figcaption {
  font-size: 14px;
  font-size: 0.875rem; }

/*
* Site Search
*/
/* line 9, /var/www/html/nzta-prototype/frontend/sass/components/search */
.site-search__button {
  position: absolute;
  top: 1.5em;
  left: 1.5em; }

/* line 15, /var/www/html/nzta-prototype/frontend/sass/components/search */
.site-search__input {
  padding-left: 2.5em; }

/**
## Forms
*/
/*------------------------------------*\
    #Fieldset
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/form/_fieldset */
fieldset {
  border: 0; }

/*------------------------------------*\
    #FIELD
\*------------------------------------*/
@media only screen and (max-width: 37.49em) {
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
  .field, .field--select, .field--number, .field--text, .field--prev-next, .field--email-plus-submit, .field--radio-button-list, .field--details, .field--radio-button-group, .field--submit {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
 }

/* line 42, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
.field, [type='text'], [type='email'], [type='date'], [type='number'] {
  border-radius: 4px;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  border: 1px solid #00456B;
  background-color: #F2F2EB;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: 1; }

/* line 69, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
.field--bare {
  border: none;
  background-color: transparent;
  border-radius: none; }

/* line 86, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
.field--knockout {
  color: #555;
  -webkit-transition: background-color 0.1s, -webkit-box-shadow 0.1s;
     -moz-transition: background-color 0.1s, box-shadow 0.1s;
          transition: background-color 0.1s, box-shadow 0.1s;
  border-width: 3px;
  border-color: transparent; }
  /* line 93, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
  .field--knockout:focus, .field--knockout:active {
    outline: none;
    border: solid 3px #ff5c00;
    background-color: #fff; }

/* line 100, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
label {
  color: #00456B; }

/* line 105, /var/www/html/nzta-prototype/frontend/sass/components/form/_field */
select {
  padding: 0.5rem;
  font-family: inherit;
  font-size: inherit; }

/*------------------------------------*\
    #FIELD NUMBER
\*------------------------------------*/
/*------------------------------------*\
    #FIELD TEXT
\*------------------------------------*/
/*------------------------------------*\
    #Field error
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--error */
.field--error {
  color: #c44; }
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--error */
  .field--error .field__label, .field--error label {
    color: #c44; }

/* line 16, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--error */
.field--error [type='text'], .field--error [type='date'], .field--error [type='email'], .field--error [type='number'], .field--error textarea {
  color: #555; }

/* line 24, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--error */
.form--has-errors .field, .form--has-errors .field--select, .form--has-errors .field--number, .form--has-errors .field--text, .form--has-errors .field--prev-next, .form--has-errors .field--email-plus-submit, .form--has-errors .field--radio-button-list, .form--has-errors .field--details, .form--has-errors .field--radio-button-group, .form--has-errors .field--submit {
  display: none; }

/* line 27, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--error */
.form--has-errors .field--error, .form--has-errors .field--submit {
  display: block; }

/*------------------------------------*\
    #Field link - 
    this wraps a link in a container so it can apply a consistent top margin to 
    match the other field components
\*------------------------------------*/
/*------------------------------------*\
    #FIELD PREV AND NEXT BUTTONS
\*------------------------------------*/
/* line 12, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--prev-next */
.prev-link:before, .next-link:after {
  margin-top: -2px;
  margin-top: -0.125rem;
  border-width: 4px;
  border-width: 0.25rem;
  top: 50%;
  content: '';
  border-color: transparent;
  border-style: solid; }

/* line 28, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--prev-next */
.prev-link:before {
  border-right-color: #236FA6; }

/* line 38, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--prev-next */
.next-link:after {
  border-left-color: #236FA6; }

/*------------------------------------*\
    #Field email plus submit
\*------------------------------------*/
/* line 7, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--email-plus-submit */
.email-wrapper [type='email'], .email-wrapper input[type='submit'] {
  height: 44px; }

/* line 11, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--email-plus-submit */
.email-wrapper [type='email'] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 70%; }
/* line 20, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--email-plus-submit */
.email-wrapper input[type='submit'] {
  padding: 4px;
  padding: 0.25rem;
  line-height: 16px;
  line-height: 1rem;
  border-top-left-radius: 0px;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0rem;
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem;
  width: 30%;
  margin-top: 0;
  margin-bottom: 0; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
/* line 6, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 16, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-single.is-hidden {
    display: none; }
  /* line 20, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-single.is-bound {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

/* line 28, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-single {
  *zoom: 1; }
  /* line 32, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-single:after {
    clear: both; }

/* line 40, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

/* line 46, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-title {
  position: relative;
  text-align: center; }
  /* line 50, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

/* line 62, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff; }

/* line 77, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-prev, .pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 75% 75%;
          background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0; }
  /* line 97, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-prev:hover, .pika-next:hover {
    opacity: 1; }
  /* line 101, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-prev.is-disabled, .pika-next.is-disabled {
    cursor: default;
    opacity: 0.2; }

/* line 108, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-prev, .is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0; }

/* line 115, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-next, .is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0; }

/* line 121, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-select {
  display: inline-block;
  *display: inline; }

/* line 126, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  /* line 133, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-table th, .pika-table td {
    width: 14.2857142857%;
    padding: 0; }
  /* line 138, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  /* line 146, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-table abbr {
    border-bottom: none;
    cursor: help; }

/* line 152, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }
  /* line 168, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .is-today .pika-button {
    color: #33aaff;
    font-weight: bold; }
  /* line 173, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
            box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px; }
  /* line 181, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3; }
  /* line 188, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
  .pika-button:hover {
    color: #fff;
    background: #ff8000;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px; }

/* line 196, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.pika-week {
  font-size: 11px;
  color: #999; }

/* line 201, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.is-inrange .pika-button {
  background: #D5E9F7; }

/* line 205, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

/* line 212, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--datepicker.scss */
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

/*------------------------------------*\
    #RADIO BUTTON LIST
\*------------------------------------*/
/* line 17, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-list */
.radio-button-list input {
  top: 32%; }

/*------------------------------------*\
    #Field details
\*------------------------------------*/
/*------------------------------------*\
    #RADIO BUTTON GROUP
\*------------------------------------*/
@media only screen and (max-width: 37.49em) {
  .field--radio-button-group .field__note {
    margin-bottom: 4px;
    margin-bottom: 0.25rem; } }

/* line 36, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control > li {
  border: 1px solid #236FA6;
  margin-right: -1px;
  margin-bottom: -1px; }
/* line 54, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control label {
  color: #236FA6; }
  /* line 62, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
  .segmented-control label span {
    cursor: pointer; }
/* line 70, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control input:checked + label {
  background: #236FA6;
  color: #fff; }

/* line 98, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--2-segments li {
  width: 50%; }

/* line 104, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--3-segments li {
  width: 33.33333333%; }

/* line 110, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--4-segments li {
  width: 25%; }

/* line 116, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--5-segments li {
  width: 20%; }

/* line 122, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--6-segments li {
  width: 33.33333333%; }

/* line 128, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--7-segments li {
  width: 50%; }
  /* line 130, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
  .segmented-control--7-segments li:first-child {
    border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0rem; }
  /* line 133, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
  .segmented-control--7-segments li:nth-child(2) {
    border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0rem; }
  /* line 140, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
  .segmented-control--7-segments li:last-child {
    border-top-right-radius: 0px;
    border-top-right-radius: 0rem; }

/* line 146, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--8-segments li {
  width: 25%; }

/* line 152, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--9-segments li {
  width: 33.33333333%; }

/* line 158, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--10-segments li {
  width: 20%; }

/* line 164, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--11-segments li {
  width: 25%; }

/* line 171, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--12-segments li {
  width: 25%; }

/* line 177, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--13-segments li {
  width: 50%; }

/* line 183, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--radio-button-group */
.segmented-control--14-segments li {
  width: 50%; }

/*------------------------------------*\
    #FIELD SUBMIT
\*------------------------------------*/
/*------------------------------------*\
    #FIELD DROPDOWN
\*------------------------------------*/
/* line 6, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
.field--dropdown select {
  cursor: pointer; }
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown select:disabled {
    cursor: not-allowed; }
/* line 14, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
.field--dropdown .dropdown {
  background: #F2F2EB;
  color: inherit;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  /* Styles for when the select box is open */
  /* Styles for when the select box is in focus */
  /* arrow styling */
  /**
         * DROPDOWN THEMES
         */ }
  /* line 21, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown .dropdown.dropdownOpen {
    /* arrow up styling */ }
    /* line 24, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
    .field--dropdown .dropdown.dropdownOpen .dropdownInner:before {
      background-position: 0 100%; }
  /* line 31, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown .dropdown.dropdownFocus {
    outline: solid 3px #ff5c00; }
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown .dropdown .dropdownInner:before {
    background: url("/resources/images/ui/filter-toggle.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    -webkit-background-size: 20px 40px;
            background-size: 20px 40px;
    content: '';
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px; }
  /* line 53, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown .dropdown.dropdown--dark {
    background: #094771;
    color: #fff; }
    /* line 58, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
    .field--dropdown .dropdown.dropdown--dark .dropdownInner:before {
      background: url("/resources/images/ui/filter-toggle-dark.png") no-repeat 0 0;
      -webkit-background-size: 20px 40px;
              background-size: 20px 40px; }
  /* line 65, /var/www/html/nzta-prototype/frontend/sass/components/form/_field--dropdown */
  .field--dropdown .dropdown.dropdownDisabled {
    /* Styles for when the select box itself is disabled */
    background: #eee;
    cursor: not-allowed;
    color: inherit;
    opacity: 0.6; }

/**
## Highways
*/
/**
 * This file contains the additional CSS specific to the highways page.
 */
/* PROJECT PAGE HEADER */
/* line 7, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
.header--section-nav .header__title {
  padding-bottom: 0; }
  /* line 9, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
  .header--section-nav .header__title h1 {
    margin-bottom: 3rem; }
/* line 13, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
.header--section-nav .breadcrumb {
  margin-bottom: 0.75rem; }

/* line 18, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
.section-nav {
  padding: 0;
  margin: 0; }
  /* line 21, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
  .section-nav li {
    display: inline-block; }
    /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
    .section-nav li a {
      display: block;
      padding: 5px 10px;
      margin: 5px;
      font-weight: 300;
      background: #0b5485; }
    /* line 30, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
    .section-nav li.active a {
      font-weight: 600; }

@media only screen and (min-width: 37.5em) {
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
  .section-nav {
    background: #0b5485; }

  /* line 40, /var/www/html/nzta-prototype/frontend/sass/components/highways/_header */
  .section-nav li a {
    padding: 1rem 0.6rem 1rem 0.8rem;
    margin: 0; }
 }

/**
## Pages
*/
/*------------------------------------*\
    #TRAFFIC - PAGE SPECIFIC
\*------------------------------------*/
/* line 19, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info .global-nav {
  position: relative; }
  @media only screen and (max-width: 37.49em) {
    .traffic-info .global-nav {
      padding-bottom: 18px;
      padding-bottom: 1.125rem;
      padding-top: 20px;
      padding-top: 1.25rem; } }
/* line 29, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info .global-nav > .wrapper > .layout {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 16px;
  padding-right: 1rem; }
/* line 33, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info h1, .traffic-info h2, .traffic-info h3 {
  position: relative;
  padding-right: 8px;
  padding-right: 0.5rem; }
  /* line 37, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info h1.highway-count__1, .traffic-info h2.highway-count__1, .traffic-info h3.highway-count__1 {
    padding-right: 16px;
    padding-right: 1rem; }
  /* line 41, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info h1.highway-count__2, .traffic-info h2.highway-count__2, .traffic-info h3.highway-count__2 {
    padding-right: 48px;
    padding-right: 3rem; }

/* line 52, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info .access:focus, .traffic-info .access-keys:target {
  position: fixed;
  z-index: 11;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 65, /var/www/html/nzta-prototype/frontend/sass/traffic */
.map-nav, .map-nav--icon, .map-nav--tools, .map-nav--view-type, .switch-nav {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0; }
  /* line 70, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .map-nav > li, .map-nav--icon > li, .map-nav--tools > li, .map-nav--view-type > li, .switch-nav > li {
    margin-top: 0; }

/* line 75, /var/www/html/nzta-prototype/frontend/sass/traffic */
.section--map {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0; }
  /* line 82, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .section--map > * {
    width: 100%;
    height: 100%; }

/* line 89, /var/www/html/nzta-prototype/frontend/sass/traffic */
.list-view, .modal-view, .map-nav, .map-nav--icon {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); }

/* line 95, /var/www/html/nzta-prototype/frontend/sass/traffic */
a {
  text-decoration: none; }
  /* line 97, /var/www/html/nzta-prototype/frontend/sass/traffic */
  a:hover {
    text-decoration: none; }

/*
    map list
*/
/* line 113, /var/www/html/nzta-prototype/frontend/sass/traffic */
.list-view, .modal-view {
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
  position: absolute;
  top: 1em; }

/* line 125, /var/www/html/nzta-prototype/frontend/sass/traffic */
.list-view {
  -moz-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  bottom: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 20em;
  max-width: 24em;
  width: 40%; }
  @media only screen and (max-width: 37.49em) {
    .list-view {
      width: 100%;
      -o-border-radius: 0;
      border-radius: 0;
      padding-bottom: 32px;
      padding-bottom: 2rem;
      max-width: none;
      display: none;
      top: auto !important;
      margin-top: 0;
      bottom: auto; } }
  @media only screen and (max-width: 37.49em) {
    .list-active .list-view {
      display: block;
      position: relative; }
      /* line 158, /var/www/html/nzta-prototype/frontend/sass/traffic */
      .list-active .list-view .view-absolute {
        position: relative; } }
  @media only screen and (max-width: 37.49em) {
    .modal-active .list-view {
      position: absolute; } }

/* line 171, /var/www/html/nzta-prototype/frontend/sass/traffic */
.modal-view {
  -moz-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 20em;
  max-width: 24em;
  width: 40%;
  left: -26em;
  position: relative; }
  @media only screen and (max-width: 37.49em) {
    .modal-view {
      width: 100%;
      -o-border-radius: 0;
      border-radius: 0;
      max-width: none;
      position: relative;
      top: auto;
      display: none;
      -webkit-transition: left 0s;
      -moz-transition: left 0s;
      transition: left 0s;
      left: 0;
      bottom: 0;
      margin-top: 0; } }
  /* line 199, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .modal-active .modal-view {
    display: block; }
  /* line 203, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .modal-view ul {
    margin-bottom: 0px; }

/* line 209, /var/www/html/nzta-prototype/frontend/sass/traffic */
.modal-active .list-view {
  left: -20em;
  width: 20em; }
/* line 213, /var/www/html/nzta-prototype/frontend/sass/traffic */
.modal-active .modal-view {
  left: 1em; }
  @media only screen and (max-width: 37.49em) {
    .modal-active .modal-view {
      left: 0; } }

/* line 224, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info__nav .nav__link {
  color: #555;
  display: block;
  padding: 1.25em 0 1.25em 1.5em;
  text-transform: uppercase; }
  /* line 229, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__nav .nav__link > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem; }

/* line 239, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info__header {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  position: relative;
  width: 100%; }
  /* line 248, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__header .breadcrumb {
    margin-top: 2px;
    margin-top: 0.125rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    padding-right: 96px;
    padding-right: 6rem; }
  /* line 255, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__header .breadcrumb + h1 {
    margin-top: 0; }
  /* line 258, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__header h1 {
    margin-top: 1.3em; }
  /* line 263, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__header h1 + h2 {
    margin-top: 0.5em; }
  /* line 271, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-info__header .switch-nav {
    margin-top: 1em; }
  /* line 278, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .level-1 .traffic-info__header {
    margin-bottom: 16px;
    margin-bottom: 1rem; }
    /* line 280, /var/www/html/nzta-prototype/frontend/sass/traffic */
    .level-1 .traffic-info__header:after {
      position: absolute;
      left: 32px;
      left: 2rem;
      height: 16px;
      height: 1rem;
      bottom: -16px;
      bottom: -1rem;
      right: 0;
      content: "";
      background-repeat: repeat-x !important; }

/* line 292, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-metrics {
  margin-left: 1%; }
  /* line 295, /var/www/html/nzta-prototype/frontend/sass/traffic */
  .traffic-metrics > * {
    vertical-align: middle;
    width: 32%; }

/* line 304, /var/www/html/nzta-prototype/frontend/sass/traffic */
.list__link + .traffic-messages {
  padding-top: 0; }

/* line 308, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-metrics + .traffic-messages {
  margin-top: -16px;
  margin-top: -1rem; }

/* line 317, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info__body h5, .traffic-info__body p {
  margin-top: 0.1em; }
/* line 335, /var/www/html/nzta-prototype/frontend/sass/traffic */
.traffic-info__body h3 > i {
  margin-top: 0.2em;
  margin-right: -0.5em; }

/* line 347, /var/www/html/nzta-prototype/frontend/sass/traffic */
.level-1 .location-list {
  margin-left: 32px;
  margin-left: 2rem;
  margin-right: 32px;
  margin-right: 2rem; }
/* line 351, /var/www/html/nzta-prototype/frontend/sass/traffic */
.level-1 .location-list {
  border-bottom: 1px solid #eeeeee; }
/* line 354, /var/www/html/nzta-prototype/frontend/sass/traffic */
.level-1 .location-list > .list__item > a {
  padding-left: 0;
  padding-right: 0; }
/* line 360, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list > .list__item {
  margin-top: 0; }
/* line 363, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list > .list__item + .list__item {
  border-top: 1px solid #eeeeee; }
/* line 367, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list > .list__item > * {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem; }
/* line 371, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list > .list__item.full-width > * {
  padding-left: 0;
  padding-right: 0; }
/* line 376, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list > .list__item > a {
  padding-top: 1.25em;
  padding-bottom: 1.25em; }
/* line 381, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list .list__link .pill {
  padding: 0.071428571em 0.285714286em 0.142857143em; }
/* line 384, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list .list__link {
  display: block; }
/* line 387, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list h4 {
  margin-bottom: 0; }

/* line 393, /var/www/html/nzta-prototype/frontend/sass/traffic */
.location-list__split {
  float: right; }

/*
    map controls
*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-controls {
  z-index: 1;
  position: absolute;
  margin-top: 1em;
  right: 0.75em;
  text-align: right;
  pointer-events: none; }
  @media only screen and (max-width: 37.49em) {
    .modal-active .map-controls {
      display: none; } }
  /* line 19, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .list-active .map-controls {
    z-index: auto; }
    @media only screen and (max-width: 37.49em) {
      /* line 23, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
      .list-active .map-controls .map-nav--view-type__map {
        display: inline-block; }

      /* line 26, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
      .list-active .map-controls .map-nav--view-type__list {
        display: none; }
 }
  @media only screen and (max-width: 37.49em) {
    .map-controls {
      margin-top: 1em; }
      /* line 35, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
      .map-controls .map-nav--view-type__map {
        display: none; } }

/* line 41, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-nav, .map-nav--icon {
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
  margin: 0; }

/* line 59, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-nav__item {
  text-align: center;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #005d95; }
  /* line 64, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .map-nav__item > a {
    color: #fff;
    padding: 0.4em 0 0.5em;
    display: block;
    line-height: 1.5; }
    /* line 69, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav__item > a .i {
      background-position: 0 11.111%; }
    /* line 72, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav__item > a:hover {
      background-color: #003758; }
  /* line 76, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .map-nav__item.active > a {
    color: #000; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .map-nav__item:first-child {
    border-top: 0; }

/* line 92, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.section--view-type-nav {
  margin-bottom: 0.5em;
  display: none;
  pointer-events: all; }
  @media only screen and (max-width: 37.49em) {
    .section--view-type-nav {
      display: block; } }

/* line 100, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.section--map-nav {
  width: 2.6em;
  pointer-events: all; }
  @media only screen and (max-width: 37.49em) {
    .section--map-nav {
      width: 2em; } }

/* line 109, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-nav--icon {
  margin-top: 1em; }
  @media only screen and (max-width: 37.49em) {
    .map-nav--icon {
      margin-top: 0.5em; } }

/* line 117, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-nav--view-type {
  z-index: 2;
  position: relative; }

/**
 *   Taffic navigation
**/
/* line 130, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
.map-nav--tools {
  overflow: auto;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  width: 230px;
  width: 14.375rem;
  background-color: #ffffff;
  float: right; }
  /* line 135, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .tools-active .map-nav--tools {
    max-height: 15em; }
  /* line 148, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
  .map-nav--tools .map-nav__item {
    text-align: left;
    margin: 0 0.75em 0 3em; }
    /* line 154, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav--tools .map-nav__item > label {
      color: #555;
      padding: 1.2em 0;
      position: relative; }
    /* line 160, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav--tools .map-nav__item > label > i {
      position: absolute;
      left: -36px;
      left: -2.25rem; }
    /* line 165, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav--tools .map-nav__item > label > input {
      float: right; }
    /* line 168, /var/www/html/nzta-prototype/frontend/sass/components/traffic/traffic-nav */
    .map-nav--tools .map-nav__item + .map-nav__item {
      border-top: 1px solid #F2F2EB; }

/*
    route list
*/
/* line 17, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route {
  padding-top: 48px;
  padding-top: 3rem; }

/* line 25, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item {
  position: relative; }
  /* line 29, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item:before {
    position: absolute;
    content: "";
    left: 89px;
    left: 5.5625rem;
    margin-left: -1px;
    top: 1em;
    bottom: -0.65em;
    border-left: 2px solid #59B359; }
  /* line 39, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item:after {
    position: absolute;
    content: "";
    left: 89px;
    left: 5.5625rem;
    margin-left: -0.375em;
    top: 0.45em;
    width: 0.75em;
    height: 0.75em;
    background-position: 0 77.777%; }
  /* line 50, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item:last-child:before {
    content: none; }
  /* line 55, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item > * {
    min-height: 4.5em;
    position: relative;
    display: block; }
    /* line 60, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
    .route__item > * p {
      color: #555; }
    /* line 63, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
    .route__item > * p > i {
      width: 1em;
      height: 1em; }
  /* line 71, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item h4 {
    margin-bottom: 0; }
  /* line 76, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item h4, .route__item > a > * {
    padding-left: 114px;
    padding-left: 7.125rem; }
    /* line 79, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
    .route__item h4 .i-arrow-r, .route__item > a > * .i-arrow-r {
      float: none;
      width: 0.8em;
      height: 0.8em; }
  /* line 86, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
  .route__item .route__figure {
    position: absolute;
    left: 0;
    top: -20px;
    top: -1.25rem;
    width: 74px;
    width: 4.625rem;
    height: 64px;
    height: 4rem;
    overflow: hidden;
    line-height: 0;
    padding: 0; }
    /* line 95, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
    .route__item .route__figure img {
      height: 100%;
      width: auto;
      -o-border-radius: 5px;
      border-radius: 5px; }
    /* line 100, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
    .route__item .route__figure:after {
      content: "";
      -webkit-background-size: cover;
              background-size: cover;
      position: absolute;
      right: -1px;
      bottom: 0;
      top: 0;
      width: 10px; }

/* line 114, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--red:before {
  border-left-color: #CA4142; }
/* line 117, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--red:after {
  background-position: 0 100%; }

/* line 122, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--orange:before {
  border-left-color: #FF8C19; }
/* line 125, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--orange:after {
  background-position: 0 88.888%; }

/* line 133, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--roadworks:after, .route__item--warning:after {
  width: 1.5em;
  height: 1.5em;
  margin-top: -0.375em;
  margin-left: -0.75em;
  border-width: 0.25em;
  border-style: solid;
  -o-border-radius: 3px;
  border-radius: 3px; }

/* line 144, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--roadworks:before {
  border-left-color: #FF8C19; }
/* line 147, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--roadworks:after {
  background-position: 0 55.555% !important;
  background-color: #FF8C19;
  border-color: #FF8C19; }

/* line 154, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--warning:before {
  border-left-color: #CA4142; }
/* line 157, /var/www/html/nzta-prototype/frontend/sass/components/traffic/route */
.route__item--warning:after {
  background-position: 0 11.111% !important;
  background-color: #CA4142;
  border-color: #CA4142; }

/* line 1, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
.webcam {
  line-height: 0;
  position: relative; }

/* line 11, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
.webcam__image {
  line-height: 1;
  width: 100%;
  height: auto; }

/* line 16, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
.webcam__caption {
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); }

/* line 31, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
.webcam__last-update {
  display: block; }
  /* line 32, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
  .webcam__last-update > .i {
    font-size: 16px;
    font-size: 1rem;
    margin-top: -1px;
    margin-top: -0.0625rem; }

/* line 46, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
.webcam-list {
  padding-top: 0;
  white-space: nowrap;
  overflow: hidden;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0; }
  /* line 56, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
  .webcam-list > li {
    margin-right: -0.2em;
    vertical-align: top;
    margin-top: 0;
    width: 78px;
    width: 4.875rem;
    overflow: hidden;
    white-space: normal; }
  /* line 66, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
  .webcam-list .webcam {
    display: block;
    position: static; }
    /* line 69, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
    .webcam-list .webcam > .webcam__image {
      height: 64px;
      height: 4rem;
      width: auto; }
    /* line 73, /var/www/html/nzta-prototype/frontend/sass/components/traffic/webcam */
    .webcam-list .webcam > .webcam__caption {
      position: static;
      line-height: 1.2;
      padding: 0.2em 0.3em 0.3em;
      background: none; }

/*
    switch navigation
*/
/* line 10, /var/www/html/nzta-prototype/frontend/sass/components/traffic/switch-nav */
.map-nav--view-type, .switch-nav {
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  background-color: #004771;
  border: 1px solid #236FA6;
  list-style: none; }
  /* line 21, /var/www/html/nzta-prototype/frontend/sass/components/traffic/switch-nav */
  .map-nav--view-type .nav__item, .switch-nav .nav__item {
    float: left;
    border-top: 0;
    margin-top: 0; }
  /* line 27, /var/www/html/nzta-prototype/frontend/sass/components/traffic/switch-nav */
  .map-nav--view-type .nav__item > a, .switch-nav .nav__item > a {
    padding: 0.35em 1em;
    display: inline-block;
    color: #fff; }
    /* line 33, /var/www/html/nzta-prototype/frontend/sass/components/traffic/switch-nav */
    .map-nav--view-type .nav__item > a:hover, .switch-nav .nav__item > a:hover, .map-nav--view-type .nav__item > a.active, .switch-nav .nav__item > a.active {
      background-color: #236FA6; }

/* line 45, /var/www/html/nzta-prototype/frontend/sass/components/traffic/switch-nav */
.tools-active .toggle-tools a {
  background-color: #236FA6; }

/* line 405, /var/www/html/nzta-prototype/frontend/sass/traffic */
.horizontal-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto; }

/*
    custom map icons
*/
/* line 426, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-map-caret-down, .i-map-caret-up, .i-map-plus, .i-map-minus, .i-map-compass, .i-map-cog {
  width: 0.875em;
  height: 0.875em; }

/* line 437, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-map-tools-cameras, .i-map-tools-roadworks, .i-map-tools-warnings, .i-map-tools-area-warnings, .i-map-tools-projects, .i-map-tools-timsigns, .i-map-tools-vmssigns {
  width: 26px;
  width: 1.625rem;
  height: 34px;
  height: 2.125rem;
  margin-top: -0.2em; }

/* line 442, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-map-tools-traffic-flow {
  width: 20px;
  width: 1.25rem;
  height: 18px;
  height: 1.125rem;
  margin-left: 3px;
  margin-left: 0.1875rem;
  margin-right: 3px;
  margin-right: 0.1875rem; }

/* line 452, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-sh {
  width: 1.625em;
  height: 1.625em; }

/* line 456, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-route {
  width: 0.875em;
  height: 1.25em; }

/* line 462, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-twitter, .i-facebook, .i-google {
  width: 1.375em;
  height: 1.375em; }

/* line 469, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-distance, .i-speed, .i-duration {
  width: 1.5em;
  height: 1.5em; }

/* line 473, /var/www/html/nzta-prototype/frontend/sass/traffic */
.i-limit {
  border: 0.3em solid #CA4142;
  border-radius: 2em;
  display: block;
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
  height: 2.3em;
  line-height: 1.7em;
  text-align: center;
  width: 2.3em; }

/* line 488, /var/www/html/nzta-prototype/frontend/sass/traffic */
.highway {
  position: relative;
  display: inline-block; }
  /* line 494, /var/www/html/nzta-prototype/frontend/sass/traffic */
  h1 > .highway, h2 > .highway, h3 > .highway {
    position: absolute;
    top: 4px;
    top: 0.25rem;
    right: -12px;
    right: -0.75rem; }

/* line 504, /var/www/html/nzta-prototype/frontend/sass/traffic */
.highway__number {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  color: #fff; }

/* line 513, /var/www/html/nzta-prototype/frontend/sass/traffic */
.highway--white .highway__number {
  color: #333; }

/* line 517, /var/www/html/nzta-prototype/frontend/sass/traffic */
.view-relative {
  position: relative; }

/* line 521, /var/www/html/nzta-prototype/frontend/sass/traffic */
.view-absolute {
  position: absolute;
  background: #fff;
  width: 100%; }

/**
 *  Traffic animation
**/
@-webkit-keyframes slideInFromRight {
  /* line 541, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

  /* line 544, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

@-moz-keyframes slideInFromRight {
  /* line 541, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

  /* line 544, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

@-ms-keyframes slideInFromRight {
  /* line 541, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

  /* line 544, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slideInFromRight {
  /* line 541, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

  /* line 544, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes slideOutToRight {
  /* line 549, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  /* line 552, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes slideOutToRight {
  /* line 549, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  /* line 552, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

@-ms-keyframes slideOutToRight {
  /* line 549, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  /* line 552, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes slideOutToRight {
  /* line 549, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  /* line 552, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes fadeIn {
  /* line 557, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    opacity: 0; }

  /* line 560, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  /* line 557, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    opacity: 0; }

  /* line 560, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  /* line 557, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    opacity: 0; }

  /* line 560, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  /* line 557, /var/www/html/nzta-prototype/frontend/sass/traffic */
  0% {
    opacity: 0; }

  /* line 560, /var/www/html/nzta-prototype/frontend/sass/traffic */
  100% {
    opacity: 1; } }

/* line 565, /var/www/html/nzta-prototype/frontend/sass/traffic */
.anim-reveal {
  -webkit-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1); }

/* line 568, /var/www/html/nzta-prototype/frontend/sass/traffic */
.anim-slidein {
  -webkit-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: slideInFromRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1); }

/* line 571, /var/www/html/nzta-prototype/frontend/sass/traffic */
.anim-slideout {
  -webkit-animation: slideOutToRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: slideOutToRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: slideOutToRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: slideOutToRight 200ms both cubic-bezier(0.645, 0.045, 0.355, 1); }

/* line 576, /var/www/html/nzta-prototype/frontend/sass/traffic */
.anim-fadein {
  -webkit-animation: fadeIn 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: fadeIn 200ms both cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 200ms both cubic-bezier(0.645, 0.045, 0.355, 1); }

/*------------------------------------*\
    #HOME - PAGE SPECIFIC
\*------------------------------------*/
@media only screen and (max-width: 37.49em) {
  .homepage .content__right {
    padding-left: 1rem !important; } }
@media only screen and (max-width: 37.49em) {
  /* line 34, /var/www/html/nzta-prototype/frontend/sass/home */
  .homepage .content__bottom, .homepage .content__right, .homepage .content__left {
    padding-top: 1em; }

  /* line 37, /var/www/html/nzta-prototype/frontend/sass/home */
  .homepage .content__left {
    padding-bottom: 1em; }
 }

/*------------------------------------*\
    #ACCESSIBILITY 
\*------------------------------------*/
/* line 5, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* line 16, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.access {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden; }

/* line 24, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.access:focus, .access-keys:target {
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
  visibility: visible;
  width: auto;
  height: auto;
  overflow: visible; }

/* line 36, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.access-keys {
  background-color: #fcf4b9; }

/* line 41, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.access-keys__key {
  margin-right: 0.5em;
  display: inline-block;
  width: 2.5em; }

/* line 52, /var/www/html/nzta-prototype/frontend/sass/accessibility */
a.external {
  padding-right: 12px;
  padding-right: 0.75rem;
  margin-right: 4px;
  margin-right: 0.25rem; }
  /* line 56, /var/www/html/nzta-prototype/frontend/sass/accessibility */
  a.external:after {
    margin-top: 8px;
    margin-top: 0.5rem;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-position: 0 22.222%;
    -webkit-background-size: 10px 10px;
            background-size: 10px; }
  /* line 66, /var/www/html/nzta-prototype/frontend/sass/accessibility */
  a.external:hover:after {
    background-position: 0 33.333%; }

/* line 70, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.i-external-link {
  width: 10px;
  height: 10px;
  vertical-align: middle; }

/* line 77, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.theme--error a.external:after, .theme--confirmation a.external:after {
  background-position: 0 11.111%; }

/* line 84, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.theme--dark a.external:after, .theme--strong a.external:after, .theme--slate a.external:after, .theme--error a.external:after, .theme--confirmation a.external:after {
  background-position: 0 11.111%; }
/* line 89, /var/www/html/nzta-prototype/frontend/sass/accessibility */
.theme--dark .theme--white a.external:after, .theme--strong .theme--white a.external:after, .theme--slate .theme--white a.external:after, .theme--error .theme--white a.external:after, .theme--confirmation .theme--white a.external:after {
  background-position: 0 33.333%; }

/**
## Misc
*/
/* line 195, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* line 202, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
textarea:focus, input:focus, select:focus {
  outline: solid 3px #ff5c00; }

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

@media only screen and (max-width: 37.49em) {
  /* line 221, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
  .hide-small {
    display: none; }
 }

@media only screen and (min-width: 37.5em) {
  /* line 229, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
  .hide-medium {
    display: none; }
 }

@media only screen and (min-width: 60em) {
  /* line 237, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
  .hide-large {
    display: none; }
 }

@media only screen and (min-width: 75em) {
  /* line 245, /var/www/html/nzta-prototype/frontend/sass/screen.scss */
  .hide-xlarge {
    display: none; }
 }

/*# sourceMappingURL=screen.css.map */