/**
---------------------------------------
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(to bottom, #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 `` in favour of
`` 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;
padding-inline-start: 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: none;
}
/* 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("/images/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("/images/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, button:focus {
outline: 1.5px solid #fff;
border: 2px solid #ff5c00;
border-radius: 5px;
outline-offset: 1px;
}
@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;
}
}