html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input[type="submit"], #development-helper button,
#development-helper > a,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input[type="submit"], #development-helper button,
#development-helper > a,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, input[type="submit"], #development-helper button,
#development-helper > a,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, input[type="submit"], #development-helper button,
#development-helper > a,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, #development-helper button::-moz-focus-inner,
#development-helper > a::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, input[type="submit"]:-moz-focusring, #development-helper button:-moz-focusring,
#development-helper > a:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=48f6fc1f5370a3fa09796a36ad7b6c64)
 * Config saved to config.json and https://gist.github.com/48f6fc1f5370a3fa09796a36ad7b6c64
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input[type="submit"], #development-helper button,
#development-helper > a,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button, input[type="submit"], #development-helper button,
#development-helper > a {
  overflow: visible;
}

button, input[type="submit"], #development-helper button,
#development-helper > a,
select {
  text-transform: none;
}

button, input[type="submit"], #development-helper button,
#development-helper > a,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], input[disabled][type="submit"], #development-helper button[disabled],
#development-helper > a[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, #development-helper button::-moz-focus-inner,
#development-helper > a::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}

input,
button,
input[type="submit"],
#development-helper button,
#development-helper > a,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

* {
  box-sizing: border-box;
}

.page-section, body > header, .site-footer .container-fluid {
  padding: 0;
}

@media screen and (min-width: 1200px) {
  .page-section, body > header, .site-footer .container-fluid {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.row.zero-bezel {
  margin: 0;
}

.visible-hidden {
  visibility: hidden;
}

html {
  font-size: 10px;
}

@media (min-width: min-width 768px 12) and (max-width: 992px) {
  html {
    font-size: 9px;
  }
}

body {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  background: white;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  body {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  body {
    /*font-size: 0.35 * $nh;*/
  }
}

h1,
h2,
h3,
h4,
h5,
p {
  color: inherit;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
}

h1 {
  font-size: 27px;
  font-size: 2.7rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  font-weight: 700;
}

h2 {
  font-size: 22.5px;
  font-size: 2.25rem;
  margin-bottom: 7px;
  margin-bottom: 0.7rem;
  font-weight: 700;
}

h3 {
  font-size: 20.25px;
  font-size: 2.025rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

h4, h5 {
  font-size: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

h6 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: #b3b7bd;
}

p {
  font-size: inherit;
  line-height: 1.7;
}

strong, b {
  font-weight: 600;
}

strong, b, em, i {
  color: inherit;
}

a:focus, a:visited {
  color: inherit;
}

article p {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.small-heading {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin-top: 15px;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

mark {
  background: rgba(150, 178, 34, .3);
}

.nowrap {
  white-space: nowrap;
}

.item-title {
  font-weight: 600;
}

/* Google Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/material-icons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../assets/material-icons/MaterialIcons-Regular.woff2) format("woff2"), url(../assets/material-icons/MaterialIcons-Regular.woff) format("woff"), url(../assets/material-icons/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons, .menu-item-parent > a:after, .modal-close-button, .blog-index-browser .post-type:before, .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-browser .pagination-button:before, .article-header .post-type:before, .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination .article-header .pagination-button:before, .feedback-btn-wrapper a:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  /* Preferred icon size */
  display: inline-block;
  width: 10px;
  width: 1rem;
  height: 10px;
  height: 1rem;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

.material-icons, .menu-item-parent > a:after, .modal-close-button, .blog-index-browser .post-type:before, .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-browser .pagination-button:before, .article-header .post-type:before, .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination .article-header .pagination-button:before, .feedback-btn-wrapper a:before {
  position: relative;
}

.ico:before, .icon:before, .arrow-link:before, .link-list li a:before, .links-list li a:before, .card-modal-container footer .actions li a:before, .ico.link:before, .buttonside:before, .general-back-button:before, .checklist li:before, .actions .ico:before, .input-group.select:after, .input-group.select-group:after, .input-group.checkbox input + span:after, .general-radio-box input:checked + label:after, .payment-type-radio [name="reg-payment-type"]:checked + label:after, .editable:after, .context-menu-toggle, .tooltipped:after, .card.video:after, .widget.map-nz:after, .widget.map-nz.fullscreen:after, .skills-list.md li [type="checkbox"] ~ label.post-skill:before, .search input[type="button"], .search input[type="reset"], .search input[type="submit"], .dashboard .search-module-toolbar > li:last-child, #floating-action-button, .registration-form section.one .section-content .card .card-content [name="register-user-type"] + label .icon-1, .location-menu-toggle, body.location .page-hero-banner .title-group span, .region-info a, body > header nav #menu-btn:before, body > header nav #user-toolbar .user-toolbar-button, body > header .search input[type="button"] {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

/* NZ Job Finder Icons */
@font-face {
  font-family: "nzjf-icons";
  src: url("../icons/nzjf-icons/fonts/nzjf-icons.eot");
  src: url("../icons/nzjf-icons/fonts/nzjf-icons.eot?#iefix") format("embedded-opentype"), url("../icons/nzjf-icons/fonts/nzjf-icons.woff") format("woff"), url("../icons/nzjf-icons/fonts/nzjf-icons.ttf") format("truetype"), url("../icons/nzjf-icons/fonts/nzjf-icons.svg#nzjf-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "nzjf-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  -webkit-font-feature-settings: normal !important;
          font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="nzico-"]:before,
[class*=" nzico-"]:before {
  font-family: "nzjf-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  -webkit-font-feature-settings: normal !important;
          font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nzico-chef:before {
  content: "\100";
}

.nzico-barista:before {
  content: "\102";
}

.nzico-winewaiter:before {
  content: "\103";
}

.nzico-bartender:before {
  content: "\104";
}

.nzico-concierge:before {
  content: "\105";
}

.nzico-flower:before {
  content: "\106";
}

.nzico-groundsperson:before {
  content: "\107";
}

.nzico-waiter:before {
  content: "\108";
}

.nzico-housekeeper:before {
  content: "\109";
}

.nzico-kitchenhand:before {
  content: "\110";
}

.nzico-reception:before {
  content: "\111";
}

.nzico-souschef:before {
  content: "\112";
}

.ico:before, .icon:before {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.ico.link:before, .icon.link:before {
  left: -2px;
  left: -0.2rem;
}

.ico.circle, .icon.circle {
  display: inline-block;
}

.ico.circle:before, .icon.circle:before {
  padding: 7px;
  padding: 0.7rem;
  display: block;
  border-radius: 50%;
  width: 100%;
  vertical-align: baseline;
  height: 100%;
  font-size: 24.75px;
  font-size: 2.475rem;
  color: #fff;
}

.ico.social, .icon.social {
  font-size: 0;
  width: 22.5px;
  width: 2.25rem;
  height: 22.5px;
  height: 2.25rem;
  display: inline-block;
  vertical-align: middle;
}

.ico.social:before, .icon.social:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}

.ico.red:before, .ico.is-red:before, .icon.red:before, .icon.is-red:before {
  color: #e93442 !important;
}

.ico.is-green:before, .icon.is-green:before {
  color: #96b222;
}

.ico.is-gold:before, .icon.is-gold:before {
  color: #dcbb25 !important;
}

.ico.arrow:before, .icon.arrow:before {
  content: 'arrow_forward';
}

.ico.like:before, .icon.like:before {
  content: 'favorite_border';
}

.ico.like.liked:before, .icon.like.liked:before {
  content: 'favorite';
  color: #e93442;
}

.ico.dismiss:before, .ico.ico-dismiss:before, .ico.ico-close:before, .ico.ico-clear:before, .ico.ico-cancel:before, .icon.dismiss:before, .icon.ico-dismiss:before, .icon.ico-close:before, .icon.ico-clear:before, .icon.ico-cancel:before {
  content: 'close';
}

.ico.location, .ico.ico-location, .icon.location, .icon.ico-location {
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
}

.ico.location:before, .ico.ico-location:before, .icon.location:before, .icon.ico-location:before {
  content: 'place';
  -webkit-transform: translate(-0.1em, -0.1em);
          transform: translate(-0.1em, -0.1em);
}

.ico.listing:before, .ico.ico-listing:before, .ico.ico-jobs:before, .ico.ico-skills:before, .icon.listing:before, .icon.ico-listing:before, .icon.ico-jobs:before, .icon.ico-skills:before {
  content: 'work';
}

.ico.timestamp:before, .icon.timestamp:before {
  content: 'event';
}

.ico.business:before, .ico.ico-business:before, .icon.business:before, .icon.ico-business:before {
  content: 'store';
}

.ico.ico-employee:before, .icon.ico-employee:before {
  content: 'person';
}

.ico.ico-daily:before, .icon.ico-daily:before {
  content: 'wb_sunny';
}

.ico.ico-weekly:before, .icon.ico-weekly:before {
  content: 'view_week';
}

.ico.ico-monthly:before, .icon.ico-monthly:before {
  content: 'date_range';
}

.ico.ico-pie:before, .icon.ico-pie:before {
  content: 'pie_chart';
}

.ico.card-view:before, .icon.card-view:before {
  content: 'view_stream';
}

.ico.list-view:before, .icon.list-view:before {
  content: 'list';
}

.ico.filter:before, .icon.filter:before {
  content: 'filter_list';
}

.ico.ico-message:before, .icon.ico-message:before {
  content: 'textsms';
}

.ico.ico-reply:before, .icon.ico-reply:before {
  content: 'reply';
}

.ico.ico-video:before, .icon.ico-video:before {
  content: 'play_circle_filled';
}

.ico.ico-phone:before, .icon.ico-phone:before {
  content: 'phone';
}

.ico.ico-email:before, .ico.ico-unread:before, .icon.ico-email:before, .icon.ico-unread:before {
  content: 'email';
}

.ico.ico-address:before, .ico.ico-home:before, .icon.ico-address:before, .icon.ico-home:before {
  content: 'home';
}

.ico.ico-more:before, .ico.ico-dots:before, .icon.ico-more:before, .icon.ico-dots:before {
  content: 'more_horiz';
}

.ico.ico-edit:before, .icon.ico-edit:before {
  content: 'edit';
}

.ico.ico-inbox:before, .icon.ico-inbox:before {
  content: 'inbox';
}

.ico.ico-notification:before, .icon.ico-notification:before {
  content: 'notifications';
}

.ico.ico-flag:before, .icon.ico-flag:before {
  content: 'flag';
}

.ico.ico-star:before, .icon.ico-star:before {
  content: 'star_border';
}

.ico.ico-starred:before, .icon.ico-starred:before {
  content: 'star';
}

.ico.ico-application:before, .icon.ico-application:before {
  content: 'recent_actors';
}

.ico.ico-archive:before, .icon.ico-archive:before {
  content: 'archive';
}

.ico.ico-active:before, .icon.ico-active:before {
  content: 'flag';
}

.ico.ico-inactive:before, .icon.ico-inactive:before {
  content: 'visibility_off';
  color: gray !important;
}

.ico.ico-arrow:before, .icon.ico-arrow:before {
  content: 'arrow_forward';
}

.ico.ico-dashboard:before, .icon.ico-dashboard:before {
  content: 'dashboard';
}

.ico.ico-admin:before, .icon.ico-admin:before {
  content: 'directions_boat';
}

.ico.ico-members:before, .ico.ico-user:before, .icon.ico-members:before, .icon.ico-user:before {
  content: 'people';
}

.ico.ico-info:before, .icon.ico-info:before {
  content: 'info';
}

.ico.ico-ads:before, .icon.ico-ads:before {
  content: 'toys';
}

.ico.ico-search:before, .icon.ico-search:before {
  content: 'search';
}

.ico.ico-inbox:before, .icon.ico-inbox:before {
  content: 'inbox';
}

.ico.ico-payment:before, .icon.ico-payment:before {
  content: 'account_balance_wallet';
}

.ico.ico-payment-history:before, .icon.ico-payment-history:before {
  content: 'account_balance';
}

.ico.ico-promotion:before, .icon.ico-promotion:before {
  content: 'loyalty';
}

.ico.ico-coupon:before, .icon.ico-coupon:before {
  content: 'card_giftcard';
}

.ico.ico-conversation:before, .ico.ico-chat:before, .icon.ico-conversation:before, .icon.ico-chat:before {
  content: 'forum';
}

.ico.ico-doc:before, .icon.ico-doc:before {
  content: 'attachment';
}

.ico.ico-save:before, .icon.ico-save:before {
  content: 'assignment_turned_in';
}

.ico.ico-create:before, .ico.ico-add:before, .icon.ico-create:before, .icon.ico-add:before {
  content: 'add_circle';
}

.ico.ico-calendar:before, .icon.ico-calendar:before {
  content: 'date_range';
}

.ico.ico-travelled:before, .icon.ico-travelled:before {
  content: 'done_all';
}

.ico-f-dash:before {
  content: url("../images/icon-dash.svg");
}

.ico-f-user:before {
  content: url("../images/icon-user.svg");
}

.ico-f-jobs:before {
  content: url("../images/icon-jobs.svg");
}

.ico-f-map:before {
  content: url("../images/icon-map.svg");
}

.ico-f-inbox:before {
  content: url("../images/icon-inbox.svg");
}

.ico-f-business:before {
  content: url("../images/icon-business.svg");
}

.ico-f-applications:before {
  content: url("../images/icon-applications.svg");
}

.ico-jobs-white:before {
  content: url("../images/icon-jobs-white.svg");
}

.circle.nzico-chef:before {
  content: '&#x100';
  border-color: #f0717b;
  color: #f0717b;
}

.circle.nzico-chef:checked:before {
  background-color: #f0717b;
}

.circle.nzico-barista:before {
  content: '&#x102';
  border-color: #dcbb25;
  color: #dcbb25;
}

.circle.nzico-barista:checked:before {
  background-color: #dcbb25;
}

.circle.nzico-winewaiter:before {
  content: '&#x103';
  border-color: #7daddd;
  color: #7daddd;
}

.circle.nzico-winewaiter:checked:before {
  background-color: #7daddd;
}

.circle.nzico-bartender:before {
  content: '&#x104';
  border-color: #4d5666;
  color: #4d5666;
}

.circle.nzico-bartender:checked:before {
  background-color: #4d5666;
}

.circle.nzico-concierge:before {
  content: '&#x105';
  border-color: #000e24;
  color: #000e24;
}

.circle.nzico-concierge:checked:before {
  background-color: #000e24;
}

.circle.nzico-groundsperson:before {
  content: '&#x107';
  border-color: #8e443a;
  color: #8e443a;
}

.circle.nzico-groundsperson:checked:before {
  background-color: #8e443a;
}

.circle.nzico-waiter:before {
  content: '&#x108';
  border-color: #96b222;
  color: #96b222;
}

.circle.nzico-waiter:checked:before {
  background-color: #96b222;
}

.circle.nzico-housekeeper:before {
  content: '&#x109';
  border-color: #f0717b;
  color: #f0717b;
}

.circle.nzico-housekeeper:checked:before {
  background-color: #f0717b;
}

.circle.nzico-kitchenhand:before {
  content: '&#x110';
  border-color: #dcbb25;
  color: #dcbb25;
}

.circle.nzico-kitchenhand:checked:before {
  background-color: #dcbb25;
}

.circle.nzico-reception:before {
  content: '&#x111';
  border-color: #7daddd;
  color: #7daddd;
}

.circle.nzico-reception:checked:before {
  background-color: #7daddd;
}

.circle.nzico-souschef:before {
  content: '&#x112';
  border-color: #4d5666;
  color: #4d5666;
}

.circle.nzico-souschef:checked:before {
  background-color: #4d5666;
}

.circle.nzico-flower:before {
  content: '&#x106';
  border-color: #808792;
  color: #808792;
}

.circle.nzico-flower:checked:before {
  background-color: #808792;
}

.ico-scl-facebook:before {
  content: "";
  background-image: url("../images/icon-facebook.svg");
}

.ico-scl-twitter:before {
  content: "";
  background-image: url("../images/icon-twitter.svg");
}

.ico-scl-email:before {
  content: "";
  background-image: url("../images/icon-email.svg");
}

/*img {
    max-width: 100%; // Prevent images going out of it's container
}*/
a {
  color: inherit;
  border-bottom: 2px rgba(255, 255, 255, .2) solid;
  padding-bottom: 2px;
  -webkit-transition: border-bottom 0.175s ease;
  transition: border-bottom 0.175s ease;
}

a:hover {
  border-bottom-color: #96b222;
  color: inherit;
}

a i {
  top: 1.5px;
  top: 0.15rem;
  margin-right: 3.4px;
  margin-right: 0.34rem;
}

:focus {
  outline-color: #96b222;
}

.arrow-link:before, .link-list li a:before, .links-list li a:before, .card-modal-container footer .actions li a:before {
  color: #96b222;
  position: relative;
  font-size: inherit;
  top: -1px;
  top: -0.1rem;
  margin-right: 5px;
  margin-right: 0.5rem;
  vertical-align: middle;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  content: 'arrow_forward';
  width: 1em;
}

.ico.link:before {
  color: #96b222;
  position: relative;
  font-size: inherit;
  top: -1px;
  top: -0.1rem;
  margin-right: 5px;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.disabled {
  color: #808792;
  pointer-events: none;
  cursor: default;
}

.disabled * {
  pointer-events: inherit;
  cursor: inherit;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

p a {
  color: #96b222;
  font-weight: 600;
}

p a:visited {
  color: #96b222;
}

p a:hover {
  color: #a1ba38;
}

p a:active {
  color: #87a01f;
}

article a {
  font-weight: 700;
  color: #96b222;
}

article a:hover {
  color: #abc14e;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
input[type="submit"],
#development-helper button,
#development-helper > a {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  user-select: none;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
#development-helper button::-moz-focus-inner,
#development-helper > a::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button, input[type="submit"], #development-helper button,
#development-helper > a,
a.btn {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  display: inline-block;
  border: 2px solid #fff;
  background-color: #96b222;
  color: #fff;
  padding: 11.25px;
  padding: 1.125rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

button .material-icons, input[type="submit"] .material-icons, #development-helper button .material-icons,
#development-helper > a .material-icons, button .menu-item-parent > a:after, input[type="submit"] .menu-item-parent > a:after, #development-helper button .menu-item-parent > a:after,
#development-helper > a .menu-item-parent > a:after, button .modal-close-button, input[type="submit"] .modal-close-button, #development-helper button .modal-close-button,
#development-helper > a .modal-close-button, button .blog-index-browser .post-type:before, .blog-index-browser button .post-type:before, input[type="submit"] .blog-index-browser .post-type:before, .blog-index-browser input[type="submit"] .post-type:before, #development-helper button .blog-index-browser .post-type:before, .blog-index-browser #development-helper button .post-type:before,
#development-helper > a .blog-index-browser .post-type:before, .blog-index-browser
#development-helper > a .post-type:before, button .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-index-browser .blog-list-pagination button .pagination-button:before, input[type="submit"] .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-index-browser .blog-list-pagination input[type="submit"] .pagination-button:before, #development-helper button .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-index-browser .blog-list-pagination #development-helper button .pagination-button:before,
#development-helper > a .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-index-browser .blog-list-pagination
#development-helper > a .pagination-button:before, button .blog-list-pagination .blog-index-browser .pagination-button:before, .blog-list-pagination .blog-index-browser button .pagination-button:before, input[type="submit"] .blog-list-pagination .blog-index-browser .pagination-button:before, .blog-list-pagination .blog-index-browser input[type="submit"] .pagination-button:before, #development-helper button .blog-list-pagination .blog-index-browser .pagination-button:before, .blog-list-pagination .blog-index-browser #development-helper button .pagination-button:before,
#development-helper > a .blog-list-pagination .blog-index-browser .pagination-button:before, .blog-list-pagination .blog-index-browser
#development-helper > a .pagination-button:before, button .article-header .post-type:before, .article-header button .post-type:before, input[type="submit"] .article-header .post-type:before, .article-header input[type="submit"] .post-type:before, #development-helper button .article-header .post-type:before, .article-header #development-helper button .post-type:before,
#development-helper > a .article-header .post-type:before, .article-header
#development-helper > a .post-type:before, button .article-header .blog-list-pagination .pagination-button:before, .article-header .blog-list-pagination button .pagination-button:before, input[type="submit"] .article-header .blog-list-pagination .pagination-button:before, .article-header .blog-list-pagination input[type="submit"] .pagination-button:before, #development-helper button .article-header .blog-list-pagination .pagination-button:before, .article-header .blog-list-pagination #development-helper button .pagination-button:before,
#development-helper > a .article-header .blog-list-pagination .pagination-button:before, .article-header .blog-list-pagination
#development-helper > a .pagination-button:before, button .blog-list-pagination .article-header .pagination-button:before, .blog-list-pagination .article-header button .pagination-button:before, input[type="submit"] .blog-list-pagination .article-header .pagination-button:before, .blog-list-pagination .article-header input[type="submit"] .pagination-button:before, #development-helper button .blog-list-pagination .article-header .pagination-button:before, .blog-list-pagination .article-header #development-helper button .pagination-button:before,
#development-helper > a .blog-list-pagination .article-header .pagination-button:before, .blog-list-pagination .article-header
#development-helper > a .pagination-button:before, button .feedback-btn-wrapper a:before, .feedback-btn-wrapper button a:before, input[type="submit"] .feedback-btn-wrapper a:before, .feedback-btn-wrapper input[type="submit"] a:before, #development-helper button .feedback-btn-wrapper a:before, .feedback-btn-wrapper #development-helper button a:before,
#development-helper > a .feedback-btn-wrapper a:before, .feedback-btn-wrapper
#development-helper > a a:before,
a.btn .material-icons,
a.btn .menu-item-parent > a:after,
a.btn .modal-close-button,
a.btn .blog-index-browser .post-type:before, .blog-index-browser
a.btn .post-type:before,
a.btn .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-index-browser .blog-list-pagination
a.btn .pagination-button:before,
a.btn .blog-list-pagination .blog-index-browser .pagination-button:before, .blog-list-pagination .blog-index-browser
a.btn .pagination-button:before,
a.btn .article-header .post-type:before, .article-header
a.btn .post-type:before,
a.btn .article-header .blog-list-pagination .pagination-button:before, .article-header .blog-list-pagination
a.btn .pagination-button:before,
a.btn .blog-list-pagination .article-header .pagination-button:before, .blog-list-pagination .article-header
a.btn .pagination-button:before,
a.btn .feedback-btn-wrapper a:before, .feedback-btn-wrapper
a.btn a:before {
  font-size: inherit;
  top: 1.7px;
  top: 0.17rem;
}

button:hover, input[type="submit"]:hover, #development-helper button:hover,
#development-helper > a:hover,
a.btn:hover {
  background-color: #b6c964;
}

button:active, input[type="submit"]:active, #development-helper button:active,
#development-helper > a:active,
a.btn:active {
  background-color: #87a01f;
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}

button.red, input.red[type="submit"], #development-helper button.red,
#development-helper > a.red,
a.btn.red {
  background: #e93442;
  color: white;
}

button.red:hover, input.red[type="submit"]:hover, #development-helper button.red:hover,
#development-helper > a.red:hover,
a.btn.red:hover {
  background-color: #f0717b;
}

button.red:active, input.red[type="submit"]:active, #development-helper button.red:active,
#development-helper > a.red:active,
a.btn.red:active {
  background-color: #d22f3b;
}

button.disabled, input.disabled[type="submit"], #development-helper button.disabled,
#development-helper > a.disabled,
a.btn.disabled {
  background-color: rgba(179, 183, 189, .5);
}

button.is-sm, input.is-sm[type="submit"], #development-helper button.is-sm,
#development-helper > a.is-sm,
a.btn.is-sm {
  border: none;
  border-radius: 3px;
  border-bottom: 1px solid #788e1b;
  padding: 7.5px;
  padding: 0.75rem;
}

button.is-sm:before, input.is-sm[type="submit"]:before, #development-helper button.is-sm:before,
#development-helper > a.is-sm:before,
a.btn.is-sm:before {
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 5px;
  top: -1px;
}

button.is-sm:hover, input.is-sm[type="submit"]:hover, #development-helper button.is-sm:hover,
#development-helper > a.is-sm:hover,
a.btn.is-sm:hover {
  background-color: #b6c964;
}

.buttonside {
  display: block;
  margin-top: 11.25px;
  margin-top: 1.125rem;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  color: #96b222;
  margin-left: 7px;
  margin-left: 0.7rem;
  margin-right: 7px;
  margin-right: 0.7rem;
}

@media screen and (min-width: 768px) {
  .buttonside {
    display: inline-block;
  }
}

.buttonside:before {
  color: inherit;
  font-size: 0px;
  vertical-align: middle;
  position: relative;
  left: -2px;
  left: -0.2rem;
  top: -1.5px;
  top: -0.15rem;
  -webkit-transition: 0.475s cubic-bezier(0.5, 0, 0.5, 1);
  transition: 0.475s cubic-bezier(0.5, 0, 0.5, 1);
  content: 'arrow_forward';
  color: #788e1b;
}

.buttonside:hover:before {
  font-size: inherit;
}

.banner-button, .btn-featured {
  width: 100%;
  display: block;
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 22.5px !important;
  font-size: 2.25rem !important;
  padding: 22.5px;
  padding: 2.25rem;
  background: rgba(150, 178, 34, .33);
  border: 1px #96b222 solid;
}

@media screen and (min-width: 768px) {
  .banner-button, .btn-featured {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .banner-button, .btn-featured {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .banner-button, .btn-featured {
    /*font-size: 0.35 * $nh;*/
  }
}

.banner-button:hover, .btn-featured:hover {
  background: rgba(150, 178, 34, .5);
}

.banner-button:active, .btn-featured:active {
  background: rgba(150, 178, 34, .56);
}

.banner-button:focus, .btn-featured:focus {
  outline: 1px solid #96b222;
}

@-webkit-keyframes seductiveButton {
  0% {
    background-color: rgba(150, 178, 34, .8);
  }
  100% {
    background-color: rgba(150, 178, 34, .7);
  }
}

@keyframes seductiveButton {
  0% {
    background-color: rgba(150, 178, 34, .8);
  }
  100% {
    background-color: rgba(150, 178, 34, .7);
  }
}

.btn-featured {
  color: white;
  -webkit-animation: seductiveButton 0.8s ease;
  animation: seductiveButton 0.8s ease;
  -webkit-animation-iteration-count: 7;
          animation-iteration-count: 7;
  font-weight: 400;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.btn-featured:hover {
  background: rgba(150, 178, 34, .4);
  outline: 1px #96b222 solid;
  cursor: pointer;
}

.btn-featured:active {
  background: rgba(150, 178, 34, .56);
}

.button-group {
  margin: 11.25px 0;
  margin: 1.125rem 0;
}

.button-group button, .button-group input[type="submit"], .button-group #development-helper button, #development-helper .button-group button, .button-group
#development-helper > a {
  margin-bottom: 7.5px;
  margin-bottom: 0.75rem;
}

.discreet-button {
  background: #f2f2f2;
  border: 1px #e0e2e5 solid;
  padding: 7.5px;
  padding: 0.75rem;
  color: #96b222;
}

.discreet-button:hover {
  background-color: white;
  border: 1px solid #96b222;
}

@-webkit-keyframes backButtonEnter {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
    max-height: 3rem;
  }
}

@keyframes backButtonEnter {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
    max-height: 3rem;
  }
}

@-webkit-keyframes bannerAddBackButton {
  from {
  }
  to {
    padding-top: 2.25rem;
  }
}

@keyframes bannerAddBackButton {
  from {
  }
  to {
    padding-top: 2.25rem;
  }
}

.general-back-button {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  display: none;
  background: #96b222;
  color: white;
  position: absolute;
  top: 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 7.5px;
  padding: 0.75rem;
  padding-left: 30px;
  padding-left: 3rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  -webkit-animation: backButtonEnter 0.5s ease 1s;
  animation: backButtonEnter 0.5s ease 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (min-width: 768px) {
  .general-back-button {
    display: block;
  }
}

.general-back-button:before {
  content: 'arrow_back';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 6px;
  left: 0.6rem;
}

.general-back-button:hover, .general-back-button:focus {
  background: #abc14e;
  color: white;
}

.general-back-button:active {
  background: #87a01f;
}

.general-back-button + .banner-content {
  -webkit-animation: bannerAddBackButton 0.5s ease 1s;
  animation: bannerAddBackButton 0.5s ease 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.btn-cta {
  letter-spacing: 0;
  text-transform: none;
  font-size: 22.5px;
  font-size: 2.25rem;
  padding: 22.5px;
  padding: 2.25rem;
  border: none;
  border-bottom: 3px solid #788e1b;
  border-radius: 3px;
}

.btn-cta:hover {
  border-bottom: 3px solid #96b222;
}

ul, ol, li {
  padding: 0;
  margin: 0;
}

li {
  line-height: 1.4;
  /*+ li {
         margin-top: 0.6em;
     }*/
}

#page-navbar li + li, aside li + li {
  margin-top: unset;
}

ul > li {
  list-style: none;
}

ol > li {
  list-style: decimal;
}

.link-list, .links-list, .card-modal-container footer .actions {
  position: relative;
}

.link-list li, .links-list li, .card-modal-container footer .actions li {
  margin-right: 10px;
  margin-right: 1rem;
  list-style: none;
}

.link-list li a, .links-list li a, .card-modal-container footer .actions li a {
  cursor: pointer;
}

.link-list .btn, .links-list .btn, .card-modal-container footer .actions .btn {
  margin: -11.25px;
  margin: -1.125rem;
  padding: 0 11.25px;
  padding: 0 1.125rem;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.checklist li:before {
  color: #96b222;
  position: relative;
  font-size: inherit;
  top: -1px;
  top: -0.1rem;
  margin-right: 5px;
  margin-right: 0.5rem;
  vertical-align: middle;
  content: 'check';
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.actions {
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
}

@media screen and (min-width: 768px) {
  .actions {
    white-space: nowrap;
    text-align: left;
  }
}

.actions::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.actions li {
  display: inline-block;
}

.actions .ico {
  margin-right: 7.5px;
  margin-right: 0.75rem;
}

.actions .ico:before {
  color: #96b222;
  position: relative;
  font-size: inherit;
  top: -1px;
  top: -0.1rem;
  margin-right: 5px;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.actions a {
  cursor: pointer;
}

.actions a:before {
  width: 1em;
}

aside .links-list li, aside .link-list li, aside .links-list li, aside .card-modal-container footer .actions li, .card-modal-container footer aside .actions li {
  position: relative;
}

aside .links-list a, aside .link-list a, aside .links-list a, aside .card-modal-container footer .actions a, .card-modal-container footer aside .actions a {
  display: block;
  margin: 0;
  line-height: 1.25;
  padding: 7.5px 0 7.5px 22.5px;
  padding: 0.75rem 0 0.75rem 2.25rem;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

aside .links-list a:before, aside .link-list a:before, aside .links-list a:before, aside .card-modal-container footer .actions a:before, .card-modal-container footer aside .actions a:before {
  position: absolute;
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

aside .links-list a:hover, aside .link-list a:hover, aside .links-list a:hover, aside .card-modal-container footer .actions a:hover, .card-modal-container footer aside .actions a:hover {
  border: none;
  background: rgba(0, 14, 36, .1);
}

aside .links-list a:active, aside .link-list a:active, aside .links-list a:active, aside .card-modal-container footer .actions a:active, .card-modal-container footer aside .actions a:active {
  background: rgba(0, 14, 36, .15);
}

.social-platforms-location {
  padding-top: 10px;
  padding-top: 1rem;
}

.social-platforms-location li {
  display: inline;
}

/*

FORMS
-----

*/
.page-content-column .input-group-section {
  display: block;
}

.page-content-column .input-group-section:after {
  content: "";
  display: table;
  clear: both;
}

.page-content-column .input-group-row {
  display: block;
}

.page-content-column .input-group-row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .page-content-column .input-group.info:not(.full) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .page-content-column .input-group.info:not(.full):last-child {
    margin-right: 0;
  }
  .page-content-column .input-group.info.double {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .page-content-column .input-group.info.double:last-child {
    margin-right: 0;
  }
  .page-content-column .input-group.info:nth-of-type(3n+3) {
    margin-right: 0;
  }
}

.page-content-column .input-group.info:first-child {
  clear: both;
}

.input-group-section {
  position: relative;
  margin: 45px 0 11.25px 0;
  margin: 4.5rem 0 1.125rem 0;
  border: 1px dotted #e0e2e5;
  padding: 11.25px;
  padding: 1.125rem;
}

.input-group-section:after {
  content: "";
  display: table;
  clear: both;
}

.input-group-section h3,
.input-group-section .input-group-title {
  font-size: inherit;
  line-height: 2;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: -7.5px;
  top: -0.75rem;
  left: 0;
  background: #fff;
  border: 1px solid #e0e2e5;
  padding: 0 7.5px;
  padding: 0 0.75rem;
  z-index: 1;
}

.input-group {
  position: relative;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 7px;
  padding-bottom: 0.7rem;
  /*margin-bottom: $nh / 4;*/
  white-space: nowrap;
}

.input-group.select:after, .input-group.select-group:after {
  font-size: 18px;
  box-sizing: border-box;
  content: 'keyboard_arrow_down';
  position: absolute;
  top: 50%;
  right: 15px;
  right: 1.5rem;
  pointer-events: none;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.input-group.select-group:after {
  color: #96b222;
  font-size: inherit;
  top: auto;
  bottom: 0;
  line-height: 1.7;
  right: 0;
}

.input-group.checkbox input {
  opacity: 0;
  width: auto;
}

.input-group.checkbox input + span:after {
  content: 'check_box_outline_blank';
  position: relative;
  top: 4px;
  top: 0.4rem;
  color: gray;
  opacity: 1;
  margin-right: 3px;
  margin-right: 0.3rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.input-group.checkbox input:checked + span:after {
  content: 'check_box';
  color: #96b222;
}

.input-group.checkbox label {
  display: inline;
}

.input-group.info label {
  display: block;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: gray;
}

.input-group.info input[type="color"], .input-group.info input[type="date"], .input-group.info input[type="datetime"], .input-group.info input[type="datetime-local"], .input-group.info input[type="email"], .input-group.info input[type="month"], .input-group.info input[type="number"], .input-group.info input[type="password"], .input-group.info input[type="search"], .input-group.info input[type="tel"], .input-group.info input[type="text"], .input-group.info input[type="time"], .input-group.info input[type="url"], .input-group.info input[type="week"], .input-group.info input:not([type]), .input-group.info textarea, .input-group.info select {
  padding: 0;
  width: 100%;
  border: 1px solid transparent;
  border-bottom-color: rgba(224, 226, 229, .7);
}

.input-group.info input[type="color"]:focus, .input-group.info input[type="date"]:focus, .input-group.info input[type="datetime"]:focus, .input-group.info input[type="datetime-local"]:focus, .input-group.info input[type="email"]:focus, .input-group.info input[type="month"]:focus, .input-group.info input[type="number"]:focus, .input-group.info input[type="password"]:focus, .input-group.info input[type="search"]:focus, .input-group.info input[type="tel"]:focus, .input-group.info input[type="text"]:focus, .input-group.info input[type="time"]:focus, .input-group.info input[type="url"]:focus, .input-group.info input[type="week"]:focus, .input-group.info input:not([type]):focus, .input-group.info textarea:focus, .input-group.info select:focus {
  border-bottom: 1px solid #96b222;
  /*padding: 0 1rem;*/
}

.input-group.info.checkbox input {
  width: auto;
}

.input-group.info.checkbox label {
  display: inline;
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  .input-group.info.checkbox label {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .input-group.info.checkbox label {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .input-group.info.checkbox label {
    /*font-size: 0.35 * $nh;*/
  }
}

.input-group.info.editable:after {
  top: auto;
  bottom: 10px;
  bottom: 1rem;
}

.input-group.info.editable input:hover {
  border-bottom-color: #96b222;
}

.input-group.info.editable input:focus {
  padding: 0 10px;
  padding: 0 1rem;
  border-color: #e6e6e6;
  border-bottom-color: #96b222;
  outline: none;
}

.input-group.info select {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  .input-group.info select {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .input-group.info select {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .input-group.info select {
    /*font-size: 0.35 * $nh;*/
  }
}

.input-group.info select:hover {
  border-bottom-color: #96b222;
}

.input-group.info select:focus {
  padding: 0 11.25px;
  padding: 0 1.125rem;
  border-color: #e6e6e6;
  border-bottom-color: #96b222;
  outline: none;
}

.input-group.info.important {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}

.input-group.info.important input {
  height: 45px;
  height: 4.5rem;
}

.input-group.info.important.editable:after {
  bottom: 18px;
  bottom: 1.8rem;
}

input {
  white-space: normal;
  background-color: rgba(255, 255, 255, .87);
  border: #fff;
  -webkit-font-feature-settings: "lnum" 1;
          font-feature-settings: "lnum" 1;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 8px;
  padding-left: 0.8rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
}

input[type="text"], input[type="email"], input[type="date"], input[type="password"] {
  height: 30px;
  height: 3rem;
}

input[type="radio"] {
  opacity: 0;
}

select {
  white-space: normal;
  background-color: rgba(255, 255, 255, .87);
  border: #fff;
  -webkit-font-feature-settings: "lnum" 1;
          font-feature-settings: "lnum" 1;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 8px;
  padding-left: 0.8rem;
  padding-right: 8px;
  padding-right: 0.8rem;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  height: 30px;
  height: 3rem;
}

form select,
form input[type="text"],
form input[type="email"],
form input[type="date"],
form input[type="password"],
form input[type="number"],
form textarea {
  background-color: transparent;
  border-bottom: rgba(0, 14, 36, .3) 1px solid;
  height: 45px;
  height: 4.5rem;
}

form select::-webkit-input-placeholder,
form input[type="text"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="date"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: rgba(0, 14, 36, .3);
}

form select::-moz-placeholder,
form input[type="text"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="date"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
form textarea::-moz-placeholder {
  color: rgba(0, 14, 36, .3);
}

form select:-moz-placeholder,
form input[type="text"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
form input[type="date"]:-moz-placeholder,
form input[type="password"]:-moz-placeholder,
form input[type="number"]:-moz-placeholder,
form textarea:-moz-placeholder {
  color: rgba(0, 14, 36, .3);
}

form select:-ms-input-placeholder,
form input[type="text"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="date"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: rgba(0, 14, 36, .3);
}

form select:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form textarea:focus {
  outline: 0;
  background-color: rgba(230, 230, 230, .25);
  border-color: #96b222;
}

form textarea {
  height: 180px;
  height: 18rem;
  border: rgba(0, 14, 36, .3) 1px solid;
  padding: 8px;
  padding: 0.8rem;
}

form.dark-bg select,
form.dark-bg input[type="text"],
form.dark-bg input[type="email"],
form.dark-bg input[type="date"],
form.dark-bg input[type="password"],
form.dark-bg input[type="number"] {
  border-color: #96b222;
}

form.dark-bg select::-webkit-input-placeholder,
form.dark-bg input[type="text"]::-webkit-input-placeholder,
form.dark-bg input[type="email"]::-webkit-input-placeholder,
form.dark-bg input[type="date"]::-webkit-input-placeholder,
form.dark-bg input[type="password"]::-webkit-input-placeholder,
form.dark-bg input[type="number"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .2);
}

form.dark-bg select::-moz-placeholder,
form.dark-bg input[type="text"]::-moz-placeholder,
form.dark-bg input[type="email"]::-moz-placeholder,
form.dark-bg input[type="date"]::-moz-placeholder,
form.dark-bg input[type="password"]::-moz-placeholder,
form.dark-bg input[type="number"]::-moz-placeholder {
  color: rgba(255, 255, 255, .2);
}

form.dark-bg select:-moz-placeholder,
form.dark-bg input[type="text"]:-moz-placeholder,
form.dark-bg input[type="email"]:-moz-placeholder,
form.dark-bg input[type="date"]:-moz-placeholder,
form.dark-bg input[type="password"]:-moz-placeholder,
form.dark-bg input[type="number"]:-moz-placeholder {
  color: rgba(255, 255, 255, .2);
}

form.dark-bg select:-ms-input-placeholder,
form.dark-bg input[type="text"]:-ms-input-placeholder,
form.dark-bg input[type="email"]:-ms-input-placeholder,
form.dark-bg input[type="date"]:-ms-input-placeholder,
form.dark-bg input[type="password"]:-ms-input-placeholder,
form.dark-bg input[type="number"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, .2);
}

form.dark-bg select:focus,
form.dark-bg input[type="text"]:focus,
form.dark-bg input[type="email"]:focus,
form.dark-bg input[type="date"]:focus,
form.dark-bg input[type="password"]:focus,
form.dark-bg input[type="number"]:focus {
  background-color: rgba(255, 255, 255, .1);
}

.radio-group {
  line-height: 1;
}

.general-radio-box {
  display: block;
  line-height: 1;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

@media screen and (min-width: 768px) {
  .general-radio-box {
    display: inline-block;
    margin: 0;
    margin-right: 1.5rem;
  }
  .general-radio-box:last-child {
    margin-right: 0;
  }
}

.general-radio-box input {
  position: absolute;
  display: block;
}

.general-radio-box input:checked + label {
  position: relative;
}

.general-radio-box input:checked + label:before {
  content: "";
  height: 0;
  width: 0;
  border-top: 32.608px solid #96b222;
  border-top: 3.26087rem solid #96b222;
  border-left: 32.608px solid transparent;
  border-left: 3.26087rem solid transparent;
  position: absolute;
  top: -1px;
  right: -1px;
}

.general-radio-box input:checked + label:after {
  content: "check";
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 1px;
}

.general-radio-box input[type="radio"], .general-radio-box input[type="checkbox"] {
  opacity: 0;
}

.general-radio-box label {
  display: block;
  line-height: 1;
  padding: 15px 22.5px;
  padding: 1.5rem 2.25rem;
  border: 1px solid #e0e2e5;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
}

.general-radio-box label:hover, .general-radio-box label:focus {
  outline: none;
  border-color: #96b222;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, .05);
}

.general-radio-box label:active {
  outline: 3px solid #e0e2e5;
}

.general-radio-box label .price-tag {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  display: block;
  color: #96b222;
}

.general-radio-box label .price-tag small {
  font-size: 61.8%;
  font-weight: 600;
}

.payment-type-radio [value="payment-VISA"] + label {
  background: url("../images/payment-types/VISA.png");
}

.payment-type-radio [value="payment-Mastercard"] + label {
  background: url("../images/payment-types/Mastercard.png");
}

.payment-type-radio [value="payment-PayPal"] + label {
  background: url("../images/payment-types/PayPal.png");
}

.payment-type-radio .input-group {
  display: inline-block;
  margin-right: 15px;
  margin-right: 1.5rem;
}

.payment-type-radio .input-group:last-child {
  margin-right: 0;
}

.payment-type-radio [name="reg-payment-type"] {
  position: absolute;
  display: block;
}

.payment-type-radio [name="reg-payment-type"] + label {
  display: inline-block;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  height: 40px;
  width: 60px;
}

.payment-type-radio [name="reg-payment-type"] + label:hover {
  opacity: 0.9;
}

.payment-type-radio [name="reg-payment-type"]:checked + label {
  position: relative;
}

.payment-type-radio [name="reg-payment-type"]:checked + label:before {
  content: "";
  height: 0;
  width: 0;
  border-top: 32.608px solid #96b222;
  border-top: 3.26087rem solid #96b222;
  border-left: 32.608px solid transparent;
  border-left: 3.26087rem solid transparent;
  position: absolute;
  top: -1px;
  right: -1px;
}

.payment-type-radio [name="reg-payment-type"]:checked + label:after {
  content: "check";
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 1px;
}

#general-container form select,
#general-container form input[type="text"],
#general-container form input[type="email"],
#general-container form input[type="date"],
#general-container form input[type="password"],
#general-container form textarea {
  width: 100%;
}

textarea {
  resize: vertical;
  border-color: #e0e2e5;
}

textarea::-webkit-resizer {
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/textarea-grabber.svg") no-repeat top left;
}

.flex-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.help-block {
  color: #e93442;
}

.inline-input {
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  border-bottom: 1px #e0e2e5 solid;
}

.inline-input:focus {
  border-bottom-color: #96b222;
}

.character-count {
  display: block;
  text-align: right;
}

.intl-tel-input {
  width: 100%;
}

.basic-information-form .intl-tel-input > input,
.basic-information-form .intl-tel-input > select,
.basic-information-form .intl-tel-input > textarea {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .basic-information-form .intl-tel-input > input,
  .basic-information-form .intl-tel-input > select,
  .basic-information-form .intl-tel-input > textarea {
    width: auto;
    min-width: 61.8rem;
    max-width: 61.8%;
  }
}

.input-group.info .intl-tel-input input:focus, .input-group.info .intl-tel-input select:focus {
  padding-left: 52px;
}

#addEmployerPlanForm, #addEmployeePlanForm, #meta-inputs {
  display: none;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel] {
  padding-left: 52px;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
}

.form-label-width {
  width: 120px;
  padding-top: 28px;
  float: left;
}

#pass-val, #pass-val-confirm {
  display: none;
  color: red !important;
  font-weight: 500 !important;
  white-space: normal;
  font-size: 12px !important;
  text-transform: lowercase !important;
  font-family: "freight-sans-pro", "Segoe UI", sans-serif !important;
  letter-spacing: 0px !important;
}

.field {
  position: relative;
}

.field i {
  font-size: inherit;
  margin-right: 5px;
  margin-right: 0.5rem;
  top: 1.7px;
  top: 0.17rem;
}

.field .editable {
  padding-right: 27px;
  padding-right: 2.7rem;
}

.editable:after {
  content: 'edit';
  font-size: 12px;
  font-size: 1.2rem;
  color: #e6e6e6;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  position: absolute;
  right: 7px;
  right: 0.7rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.editable:hover:after {
  color: #96b222;
}

.editable:active:after {
  color: #87a01f;
}

.editable.image {
  padding: 0;
  display: inline-block;
  position: relative;
  border-bottom: 0;
}

.editable.image:hover {
  border-bottom: 0;
}

.editable.image:hover img {
  opacity: 0.9;
}

.editable.image:active {
  -webkit-transform: scale(0.995);
          transform: scale(0.995);
}

.editable.image:after {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  padding: 5px;
  padding: 0.5rem;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
}

.editable.image:hover:after {
  color: #fff;
  font-size: inherit;
  opacity: 1;
}

.editable input {
  width: 100%;
  padding-right: 27px;
  padding-right: 2.7rem;
}

.info-highlight,
.data {
  color: #96b222;
  font-weight: 700;
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
  letter-spacing: 0.7px;
  letter-spacing: 0.07rem;
}

.info-highlight.red,
.data.red {
  color: #e93442;
}

.item-counter {
  background: #e93442;
  color: white;
  font-size: 11.25px;
  font-size: 1.125rem;
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  display: block;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
  border-radius: 0.75rem;
  text-align: center;
  line-height: 1;
}

.item-counter span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit;
  vertical-align: baseline;
  line-height: 1;
  top: 38.1%;
}

.item-counter.conversation-new-message-count {
  position: absolute;
  left: auto;
  right: 0;
  -webkit-transform: none;
          transform: none;
}

.important-information {
  font-size: 15px;
  font-size: 1.5rem;
  color: #96b222;
  /*min-width: $nh / 1.5;*/
  display: inline-block;
  font-weight: 600;
  line-height: 1.25;
}

table {
  font-size: inherit;
  width: 100%;
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
  overflow-x: scroll;
}

.standard-table {
  display: block;
  background: #fff;
  border: 1px solid #e0e2e5;
}

.standard-table:not(.compact) th,
.standard-table:not(.compact) td {
  padding: 10px;
  padding: 1rem;
}

.standard-table .link-list li, .standard-table .links-list li, .standard-table .card-modal-container footer .actions li, .card-modal-container footer .standard-table .actions li {
  display: inline-block;
  white-space: nowrap;
}

.standard-table th {
  font-weight: 600;
  text-align: left;
}

.standard-table tr + tr th, .standard-table tr + tr td {
  border-top: 1px solid #e0e2e5;
}

.standard-table tbody {
  width: 100%;
  display: table;
}

.table-header {
  font-weight: 600;
  border-bottom: 1px solid #e0e2e5;
}

.table-header.is-dark {
  background-color: #333e50;
  color: #fff;
}

.table-row:nth-child(even) {
  background-color: rgba(0, 14, 36, .03);
}

.table-footer-row {
  background: #e0e8bd;
}

.compact {
  width: 100%;
  display: block;
  overflow-x: auto;
}

.compact th, .compact td {
  font-size: 90%;
  text-align: left;
  padding: 0.2em 0.5em;
}

.compact tbody {
  width: 100%;
  display: table;
}

#salary-scales {
  width: 60%;
}

#salary-scales th {
  text-align: left;
}

hr {
  margin: 11.25px 0;
  margin: 1.125rem 0;
  border-color: #e0e2e5;
}

.logo-std {
  content: 'New Zealand Job Finder';
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background: url("../images/logo.svg") no-repeat;
  background-size: cover;
  height: 101.25px;
  height: 10.125rem;
  width: 101.25px;
  width: 10.125rem;
  margin: 0;
}

.columned-menus h4 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: #96b222;
}

.dropdown li {
  line-height: 2.3;
}

@media screen and (min-width: 768px) {
  .dropdown li {
    line-height: 2;
  }
}

ul.borderless li a {
  border-bottom: 0;
}

ul.borderless li a:hover {
  border-bottom: 0;
}

.dropdown.full {
  position: fixed;
  display: none;
  z-index: 2;
  background-color: #000e24;
  color: white;
  box-shadow: 0 2em 5em rgba(0, 14, 36, .3);
  min-width: 100%;
  right: 0;
  top: 45px;
  top: 4.5rem;
}

.dropdown.full:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 3px;
  background-color: #96b222;
}

.dropdown.full > h3 {
  margin: 30px 40px;
  margin: 3rem 4rem;
}

.dropdown.full.is-content-focused {
  max-width: 469.708px;
  max-width: 46.97082rem;
}

.dropdown.full.is-content-focused > h3 {
  margin: 22.5px 11.25px;
  margin: 2.25rem 1.125rem;
}

@media screen and (min-width: 992px) {
  .dropdown.full {
    top: 100%;
    position: absolute;
    min-width: auto;
    width: 45rem;
  }
}

@media screen and (min-width: 992px) {
  .dropdown.full.is-centered {
    right: 50%;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
}

@media screen and (min-width: 992px) {
  .dropdown.full {
    width: auto;
  }
}

.dropdown.full .columned-menus {
  background-color: #1a263a;
}

.dropdown.full .columned-menus ul {
  margin: 20px 20px 30px 40px;
  margin: 2rem 2rem 3rem 4rem;
  display: inline-block;
  vertical-align: top;
}

.dropdown.full .columned-menus ul:last-child {
  margin-right: 70px;
  margin-right: 7rem;
}

.dropdown.full .columned-menus li {
  position: relative;
}

.dropdown.full .columned-menus li a {
  position: relative;
}

.dropdown.full .columned-menus li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.dropdown.full .columned-menus li a:hover:after {
  width: 100%;
}

.dropdown.full .columned-menus li a:active, .dropdown.full .columned-menus li a:focus, .dropdown.full .columned-menus li a:visited {
  color: #fff;
}

.dropdown.full .links-list {
  background-color: rgba(255, 255, 255, .15);
}

.dropdown.full .links-list li {
  display: inline-block;
}

.dropdown.full .links-list li a {
  padding: 7.5px 11.25px;
  padding: 0.75rem 1.125rem;
}

.menu-item-parent {
  position: relative;
  -webkit-transition: 0.65s ease;
  transition: 0.65s ease;
}

.menu-item-parent > a:after {
  content: 'keyboard_arrow_down';
  font-size: inherit;
  line-height: 0.6;
  position: relative;
  top: 0.15em;
  margin: 0;
  margin-left: 0.2em;
  /*display: none;*/
}

.menu-item-parent.is-open > a {
  background-color: #96b222;
}

@media screen and (max-width: 767px) {
  .menu-item-parent.is-open .dropdown.full {
    position: relative;
    border-bottom: 0.3rem #96b222 solid;
  }
}

.menu-item-parent .sub-menu {
  right: auto;
}

.menu-item-parent .sub-menu li a {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  color: white;
  padding: 0;
  line-height: 2;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .menu-item-parent .sub-menu li a {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .menu-item-parent .sub-menu li a {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .menu-item-parent .sub-menu li a {
    /*font-size: 0.35 * $nh;*/
  }
}

.menu-item-parent .sub-menu li a:hover {
  background-color: transparent;
}

.menu-item-parent .sub-menu li.active a {
  color: #96b222;
  font-weight: 600;
}

.context-menu-wrapper {
  z-index: 5;
}

.context-menu-wrapper.is-open .context-menu {
  display: block;
}

.context-menu-wrapper.is-open .context-menu-toggle {
  color: white;
  background-color: #96b222;
}

.context-menu-toggle {
  background: none;
  border: 2px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  color: #cccccc;
  padding: 6.5px 5px;
  padding: 0.65rem 0.5rem;
}

.context-menu-toggle:hover {
  border-color: #fff;
  color: white;
}

.context-menu {
  display: none;
  background: white;
  box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, .15);
  border: 1px solid #e0e2e5;
  position: absolute;
  top: 30px;
  top: 3rem;
  right: 0;
  z-index: 6;
}

.context-menu:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 2px);
  top: -1px;
  left: -1px;
  height: 3px;
  background-color: #96b222;
}

.context-menu li {
  display: block;
}

.context-menu a {
  display: block;
  padding: 0 11.25px;
  padding: 0 1.125rem;
  line-height: 30px;
  line-height: 3rem;
  -webkit-transition: 0.1s ease;
  transition: 0.1s ease;
  cursor: default;
  border: 0;
  margin: 0 -1px;
}

.context-menu a:hover {
  border: 0;
  background: #96b222;
  color: white;
}

.tooltipped {
  position: relative;
}

.tooltipped:after {
  content: "info";
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  vertical-align: middle;
  top: -2px;
  top: -0.2rem;
  margin-left: 5px;
  margin-left: 0.5rem;
  color: #abc14e;
  cursor: help;
}

.tooltipped:before {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  content: attr(data-tooltip);
  position: absolute;
  top: 100%;
  left: 0;
  white-space: normal;
  min-width: 230px;
  min-width: 23rem;
  max-width: 230px;
  max-width: 23rem;
  padding: 9px;
  padding: 0.9rem;
  background-color: #000e24;
  color: white;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  background: rgba(0, 14, 36, .9);
  border-radius: 3px;
  border-top: #96b222 2px solid;
  z-index: 10;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .tooltipped:before {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .tooltipped:before {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .tooltipped:before {
    /*font-size: 0.35 * $nh;*/
  }
}

.tooltipped:hover:before {
  opacity: 1;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, .05);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.tooltipped.active:hover:before {
  display: none;
}

.tooltipped.is-subtle:after {
  display: none;
}

.tooltipped.is-subtle:before {
  width: auto;
  min-width: inherit;
  max-width: none;
}

@-webkit-keyframes blink {
  0%, 100% {
    outline: 1px solid rgba(233, 52, 66, .2);
  }
  50% {
    outline: 1px solid #e93442;
  }
}

@keyframes blink {
  0%, 100% {
    outline: 1px solid rgba(233, 52, 66, .2);
  }
  50% {
    outline: 1px solid #e93442;
  }
}

.designer-note {
  pointer-events: none;
  opacity: 0;
  text-align: left;
  z-index: 2017;
  line-height: 1.35;
  background: rgba(233, 52, 66, .1);
  outline: 1px solid rgba(233, 52, 66, .4);
  height: 30px;
  height: 3rem;
  width: 30px;
  width: 3rem;
  -webkit-transform: translate(0, -100%) scale(2);
          transform: translate(0, -100%) scale(2);
  position: absolute;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.designer-note:after {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  content: attr(data-note);
  position: absolute;
  top: 100%;
  left: 0;
  white-space: normal;
  min-width: 230px;
  min-width: 23rem;
  max-width: 230px;
  max-width: 23rem;
  padding: 9px;
  padding: 0.9rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  background: #fcf8e9;
  border-radius: 3px;
  border: #ead67c 1px solid;
  border-top: #dcbb25 2px solid;
  z-index: 10;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .designer-note:after {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .designer-note:after {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .designer-note:after {
    /*font-size: 0.35 * $nh;*/
  }
}

.designer-note:hover {
  opacity: 1;
  outline: 1px solid rgba(233, 52, 66, .9);
}

.designer-note:hover:after {
  opacity: 1;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, .05);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

body.show-designer-notes .designer-note {
  opacity: 1;
  -webkit-transform: translate(0, -100%) scale(1);
          transform: translate(0, -100%) scale(1);
  pointer-events: all;
  -webkit-animation: blink 2s ease infinite;
  animation: blink 2s ease infinite;
}

.user-icon-container {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  overflow: hidden;
  width: 45px;
  width: 4.5rem;
  /*background: $grey-30;*/
  height: 45px;
  height: 4.5rem;
  position: relative;
}

.user-icon-container:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  position: absolute;
  background-color: #e6e7e9;
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .2), rgba(0, 14, 36, 0));
  background-image: linear-gradient(to bottom, rgba(0, 14, 36, .2), rgba(0, 14, 36, 0));
}

.user-icon-container a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.user-icon-container.is-sm {
  width: 45px;
  width: 4.5rem;
  height: 45px;
  height: 4.5rem;
}

.user-icon-container.is-md {
  width: 90px;
  width: 9rem;
  height: 90px;
  height: 9rem;
}

.user-icon-container.is-lg {
  width: 112.5px;
  width: 11.25rem;
  height: 112.5px;
  height: 11.25rem;
}

.user-icon-container.is-xl {
  width: 112.5px;
  width: 11.25rem;
  height: 112.5px;
  height: 11.25rem;
}

@media screen and (min-width: 768px) {
  .user-icon-container.is-xl {
    width: 14.625rem;
    height: 14.625rem;
  }
}

.user-icon-container.is-clickable {
  outline: 1px solid transparent;
  outline-offset: 2px;
}

.user-icon-container.is-clickable:hover {
  outline-color: #96b222;
}

.user-icon-container.upload-icon {
  border: 1px solid #e0e2e5;
  display: block;
}

.user-icon-container.is-bordered {
  border: #f7f7f7 3px solid;
  outline: 1px solid #cccccc;
  outline-offset: 0;
}

.user-icon-container img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  margin: 0 auto;
}

/*

CARDS
-----

// Cards are the containers for information.
// Type of cards such as listings, locations, profiles, ads: See specific sass files

*/
.card {
  position: relative;
  padding: 11.25px;
  padding: 1.125rem;
  border: 1px #e0e2e5 solid;
  background-color: #fff;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  box-sizing: content-box;
  outline: 1px transparent solid;
  outline-offset: -1px;
  overflow: hidden;
}

.card.sm {
  /*max-width: $nh * 4;*/
}

.card.md {
  max-width: 832.5px;
  max-width: 83.25rem;
}

.card:not(.disable-animation):hover {
  outline-color: #96b222;
  box-shadow: 0 1rem 3rem -0.7rem rgba(0, 14, 36, .05);
}

.card:not(.disable-animation):active {
  -webkit-transform: scale(0.995);
          transform: scale(0.995);
}

.card h3 {
  margin-top: 0;
}

.card .actions {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.card .actions li {
  margin-right: 8px;
  margin-right: 0.8rem;
}

.card .card-permalink {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 45px;
  bottom: 4.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: transparent;
  right: 0;
}

.card .card-permalink:hover {
  border: none;
}

.card footer {
  display: block;
  margin: -11.25px;
  margin: -1.125rem;
  border-top: #e0e2e5 1px solid;
  background-color: rgba(242, 242, 242, .5);
  padding: 11.25px;
  padding: 1.125rem;
  margin-top: 11.25px;
  margin-top: 1.125rem;
}

.card-row:not(.horizontal-scroll) {
  margin: -5.625px;
  margin: -0.5625rem;
}

@media screen and (min-width: 768px) {
  .card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .card-row:not(.md):after {
    content: '';
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    /*margin: $nhfourth / 2;*/
    display: block;
  }
}

.card-row .card {
  box-sizing: border-box;
  padding-bottom: 56.25px;
  padding-bottom: 5.625rem;
  margin: 5.625px;
  margin: 0.5625rem;
  min-width: 270px;
  min-width: 27rem;
}

@media screen and (min-width: 768px) {
  .card-row .card.sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 27rem;
            flex: 1 0 27rem;
    max-width: calc(50% - 2.25rem);
  }
}

@media screen and (min-width: 992px) {
  .card-row .card.sm {
    max-width: calc(33% - 3rem);
  }
}

@media screen and (min-width: 1200px) {
  .card-row .card.sm {
    max-width: calc(25% - 4.5rem);
  }
}

.card-row .card.md {
  min-width: calc(50% - 2.25rem);
}

@media screen and (min-width: 992px) {
  .card-row .card.md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 36rem;
            flex: 1 0 36rem;
  }
}

.card-row .card footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.card-row .card:nth-of-type(2n) {
  /*margin-right: 0;*/
}

.card-row.is-vertical-flow .card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-right: 0;
}

.card-row.horizontal-scroll {
  position: relative;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.card-row.horizontal-scroll .card-row-scroller {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  padding-right: 45px;
  padding-right: 4.5rem;
}

.card-row.horizontal-scroll .card-row-scroller::-webkit-scrollbar {
  height: 15px;
}

.card-row.horizontal-scroll .card-row-scroller::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-top: 7px #f2f2f2 solid;
  border-radius: 0;
}

.card-row.horizontal-scroll .card-row-scroller::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #cccccc;
  border-top: 7px #f2f2f2 solid;
}

.card-row.horizontal-scroll .card-row-scroller::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(128, 128, 128, .2);
}

.card-row.horizontal-scroll .card {
  display: inline-block;
}

.card-row.horizontal-scroll:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 45px;
  width: 4.5rem;
  background: -webkit-linear-gradient( right , #f2f2f2, rgba(242, 242, 242, 0));
  background: -webkit-linear-gradient(right, #f2f2f2, rgba(242, 242, 242, 0));
  background: linear-gradient(to left, #f2f2f2, rgba(242, 242, 242, 0));
}

.card-row.card-row-flex .card.sm .actions {
  position: absolute;
  border-top: #e0e2e5 1px solid;
  padding: 11.25px;
  padding: 1.125rem;
  bottom: 0;
  left: 0;
  width: 100%;
}

.card.message header {
  background: #4d5666;
  color: #fff;
  margin: -11.25px;
  margin: -1.125rem;
  margin-bottom: 0;
  padding: 11.25px;
  padding: 1.125rem;
}

.card.message .message-subject {
  font-size: 18px;
  font-size: 1.8rem;
}

.card.message .message-content {
  min-height: 90px;
  min-height: 9rem;
  margin: 0 -11.25px;
  margin: 0 -1.125rem;
  padding: 11.25px;
  padding: 1.125rem;
}

.card.message footer {
  margin-top: 0;
  position: relative;
}

.card.message footer .message-reply-button {
  position: absolute;
  border: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.card.listing.md .ico.circle {
  float: right;
}

.card.listing.md .listing-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 11.25px 0;
  margin: 1.125rem 0;
}

.card.listing.md .listing-position {
  color: gray;
}

.card.listing.md .listing-position:before {
  content: 'Position: ';
  font-weight: 600;
}

.card.listing.md .listing-salary {
  color: gray;
}

.card.listing.md .listing-salary:before {
  content: 'Salary: ';
  font-weight: 600;
}

.card.listing.md .listing-business {
  color: gray;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.card.listing.md .listing-business:before {
  content: "From: ";
  font-weight: 600;
}

.card.listing.md .listing-timeframe:before {
  content: 'Timeframe: ';
  font-weight: 600;
}

.card.listing.md .listing-content-snippet {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.card.listing.md .listing-content-snippet:before {
  content: "Job Description: ";
  font-weight: 600;
  display: block;
}

.card.location.md .featured-image {
  height: 225px;
  height: 22.5rem;
  margin: -11.25px;
  margin: -1.125rem;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.card.location.md .featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1440px) {
  .card.location.md .featured-image {
    height: 31.5rem;
  }
}

.card.location.md.region-wgn .featured-image {
  background: url("..") center no-repeat;
  background-size: cover;
}

.card.location.md article {
  text-align: center;
  padding: 11.25px;
  padding: 1.125rem;
}

@media screen and (min-width: 992px) {
  .card.location.md article {
    padding: 1.125rem 4.5rem 1.125rem;
  }
}

.card.location.md .region-title {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
}

.card.location.md h4 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.card.business h4 {
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-size: inherit;
  font-weight: inherit;
  color: rgba(0, 14, 36, .5);
}

.card.business .location:before {
  color: #96b222;
}

.card.business.sm, .card.profile.sm {
  display: inline-block;
  box-sizing: content-box;
}

.card.business.sm figure, .card.profile.sm figure {
  height: 180px;
  height: 18rem;
  overflow: hidden;
  margin: -11.25px;
  margin: -1.125rem;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  background: rgba(0, 14, 36, .2);
}

.card.business.sm figure img, .card.profile.sm figure img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card.profile h4:before {
  content: 'From ';
}

.card.profile .recommend-reason {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin-top: 10px;
  margin-top: 1rem;
}

.card.profile .recommend-reason + p {
  line-height: 1.3;
}

.card.video {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
}

.card.video:after {
  /*content: "play_arrow";*/
  font-size: 45px;
  font-size: 4.5rem;
  opacity: 0.5;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 40%;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.card.video:hover:after {
  opacity: 0.65;
}

.card.video .video-container {
  /*@include shaded(gradient-light);*/
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.card.video .video-container .video-placeholder,
.card.video .video-container video {
  /*height: 100%;*/
  /*object-fit: cover;*/
}

.card.video .video-title {
  line-height: 38.25px;
  line-height: 3.825rem;
  text-align: center;
  color: white;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #96b222;
}

.card.video.sm {
  display: inline-block;
  padding: 0;
  border: none;
  max-width: 270px;
  max-width: 27rem;
  max-height: 180px;
  max-height: 18rem;
  box-sizing: border-box;
  padding-top: 38.25px;
  padding-top: 3.825rem;
}

@media screen and (max-width: 767px) {
  .card.video.sm {
    width: 100%;
    max-width: unset;
    max-height: 22.5rem;
  }
}

@media screen and (max-width: 480px) {
  .card.video.sm {
    max-height: 27rem;
  }
}

.card.is-message-thumb.is-unread {
  border-color: #96b222;
}

.card.is-message-thumb .user-icon-container {
  vertical-align: middle;
  display: inline-block;
  margin-right: 11.25px;
  margin-right: 1.125rem;
}

.card.is-message-thumb .message-preview-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.card.is-message-thumb .ico-unread {
  font-weight: 600;
  color: #96b222;
}

.card.is-message-thumb .notif-title {
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-size: inherit;
  margin: 0 0 3px 0;
  margin: 0 0 0.3rem 0;
  line-height: 1;
  font-weight: 600;
}

.card.is-message-thumb .notif-title .notif-subtitle {
  opacity: 0.5;
}

.card.notification {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.card.notification .notification-heading {
  font-size: inherit;
}

.card.notification.system {
  background: rgba(150, 178, 34, .3);
  border-color: #96b222;
}

/*

PANELS AND BANNERS
---------------------------

*/
.panel, .pagination {
  border: 1px #e0e2e5 solid;
  background-color: #fff;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.panel.grey, .grey.pagination {
  background-color: #f2f2f2;
}

.panel-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  max-width: unset;
  padding: 11.25px;
  padding: 1.125rem;
  /*border-bottom: 1px $color-border solid;*/
  margin-bottom: 0;
}

.panel-section:after {
  content: "";
  display: table;
  clear: both;
}

.panel-section + section:before {
  margin-top: 0 !important;
}

.panel-section h2 {
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  .panel-section {
    padding: 2.25rem;
  }
}

.panel-section > footer {
  margin-top: 11.25px;
  margin-top: 1.125rem;
  padding-top: 22.5px;
  padding-top: 2.25rem;
  border-top: #e0e2e5 1px dotted;
}

.panel-section.is-borderless {
  padding: 0;
}

.panel-section.is-borderless .standard-table {
  margin: -1px;
  width: auto;
}

@media screen and (min-width: 992px) {
  .panel-section.is-borderless {
    padding: 0;
  }
}

.widget {
  padding: 11.25px;
  padding: 1.125rem;
  border: 0px;
  border-bottom: 1px #e0e2e5 solid;
}

.widget.dark {
  background: #1a263a;
  color: white;
}

.widget * {
  white-space: normal;
}

.widget .widget-title {
  margin-top: 11.25px;
  margin-top: 1.125rem;
}

.widget footer {
  margin-top: 11.25px;
  margin-top: 1.125rem;
}

.widget > .widget-section-list {
  margin: 11.25px -11.25px 0;
  margin: 1.125rem -1.125rem 0;
}

.widget > .widget-section-list li {
  list-style: none;
}

.widget .section {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
}

.widget .section + .section {
  border-top: 1px #e0e2e5 solid;
}

.widget .section details {
  padding: 0 11.25px;
  padding: 0 1.125rem;
}

.widget .section details[open] summary {
  color: white;
  background: #96b222;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.widget .section details[open] {
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
}

.widget .section summary {
  color: #96b222;
  padding: 11.25px;
  padding: 1.125rem;
  margin: 0 -11.25px;
  margin: 0 -1.125rem;
  font-weight: 600;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  cursor: pointer;
}

.widget .section summary:hover {
  background-color: rgba(242, 242, 242, .5);
}

.widget .section summary span {
  margin-right: 10px;
  margin-right: 1rem;
}

.widget .section summary:active {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}

.widget .section summary:focus {
  outline: none;
}

.widget .section ul {
  background: white;
}

/* 1. GETTING STARTED */
#getting-started {
  padding-bottom: 0;
}

/* 2. Video Profile Panel */
.widget.video-profile .video-frame {
  margin-left: -11.25px;
  margin-left: -1.125rem;
  margin-right: -11.25px;
  margin-right: -1.125rem;
  margin-top: -11.25px;
  margin-top: -1.125rem;
}

.widget.video-profile .video-frame img {
  padding: 2px;
  max-width: 100%;
}

/* 3. Search Filters */
.widget.search-filters.is-hidden {
  display: none;
}

@media screen and (min-width: 992px) {
  .widget.search-filters .checkbox {
    padding: 0;
  }
}

/* 4. Map Mini */
.widget.map-nz {
  position: relative;
}

.widget.map-nz h3 {
  background: #96b222;
  margin: -11.25px -11.25px 11.25px -11.25px;
  margin: -1.125rem -1.125rem 1.125rem -1.125rem;
  padding: 11.25px;
  padding: 1.125rem;
  text-align: center;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.widget.map-nz figure {
  background: #1a263a;
  border: 0;
  margin: 0 calc( -1.125rem + 1px);
}

.widget.map-nz figure svg {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .widget.map-nz figure {
    padding: 0 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .widget.map-nz figure {
    overflow: hidden;
    margin: 0 calc( -0.75rem + 1px);
  }
  .widget.map-nz figure #nz-map {
    overflow: hidden;
  }
}

.widget.map-nz#search-map-filters.is-hidden {
  display: none;
}

.widget.map-nz:after {
  /*content: "fullscreen";*/
  font-size: 22.5px;
  font-size: 2.25rem;
  position: absolute;
  bottom: 11.25px;
  bottom: 1.125rem;
  right: 11.25px;
  right: 1.125rem;
}

.widget.map-nz.fullscreen {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  z-index: 2019;
}

.widget.map-nz.fullscreen #nz-map {
  width: 100%;
  height: 420px;
}

.widget.map-nz.fullscreen:after {
  content: "fullscreen_exit";
}

/* 5. Employee Statistics */
.widget.w-statistics {
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
}

.widget.w-statistics h4 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin: 15px 0 0 0;
  margin: 1.5rem 0 0 0;
}

.widget.w-statistics .important-information {
  font-weight: 600;
  margin-right: 0.3em;
}

.widget.w-statistics .statistics-row {
  line-height: 2.25;
}

/* 6. Quick Links */
.widget.w-quick-links {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* 7. Conversation Info */
.w-apply-for-job .btn-primary {
  display: block;
  width: 100%;
}

.banner {
  /*width: 100%;*/
  background-color: #f2f2f2;
}

.banner-content {
  position: relative;
}

.subpage-banner {
  padding: 22.5px 22.5px;
  padding: 2.25rem 2.25rem;
  text-align: center;
  position: relative;
  border-bottom: 1px #e0e2e5 solid;
  background: #e6e6e6;
}

@media screen and (min-width: 768px) {
  .subpage-banner {
    padding: 4.5rem 2.25rem;
    text-align: left;
    margin: -1px;
  }
}

@media screen and (min-width: 768px) {
  ::not(.Admin) .subpage-banner {
    min-height: 20.25rem;
  }
}

.subpage-banner:not(.is-light) {
  background-color: #000e24;
  color: white;
  border-bottom: none;
}

.subpage-banner .hero-image {
  margin: -22.5px -22.5px;
  margin: -2.25rem -2.25rem;
  width: 100%;
  overflow: hidden;
  position: absolute;
  height: 100%;
  opacity: 1;
}

.subpage-banner .hero-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subpage-banner .hero-image:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.subpage-banner .hero-image:before {
  opacity: 0.5;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .subpage-banner .hero-image {
    margin: -4.5rem -2.25rem;
  }
}

.subpage-banner .hero-image img {
  z-index: 0;
  width: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.subpage-banner .general-back-button {
  z-index: 2;
}

.subpage-banner .banner-content {
  min-height: 90px;
  min-height: 9rem;
  z-index: 2;
}

body:not(.Admin) .subpage-banner .banner-content {
  text-shadow: 0 0 0.6em rgba(0, 14, 36, .7);
}

.subpage-banner .banner-content a {
  position: relative;
}

.subpage-banner .banner-content a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.subpage-banner .banner-content a:hover:after {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .subpage-banner .banner-content:before {
    content: 'New Zealand Job Finder';
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background: url("../images/logo.svg") no-repeat;
    background-size: cover;
    height: 10.125rem;
    width: 10.125rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    margin: 0 2.25rem;
    z-index: 1;
    right: 0;
  }
}

.subpage-banner h3.today {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.subpage-banner.profile-banner figure:before {
  /*opacity: 0;*/
}

.tabs-group, .inpage-tabs-group {
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tabs-group li, .inpage-tabs-group li {
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .tabs-group li + li, .inpage-tabs-group li + li {
    margin-left: -0.3em;
  }
}

.tabs-group.padded, .padded.inpage-tabs-group {
  padding-left: 11.25px;
  padding-left: 1.125rem;
}

@media screen and (min-width: 992px) {
  .tabs-group.padded, .padded.inpage-tabs-group {
    padding-left: 2.25rem;
  }
}

.tabs-group .tab, .inpage-tabs-group .tab {
  border: 1px solid #e0e2e5;
  border-bottom: 0;
  background: #f2f2f2;
  display: inline-block;
  vertical-align: bottom;
  line-height: 45px;
  line-height: 4.5rem;
  padding: 0 0.3em;
  position: relative;
  top: 1px;
  cursor: pointer;
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  /*&:before {
      top: -0.1rem;
      margin-right: 0.7rem;
      color: $accent-primary;
    }*/
}

@media screen and (min-width: 768px) {
  .tabs-group .tab, .inpage-tabs-group .tab {
    padding: 0 0.6em;
  }
}

@media screen and (min-width: 992px) {
  .tabs-group .tab, .inpage-tabs-group .tab {
    padding: 0 1.125rem;
  }
}

.tabs-group .tab:before, .inpage-tabs-group .tab:before {
  margin-right: 0.5em;
  color: #96b222;
}

@media screen and (max-width: 991px) {
  .tabs-group .tab:before, .inpage-tabs-group .tab:before {
    display: none;
  }
}

.tabs-group .tab:hover, .inpage-tabs-group .tab:hover {
  border-top: 3px #96b222 solid;
  background: white;
}

.tabs-group .tab.active, .inpage-tabs-group .tab.active {
  border-top: 3px #96b222 solid;
  background: white;
}

.tabs-group .tab.is-gold:before, .inpage-tabs-group .tab.is-gold:before {
  color: #dcbb25;
}

.tabs-group .tab.is-gold:hover, .inpage-tabs-group .tab.is-gold:hover {
  border-top-color: #dcbb25;
}

.tabs-group .tab.is-gold:active, .inpage-tabs-group .tab.is-gold:active {
  border-top-color: #dcbb25;
}

.tabs-group .tab.is-red:before, .inpage-tabs-group .tab.is-red:before {
  color: #e93442;
}

.tabs-group .tab.is-red:hover, .inpage-tabs-group .tab.is-red:hover {
  border-top-color: #e93442;
}

.tabs-group .tab.is-red:active, .inpage-tabs-group .tab.is-red:active {
  border-top-color: #e93442;
}

.inpage-tab-content:not(.active) {
  display: none;
}

.search-module {
  position: relative;
}

.search-module .tabs-group, .search-module .inpage-tabs-group {
  position: absolute;
  bottom: 100%;
  left: 22.5px;
  left: 2.25rem;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .search-module .tabs-group, .search-module .inpage-tabs-group {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.date-grouper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 11.25px 0;
  margin: 1.125rem 0;
}

.date-grouper:last-child h3 {
  opacity: 0.38;
}

.message-date-tag {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: inline-block;
  white-space: nowrap;
  margin: 11.25px;
  margin: 1.125rem;
  opacity: 0.65;
}

.spearator-line {
  border-bottom: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  display: block;
  height: 1px;
}

.message-thumb-title .user-icon-container {
  float: left;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.message-thumb-title h4 {
  padding-top: 0.38em;
}

.message-thumb-title h4 span {
  display: block;
  margin-top: 0.15em;
}

.text-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.text-bubble .message-content {
  position: relative;
  background: #fff;
  border: 1px solid #e0e2e5;
  padding: 11.25px;
  padding: 1.125rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: 585px;
  max-width: 58.5rem;
}

.text-bubble .time-tag {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  opacity: 0.5;
  margin-bottom: 0;
}

.text-bubble .time-tag + p {
  margin-top: 0;
}

.text-bubble .user-icon-container {
  display: none;
  min-width: 45px;
  min-width: 4.5rem;
}

@media screen and (min-width: 768px) {
  .text-bubble .user-icon-container {
    display: block;
    visibility: hidden;
  }
}

.text-bubble:first-child .user-icon-container {
  display: block;
}

@media screen and (min-width: 768px) {
  .text-bubble:first-child .user-icon-container {
    visibility: visible;
  }
}

.text-bubble.is-self {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.text-bubble.is-self .time-tag {
  color: #96b222;
  opacity: 0.9;
}

.text-bubble.is-self .user-icon-container {
  margin-left: 22.5px;
  margin-left: 2.25rem;
  margin-right: 0;
}

.text-bubble.is-self .message-content {
  background: #e0e8bd;
  border-color: #96b222;
}

.text-bubble.is-self .message-content:before {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  -webkit-transform: translateY(-1.8px);
          transform: translateY(-1.8px);
  content: "";
  z-index: 1;
}

.text-bubble.is-self .message-content:after {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  content: "";
  z-index: 2;
}

.text-bubble.is-self .message-content:before {
  height: 0;
  width: 0;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #96b222;
  border-top: 12px solid transparent;
}

.text-bubble.is-self .message-content:after {
  height: 0;
  width: 0;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #e0e8bd;
  border-top: 10px solid transparent;
}

.text-bubble.is-self .message-content:before, .text-bubble.is-self .message-content:after {
  right: auto;
  left: 100%;
}

.text-bubble.is-self .context-menu-wrapper.is-open .context-menu-toggle {
  color: white;
}

.text-bubble.is-self .context-menu-toggle {
  color: #96b222;
}

.text-bubble.is-self .context-menu-toggle:hover, .text-bubble.is-self .context-menu-toggle:active {
  color: white;
}

.text-bubble:not(.is-self) .user-icon-container {
  margin-left: 0;
  margin-right: 22.5px;
  margin-right: 2.25rem;
}

.text-bubble:not(.is-self) .message-content:before {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  -webkit-transform: translateY(-1.8px);
          transform: translateY(-1.8px);
  content: "";
  z-index: 1;
}

.text-bubble:not(.is-self) .message-content:after {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  content: "";
  z-index: 2;
}

.text-bubble:not(.is-self) .message-content:before {
  height: 0;
  width: 0;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #d9d9d9;
  border-top: 12px solid transparent;
}

.text-bubble:not(.is-self) .message-content:after {
  height: 0;
  width: 0;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  border-top: 10px solid transparent;
}

.text-bubble:not(.is-self) .message-content:before, .text-bubble:not(.is-self) .message-content:after {
  left: auto;
  right: 100%;
}

.text-bubble footer {
  background: #e6e6e6;
  border: 1px solid #e0e2e5;
  border-top: 0;
}

.composer form {
  width: calc(100% - 11.25rem);
}

.composer .user-icon-container {
  margin-left: 22.5px !important;
  margin-left: 2.25rem !important;
  margin-right: 0 !important;
  display: block !important;
  visibility: visible !important;
}

.composer .input-group {
  width: 100%;
}

.composer .input-group.textarea {
  position: relative;
  padding: 0;
}

.composer .input-group.textarea:before {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  -webkit-transform: translateY(-1.8px);
          transform: translateY(-1.8px);
  content: "";
  z-index: 1;
}

.composer .input-group.textarea:after {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  content: "";
  z-index: 2;
}

.composer .input-group.textarea:before {
  height: 0;
  width: 0;
  border-bottom: 12px solid transparent;
  border-left: 12px solid white;
  border-top: 12px solid transparent;
}

.composer .input-group.textarea:after {
  height: 0;
  width: 0;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
  border-top: 10px solid transparent;
}

.composer .input-group.textarea:before, .composer .input-group.textarea:after {
  right: auto;
  left: 100%;
}

.composer .input-group.submit {
  text-align: right;
  padding: 0;
  margin: -1px 0;
  position: relative;
  left: 1px;
}

.composer .input-group.submit input {
  border-width: 0;
}

.composer textarea {
  width: 100%;
  margin: 0;
  height: 112.5px !important;
  height: 11.25rem !important;
  background: white;
  display: block;
}

.composer textarea:focus {
  background: white;
}

.composer-section {
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

.tab.ico-starred:before {
  color: #dcbb25;
}

.links-list .ico-starred:before {
  color: #dcbb25;
}

.skills-list {
  margin: 10px 0;
  margin: 1rem 0;
}

.skills-list li {
  display: inline-block;
}

.skills-list.md {
  text-align: center;
}

.skills-list.md ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -0.25em;
}

@media screen and (min-width: 768px) {
  .skills-list.md ul:after {
    content: '';
    display: block;
    -webkit-box-flex: 2;
        -ms-flex: 2 2 50%;
            flex: 2 2 50%;
  }
}

@media screen and (min-width: 768px) {
  .skills-list.md {
    text-align: left;
  }
}

.skills-list.md li {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-height: 67.5px;
  max-height: 6.75rem;
  padding: 0.25em;
  vertical-align: top;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .skills-list.md li {
    width: 23%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
}

.skills-list.md li label {
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.skills-list.md li [type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.skills-list.md li [type="checkbox"] ~ .post-skill {
  border: 1px solid rgba(128, 128, 128, .1);
  padding: 0.7em 0.3em;
  margin: 0;
  background: #f2f2f2;
  height: 100%;
}

.skills-list.md li [type="checkbox"] ~ .pre-skill {
  display: none;
}

.skills-list.md li [type="checkbox"]:checked ~ .post-skill {
  background: #96b222;
  color: white;
}

.skills-list.md li [type="checkbox"]:checked:before {
  color: #fff;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill:before {
  color: white;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-chef:before {
  background-color: #f0717b;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-barista:before {
  background-color: #dcbb25;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-flower:before {
  background-color: #808792;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-bartender:before {
  background-color: #4d5666;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-concierge:before {
  background-color: #000e24;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-winewaiter:before {
  background-color: #7daddd;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-groundsperson:before {
  background-color: #8e443a;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-waiter:before {
  background-color: #96b222;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-housekeeper {
  background-color: #f0717b;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-kitchenhand {
  background-color: #dcbb25;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-reception {
  background-color: #7daddd;
}

.skills-list.md li [type="checkbox"]:checked ~ label.pre-skill.nzico-souschef {
  background-color: #4d5666;
}

.skills-list.md li [type="checkbox"]:checked ~ label.post-skill:before {
  font-size: inherit;
}

.skills-list.md li [type="checkbox"] ~ label.post-skill:before {
  font-size: 0px;
  vertical-align: middle;
  position: relative;
  left: -2px;
  left: -0.2rem;
  top: -1.5px;
  top: -0.15rem;
  -webkit-transition: 0.475s cubic-bezier(0.5, 0, 0.5, 1);
  transition: 0.475s cubic-bezier(0.5, 0, 0.5, 1);
  content: 'check';
  color: white;
}

.skills-list.md li .ico {
  background-color: transparent;
  border-radius: 50%;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  width: 45px;
  width: 4.5rem;
  margin: 0 auto;
}

.skills-list.md li .ico:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.skills-list.md li .ico:active {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.skills-list.md li .ico:focus {
  outline: 0;
}

.skills-list.md li .ico:before {
  border-width: 2px;
  border-style: solid;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  width: 45px;
  width: 4.5rem;
  display: inline-block;
}

.skills-list.md label {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin: 6px 0;
  margin: 0.6rem 0;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}

.skills-list.sm {
  text-align: left;
  margin: 5px 0;
  margin: 0.5rem 0;
}

.skills-list.sm li {
  width: auto;
  line-height: 1;
  margin: 0;
}

.skills-list.sm li .ico {
  vertical-align: middle;
}

.skills-list.sm li .ico:before {
  padding: 3px;
  padding: 0.3rem;
  font-size: 15px;
  font-size: 1.5rem;
}

.modal-backdrop {
  background-color: rgba(0, 14, 36, .5);
  background-color: rgba(0, 14, 36, .3);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .3), rgba(0, 14, 36, .05));
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .3), rgba(0, 14, 36, .05));
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .3), rgba(0, 14, 36, .05));
  z-index: 2018;
}

.modal-backdrop.in {
  opacity: 0.7;
}

.modal {
  z-index: 2019;
  display: none;
}

.modal.fade {
  /*transform: translateY(-4.5rem);*/
}

.modal-dialog {
  box-shadow: 0 1rem 9rem -2rem rgba(0, 14, 36, .3);
  text-align: center;
  margin: 10% auto;
  background: white;
}

@media screen and (max-width: 480px) {
  .modal-dialog {
    width: 100%;
    margin: 0;
  }
}

.modal-dialog .modal-header .modal-title {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-size: 15px;
  font-size: 1.5rem;
}

.modal-dialog .modal-header .modal-title:before {
  content: url("../images/logo-fern.svg");
  display: block;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.modal-dialog > footer,
.modal-dialog .modal-body,
.modal-dialog > header {
  border: 0;
  padding-left: 22.5px;
  padding-left: 2.25rem;
  padding-right: 22.5px;
  padding-right: 2.25rem;
}

.modal-dialog > header {
  position: relative;
  padding-top: 22.5px;
  padding-top: 2.25rem;
  padding-bottom: 22.5px;
  padding-bottom: 2.25rem;
}

.modal-dialog .modal-body {
  background-color: rgba(0, 14, 36, .05);
}

.modal-dialog .modal-footer {
  background-color: rgba(0, 14, 36, .1);
  padding-top: 22.5px;
  padding-top: 2.25rem;
  padding-bottom: 22.5px;
  padding-bottom: 2.25rem;
}

.modal-dialog .actions {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #808792;
}

.modal-dialog .actions li {
  margin-right: 15px;
  margin-right: 1.5rem;
}

.modal-dialog .actions li:last-child {
  margin-right: 0;
}

[data-dismiss="modal"] {
  cursor: pointer;
}

.is-dark {
  background-color: #000e24;
  color: white;
  background: #000e24;
}

.is-dark .modal-title {
  color: #b3b7bd;
}

.is-dark .modal-body {
  background-color: rgba(255, 255, 255, .05);
}

.is-dark .modal-footer {
  background-color: rgba(255, 255, 255, .07);
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 42rem;
  }
}

.modal-dialog input[type="color"], .modal-dialog input[type="date"], .modal-dialog input[type="datetime"], .modal-dialog input[type="datetime-local"], .modal-dialog input[type="email"], .modal-dialog input[type="month"], .modal-dialog input[type="number"], .modal-dialog input[type="password"], .modal-dialog input[type="search"], .modal-dialog input[type="tel"], .modal-dialog input[type="text"], .modal-dialog input[type="time"], .modal-dialog input[type="url"], .modal-dialog input[type="week"], .modal-dialog input:not([type]), .modal-dialog textarea {
  width: 90%;
  height: 45px;
  height: 4.5rem;
  margin-bottom: 7.5px;
  margin-bottom: 0.75rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal-dialog input[type="color"], .modal-dialog input[type="date"], .modal-dialog input[type="datetime"], .modal-dialog input[type="datetime-local"], .modal-dialog input[type="email"], .modal-dialog input[type="month"], .modal-dialog input[type="number"], .modal-dialog input[type="password"], .modal-dialog input[type="search"], .modal-dialog input[type="tel"], .modal-dialog input[type="text"], .modal-dialog input[type="time"], .modal-dialog input[type="url"], .modal-dialog input[type="week"], .modal-dialog input:not([type]), .modal-dialog textarea {
    width: 72.5%;
  }
}

.modal-dialog input[type="color"]:hover, .modal-dialog input[type="date"]:hover, .modal-dialog input[type="datetime"]:hover, .modal-dialog input[type="datetime-local"]:hover, .modal-dialog input[type="email"]:hover, .modal-dialog input[type="month"]:hover, .modal-dialog input[type="number"]:hover, .modal-dialog input[type="password"]:hover, .modal-dialog input[type="search"]:hover, .modal-dialog input[type="tel"]:hover, .modal-dialog input[type="text"]:hover, .modal-dialog input[type="time"]:hover, .modal-dialog input[type="url"]:hover, .modal-dialog input[type="week"]:hover, .modal-dialog input:not([type]):hover, .modal-dialog textarea:hover {
  background-color: rgba(255, 255, 255, .05);
}

.modal-dialog input[type="color"]:active, .modal-dialog input[type="date"]:active, .modal-dialog input[type="datetime"]:active, .modal-dialog input[type="datetime-local"]:active, .modal-dialog input[type="email"]:active, .modal-dialog input[type="month"]:active, .modal-dialog input[type="number"]:active, .modal-dialog input[type="password"]:active, .modal-dialog input[type="search"]:active, .modal-dialog input[type="tel"]:active, .modal-dialog input[type="text"]:active, .modal-dialog input[type="time"]:active, .modal-dialog input[type="url"]:active, .modal-dialog input[type="week"]:active, .modal-dialog input:not([type]):active, .modal-dialog textarea:active {
  background-color: rgba(255, 255, 255, .03);
}

.modal-dialog input[type="color"]:focus, .modal-dialog input[type="date"]:focus, .modal-dialog input[type="datetime"]:focus, .modal-dialog input[type="datetime-local"]:focus, .modal-dialog input[type="email"]:focus, .modal-dialog input[type="month"]:focus, .modal-dialog input[type="number"]:focus, .modal-dialog input[type="password"]:focus, .modal-dialog input[type="search"]:focus, .modal-dialog input[type="tel"]:focus, .modal-dialog input[type="text"]:focus, .modal-dialog input[type="time"]:focus, .modal-dialog input[type="url"]:focus, .modal-dialog input[type="week"]:focus, .modal-dialog input:not([type]):focus, .modal-dialog textarea:focus {
  background-color: rgba(255, 255, 255, .07);
  outline: 0;
}

.modal-dialog input[type="color"]:focus:hover, .modal-dialog input[type="date"]:focus:hover, .modal-dialog input[type="datetime"]:focus:hover, .modal-dialog input[type="datetime-local"]:focus:hover, .modal-dialog input[type="email"]:focus:hover, .modal-dialog input[type="month"]:focus:hover, .modal-dialog input[type="number"]:focus:hover, .modal-dialog input[type="password"]:focus:hover, .modal-dialog input[type="search"]:focus:hover, .modal-dialog input[type="tel"]:focus:hover, .modal-dialog input[type="text"]:focus:hover, .modal-dialog input[type="time"]:focus:hover, .modal-dialog input[type="url"]:focus:hover, .modal-dialog input[type="week"]:focus:hover, .modal-dialog input:not([type]):focus:hover, .modal-dialog textarea:focus:hover {
  background-color: rgba(255, 255, 255, .09);
}

.modal-dialog input[type="submit"] {
  margin-top: 15px;
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .login-modal .modal-body {
    padding: 5vh 0;
  }
}

.modal-package-details section {
  text-align: left;
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
}

.card-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2017;
}

.card-modal:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(26, 38, 58, .4);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.card-modal.in {
  display: block;
}

.card-modal.in .card-modal-container {
  -webkit-transform: scale(0.95) translate(-50%, 10%);
          transform: scale(0.95) translate(-50%, 10%);
  opacity: 0;
}

.card-modal.show .card-modal-container {
  -webkit-transform: scale(1) translate(-50%, 0);
          transform: scale(1) translate(-50%, 0);
  box-shadow: 0 1.4rem 3.66509rem rgba(0, 14, 36, .2);
  opacity: 1;
}

.card-modal.show:before {
  opacity: 1;
}

.card-modal.dark .card-modal-container {
  background: #000e24;
  color: white;
}

.card-modal.dark header {
  text-shadow: 0 0 0.3em #000e24;
}

.card-modal.dark hr {
  border-color: rgba(128, 135, 146, .2);
}

.modal-close-button {
  display: block;
  position: absolute;
  right: 11.25px;
  right: 1.125rem;
  top: 11.25px;
  top: 1.125rem;
  cursor: pointer;
  padding: 11.25px;
  padding: 1.125rem;
  font-size: 15px;
  font-size: 1.5rem;
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  box-sizing: content-box;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.modal-close-button:hover {
  background: rgba(128, 135, 146, .2);
}

.modal-close-button:active {
  background: rgba(77, 86, 102, .2);
}

.card-modal-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 19vh;
  background: white;
  width: 657.591px;
  width: 65.75915rem;
  max-width: 95vw;
  min-width: 38.1vw;
  border: 1px solid #96b222;
  -webkit-transition: 0.4s cubic-bezier(0.6, 0.2, 0.2, 0.9);
  transition: 0.4s cubic-bezier(0.6, 0.2, 0.2, 0.9);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.card-modal-container header {
  padding: 11.25px;
  padding: 1.125rem;
  position: relative;
}

.card-modal-container footer {
  padding: 11.25px;
  padding: 1.125rem;
  background: rgba(128, 135, 146, .2);
}

.card-modal-container footer .actions a {
  position: relative;
}

.card-modal-container footer .actions a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.card-modal-container footer .actions a:hover:after {
  width: 100%;
}

.card-modal-body {
  padding: 11.25px;
  padding: 1.125rem;
  background: rgba(128, 135, 146, .1);
}

[data-modal-name="register-encourager"] header {
  background: url("../images/image-hospitality-staff.jpg") center;
  background-size: cover;
  padding: 45px 11.25px;
  padding: 4.5rem 1.125rem;
}

[data-modal-name="register-encourager"] header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-modal-name="register-encourager"] header:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

[data-modal-name="register-encourager"] header h2 {
  position: relative;
}

.mfp-animate {
  -webkit-transition: 0.65s ease;
  transition: 0.65s ease;
  z-index: 2018;
}

.mfp-animate button:hover, .mfp-animate input[type="submit"]:hover, .mfp-animate #development-helper button:hover, #development-helper .mfp-animate button:hover, .mfp-animate
#development-helper > a:hover, .mfp-animate button:active, .mfp-animate input[type="submit"]:active, .mfp-animate #development-helper button:active, #development-helper .mfp-animate button:active, .mfp-animate
#development-helper > a:active {
  background-color: transparent;
  color: white;
}

.mfp-animate.mfp-bg {
  /* overlay at start */
  opacity: 0;
  background: rgba(0, 14, 36, .9);
  -webkit-transition: 0.65s ease;
  transition: 0.65s ease;
}

.mfp-animate.mfp-bg.mfp-ready {
  /* overlay animate in */
  opacity: 0.8;
}

.mfp-animate.mfp-bg.mfp-removing {
  /* overlay animate out */
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.mfp-animate.mfp-wrap {
  -webkit-perspective: 200px;
          perspective: 200px;
}

.mfp-animate.mfp-wrap .mfp-content {
  /* content at start */
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate3d(-20px, 0, -30px) rotateX(2deg);
          transform: translate3d(-20px, 0, -30px) rotateX(2deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.mfp-animate.mfp-wrap .mfp-content .mfp-figure:after {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, .05);
  outline: 1px solid rgba(128, 128, 128, .5);
}

.mfp-animate.mfp-wrap.mfp-ready .mfp-content {
  /* content animate in */
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotateX(0);
          transform: translate3d(0, 0, 0) rotateX(0);
}

.mfp-animate.mfp-wrap.mfp-removing .mfp-content {
  /* content animate out */
  opacity: 0;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  -webkit-transform: translate3d(20px, 0, 9px) rotateX(0);
          transform: translate3d(20px, 0, 9px) rotateX(0);
}

button.mfp-arrow, input.mfp-arrow[type="submit"], #development-helper button.mfp-arrow,
#development-helper > a.mfp-arrow {
  display: none !important;
}

@media screen and (min-width: 992px) {
  button.mfp-arrow, input.mfp-arrow[type="submit"], #development-helper button.mfp-arrow,
  #development-helper > a.mfp-arrow {
    display: block !important;
  }
}

.mfp-arrow:hover:hover,
.mfp-arrow:focus:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mfp-arrow:hover:active,
.mfp-arrow:focus:active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-arrow-left:before,
.mfp-arrow-right:before {
  border: 0 !important;
  display: none;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

body.project .mfp-arrow-left:after {
  height: 0;
  width: 0;
  border-bottom: 20px solid transparent;
  border-bottom: 2rem solid transparent;
  border-right: 20px solid #fff;
  border-right: 2rem solid #fff;
  border-top: 20px solid transparent;
  border-top: 2rem solid transparent;
}

body.project .mfp-arrow-right:after {
  height: 0;
  width: 0;
  border-bottom: 20px solid transparent;
  border-bottom: 2rem solid transparent;
  border-left: 20px solid #fff;
  border-left: 2rem solid #fff;
  border-top: 20px solid transparent;
  border-top: 2rem solid transparent;
}

.mfp-counter {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: rgba(255, 255, 255, .5) !important;
}

.search {
  position: relative;
}

#faq-search .search {
  border-left: none;
}

#faq-search .search input[type="text"] {
  background-color: rgba(255, 255, 255, .1);
  width: 100%;
  margin-bottom: 0;
  color: #fff;
}

#faq-search .search input[type="reset"] {
  color: #96b222;
}

#faq-search .search input[type="reset"]:hover {
  color: #fff;
}

.search input {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  height: 100%;
}

.search input[type="text"] {
  background: none;
  padding-left: 11.25px;
  padding-left: 1.125rem;
  padding-right: 45px;
  padding-right: 4.5rem;
  vertical-align: middle;
}

.search input[type="text"]::-webkit-input-placeholder {
  vertical-align: middle;
  position: relative;
}

.search input[type="text"]::-moz-placeholder {
  vertical-align: middle;
  position: relative;
}

.search input[type="text"]:-moz-placeholder {
  vertical-align: middle;
  position: relative;
}

.search input[type="text"]:-ms-input-placeholder {
  vertical-align: middle;
  position: relative;
}

.search input[type="text"]:hover {
  background-color: rgba(255, 255, 255, .1);
}

.search input[type="text"]:focus {
  outline: 0;
}

.search input[type="button"], .search input[type="reset"], .search input[type="submit"] {
  background: none;
  position: absolute;
  top: 0;
  border: 0;
  right: 0;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 11px 12px;
  padding: 1.1rem 1.2rem;
  cursor: pointer;
}

.search input[type="button"]:hover, .search input[type="reset"]:hover, .search input[type="submit"]:hover {
  background-color: #96b222;
  color: white;
}

.search.lg {
  border-left: none;
}

@media screen and (min-width: 768px) {
  .search.lg {
    width: 61.8%;
  }
}

.search.lg input {
  height: 45px;
  height: 4.5rem;
  white-space: nowrap;
}

.search.lg input[type="text"] {
  border-bottom: #96b222 1px solid;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 22.5px;
  font-size: 2.25rem;
  width: 100%;
}

.search.lg input[type="text"]::-webkit-input-placeholder {
  color: rgba(150, 178, 34, .8);
}

.search.lg input[type="text"]::-moz-placeholder {
  color: rgba(150, 178, 34, .8);
}

.search.lg input[type="text"]:-moz-placeholder {
  color: rgba(150, 178, 34, .8);
}

.search.lg input[type="text"]:-ms-input-placeholder {
  color: rgba(150, 178, 34, .8);
}

.search.lg input[type="submit"] {
  color: #96b222;
}

.search.lg input[type="submit"]:active, .search.lg input[type="submit"]:hover {
  color: white;
}

.search-page .banner-content h1.page-title {
  width: auto;
  margin-top: 45px;
  margin-top: 4.5rem;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

.search-page .hero-image:before {
  opacity: 0.5;
}

.search-data-type-tabs .tab {
  border: none;
  background: rgba(255, 255, 255, .8);
}

.search-module.is-lg {
  margin: -11.25px;
  margin: -1.125rem;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

@media screen and (min-width: 768px) {
  .search-module.is-lg {
    margin: -2.25rem;
    margin-bottom: 2.25rem;
  }
}

.search-module .tabs-group, .search-module .inpage-tabs-group {
  /*text-align: center;*/
  padding: 0;
}

.search-module.is-xl .label-box {
  font-weight: 600;
}

.search-module-content {
  background: #fff;
  padding: 11.25px;
  padding: 1.125rem;
  /*text-align: center;*/
  margin-bottom: 0;
  border-bottom: 1px solid #e0e2e5;
}

.dashboard .search-module-content {
  padding-top: 0;
}

.search-module-content .search {
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

@media screen and (min-width: 768px) {
  .search-module-content .search {
    display: inline-block;
  }
}

.search-module-toolbar {
  background: #e5ecc8;
  position: relative;
  margin: 0 -11.25px -11.25px;
  margin: 0 -1.125rem -1.125rem;
  text-align: left;
  color: #000e24;
  /*> li {
    &:first-child {
      justify-content: flex-start;
      position: absolute;
      left: 0;
      height: 100%;
    }
  }*/
  /*.filter-toggle {
    @include subtle-button;
    &:before {
      content: "Show All ";
    }
    &.hider {
      &:before {
        content: "Hide ";
      }
    }
  }
  .search-result-view-toggle {
    display: inline-block;
    margin: {
      left: 1 * $nhfourth;
      right: -1 * $nhfourth;
    }
    li {
      display: inline-block;
      @include subtle-button;
      height: 100%;
    }
    .ico {
      &:before {
        color: $grey-50;
        font-size: 125%;
        position: relative;
        top: -0.1rem;
      }
    }
    @include media ($phone) {
      display:none;
    }
  }*/
}

.search-module-toolbar .data {
  color: #96b222;
}

.dashboard .search-module-toolbar {
  padding: 0 11.25px;
  padding: 0 1.125rem;
}

.dashboard .search-module-toolbar > li:last-child {
  height: 100%;
  line-height: 45px;
  line-height: 4.5rem;
}

.search-module-toolbar li {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  line-height: 45px;
  line-height: 4.5rem;
  display: block;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .search-module-toolbar li {
    white-space: nowrap;
    padding: 0 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

.search-module-toolbar [type=submit] {
  border: none;
}

.search-module-toolbar .input-group select {
  width: 100%;
}

.search-module-toolbar li.search-results-count {
  padding-right: 0;
}

.search-module-toolbar form {
  display: inline-block;
}

.search-module-toolbar .input-group {
  text-align: left;
  padding: 0;
  display: inline-block;
  border-left: 2px solid #cbd991;
  border-right: 2px solid #cbd991;
  margin: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .search-module-toolbar .input-group {
    width: auto;
    width: initial;
    margin: 0 0.75rem;
  }
}

.search-module-toolbar .input-group select {
  width: 100%;
  background: transparent;
  padding: 0 7.5px;
  padding: 0 0.75rem;
  margin: 0;
  height: 100%;
  cursor: pointer;
}

.search-module-toolbar .input-group select:focus, .search-module-toolbar .input-group select:hover {
  padding: 0 11.25px 0 4px;
  padding: 0 1.125rem 0 0.4rem;
  background: rgba(255, 255, 255, .5);
  border-bottom-color: transparent;
}

@media screen and (min-width: 768px) {
  .search-module-toolbar .input-group select {
    /*width: 3 * $nh;*/
    padding: 0 1.125rem 0 0.4rem;
  }
}

.is-list-view .card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 11.25px;
  padding: 1.125rem;
}

.is-list-view .card a, .is-list-view .card p, .is-list-view .card li {
  line-height: 1.25;
}

.search-result-item {
  -webkit-transition: outline 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
  transition: outline 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, outline 0.25s ease, box-shadow 0.25s ease;
  transition: transform 0.25s ease, outline 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}

.search-results-list.is-card-view .list-header {
  /*display: none;*/
}

.search-results-list.is-card-view .search-result-item {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.search-results-list.is-card-view .search-result-item:last-child {
  margin-bottom: 0;
}

.search-results-list.is-list-view {
  background: #fff;
  border: 1px solid #e0e2e5;
}

.search-results-list.is-list-view .list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 11.25px;
  padding-left: 1.125rem;
  padding-right: 11.25px;
  padding-right: 1.125rem;
  width: 100%;
}

.search-results-list.is-list-view .list-header li {
  line-height: 45px;
  line-height: 4.5rem;
  font-weight: 600;
  font-style: normal;
}

.search-results-list.is-list-view.business li {
  width: 25% !important;
}

.search-results-list.is-list-view .search-result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 0;
  border-top: 1px #e6e6e6 solid;
}

@media screen and (min-width: 1440px) {
  .search-results-list.is-list-view .search-result-item {
    width: 100%;
    padding-bottom: 1.125rem;
  }
}

.search-results-list.is-list-view .search-result-item:hover {
  z-index: 1;
}

.search-results-list.is-list-view .search-result-item * {
  font-family: inherit;
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: 400;
  color: inherit;
}

.search-results-list.is-list-view .search-result-item footer {
  position: static;
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
}

.search-results-list.is-list-view .search-result-item footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.search-results-list.is-list-view .search-result-item footer li {
  margin: 0;
  white-space: normal;
}

.search-results-list.is-list-view .search-result-item footer li a:before {
  display: none;
}

.search-results-list.is-list-view.business .search-result-item > * {
  width: 25%;
}

.search-results-list.is-list-view.business .search-result-item footer {
  width: 0;
}

.search-results-list.is-list-view .pagination {
  border: 0;
  border-top: 1px solid #e0e2e5;
  margin-top: 0;
}

.search-module.is-boxed {
  border: 1px solid #e0e2e5;
  background: #fff;
}

@media screen and (min-width: 992px) {
  .search-module.is-boxed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.search-module.is-boxed .search {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 50%;
          flex: 3 1 50%;
}

.search-module.is-boxed .input-group {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .search-module.is-boxed .input-group + .input-group {
    border-top: rgba(150, 178, 34, .4) 1px solid;
  }
}

.search-module.is-boxed .input-group.label-box {
  border-right: 1px solid #e0e2e5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.search-module.is-boxed .input-group.label-box label {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  line-height: 45px;
  line-height: 4.5rem;
  padding: 0 11.25px;
  padding: 0 1.125rem;
}

@media screen and (min-width: 768px) {
  .search-module.is-boxed .input-group.label-box label {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .search-module.is-boxed .input-group.label-box label {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .search-module.is-boxed .input-group.label-box label {
    /*font-size: 0.35 * $nh;*/
  }
}

.search-module.is-boxed .input-group:first-child.label-box {
  background: #96b222;
}

.search-module.is-boxed .input-group:first-child.label-box label {
  font-weight: bold;
  color: white;
}

.search-module.is-boxed .input-group.select {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 25%;
          flex: 2 1 25%;
}

.search-module.is-boxed .input-group.select select {
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  width: 100%;
  border: none;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .search-module.is-boxed .input-group.select select {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .search-module.is-boxed .input-group.select select {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .search-module.is-boxed .input-group.select select {
    /*font-size: 0.35 * $nh;*/
  }
}

.search-module.is-boxed .input-group.select select:first-child {
  border-right: 1px solid #e0e2e5;
}

.search-module.is-boxed input {
  margin-bottom: 0;
  border: none;
  background: none;
}

.search-module.is-boxed .searchbox {
  width: 100%;
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  background: none;
}

.search-module.is-boxed .searchbox::-webkit-input-placeholder {
  color: rgba(0, 14, 36, .5);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.search-module.is-boxed .searchbox::-moz-placeholder {
  color: rgba(0, 14, 36, .5);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.search-module.is-boxed .searchbox:-moz-placeholder {
  color: rgba(0, 14, 36, .5);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.search-module.is-boxed .searchbox:-ms-input-placeholder {
  color: rgba(0, 14, 36, .5);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.search-module.is-boxed .searchbox:focus::-webkit-input-placeholder {
  color: rgba(0, 14, 36, .2);
}

.search-module.is-boxed .searchbox:focus::-moz-placeholder {
  color: rgba(0, 14, 36, .2);
}

.search-module.is-boxed .searchbox:focus:-moz-placeholder {
  color: rgba(0, 14, 36, .2);
}

.search-module.is-boxed .searchbox:focus:-ms-input-placeholder {
  color: rgba(0, 14, 36, .2);
}

@media screen and (min-width: 768px) {
  .search-module.is-boxed .searchbox {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .search-module.is-boxed .searchbox {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .search-module.is-boxed .searchbox {
    /*font-size: 0.35 * $nh;*/
  }
}

.search-module.is-boxed .searchbox:focus {
  background: white;
}

.search-module.is-boxed [type=submit] {
  color: white;
  background: #96b222;
  right: -1px;
}

.search-module.is-md {
  border-color: #96b222;
  background: rgba(150, 178, 34, .2);
}

.search-module.is-md .input-group.label-box {
  border-color: #96b222;
}

.search-module.is-md .input-group.select select:first-child {
  border-color: #96b222;
}

.search-module.is-xl {
  border-color: #cccccc;
  border-width: 2px;
}

@media screen and (max-width: 767px) {
  .search-module.is-xl {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .search-module.is-xl .input-group {
    border-bottom: 1px solid #e0e2e5 !important;
  }
}

.search-module.is-xl .input-group.label-box {
  border-width: 2px;
  border-color: #cccccc;
}

@media screen and (max-width: 767px) {
  .search-module.is-xl .input-group.label-box label {
    font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.125rem;
    letter-spacing: 0.1rem;
  }
}

@media screen and (min-width: 768px) {
  .search-module.is-xl .input-group.label-box label {
    height: 5.625rem;
    line-height: 5.625rem;
    font-size: 1.63636rem;
  }
}

.search-module.is-xl .input-group.input-group [type=text] {
  height: 56.25px;
  height: 5.625rem;
  line-height: 56.25px;
  line-height: 5.625rem;
  font-size: 16.363px;
  font-size: 1.63636rem;
}

.search-module.is-xl .input-group.input-group.label-box {
  border-width: 2px;
  border-color: #cccccc;
}

.search-module.is-xl .input-group.input-group.select select {
  height: 56.25px;
  height: 5.625rem;
  line-height: 56.25px;
  line-height: 5.625rem;
  font-size: 16.363px;
  font-size: 1.63636rem;
}

.search-module.is-xl .input-group.input-group.select select:first-child {
  border-width: 2px;
  border-color: #cccccc;
}

.search-results-list .action:before {
  font-size: 1em;
  color: #96b222;
  vertical-align: middle;
}

.search-results-list.is-profile-list.is-list-view .list-header {
  padding-left: 11.25px;
  padding-left: 1.125rem;
  padding-right: 11.25px;
  padding-right: 1.125rem;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(1) {
  width: 56.25px;
  width: 5.625rem;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(2) {
  width: 20%;
  -webkit-box-flex: 4;
      -ms-flex: 4 4 20%;
          flex: 4 4 20%;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(3) {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(4) {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(5) {
  width: 20%;
  -webkit-box-flex: 4;
      -ms-flex: 4 4 20%;
          flex: 4 4 20%;
}

.search-results-list.is-profile-list.is-list-view .list-header li:nth-child(6) {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
}

.search-results-list.is-profile-list.is-list-view .search-result-item {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: unset;
  text-align: left;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.search-results-list.is-profile-list.is-list-view .search-result-item figure {
  overflow: hidden;
  height: 45px;
  height: 4.5rem;
  width: 45px;
  width: 4.5rem;
  text-align: center;
  margin-right: 11.25px !important;
  margin-right: 1.125rem !important;
}

.search-results-list.is-profile-list.is-list-view .search-result-item figure a {
  display: block;
  height: 100%;
  width: 100%;
}

.search-results-list.is-profile-list.is-list-view .search-result-item figure img {
  display: block;
  width: auto;
  height: 100%;
  max-width: unset;
}

.search-results-list.is-profile-list.is-list-view .search-result-item .card-profile-name {
  width: 20%;
  -webkit-box-flex: 4;
      -ms-flex: 4 4 20%;
          flex: 4 4 20%;
}

.search-results-list.is-profile-list.is-list-view .search-result-item h4 {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
  color: inherit;
}

.search-results-list.is-profile-list.is-list-view .search-result-item h4:before {
  content: '';
}

.search-results-list.is-profile-list.is-list-view .search-result-item h4 + ul {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
  display: block;
}

.search-results-list.is-profile-list.is-list-view .search-result-item h4 + ul a:before {
  content: '';
}

.search-results-list.is-profile-list.is-list-view .search-result-item h4 + ul .data {
  letter-spacing: 0;
}

.search-results-list.is-profile-list.is-list-view .search-result-item h5 {
  display: none;
}

.search-results-list.is-profile-list.is-list-view .search-result-item h5 + p {
  width: 20%;
  -webkit-box-flex: 4;
      -ms-flex: 4 4 20%;
          flex: 4 4 20%;
}

.search-results-list.is-profile-list.is-list-view .search-result-item ul.actions {
  width: 15%;
  -webkit-box-flex: 3;
      -ms-flex: 3 3 15%;
          flex: 3 3 15%;
  position: static;
  padding: 0;
  border: none;
}

.pagination {
  margin-top: 22.5px;
  margin-top: 2.25rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
}

.pagination li {
  display: inline-block;
  line-height: 1;
  border-right: 1px solid #e0e2e5;
}

.pagination li a {
  padding: 0 11.25px;
  padding: 0 1.125rem;
  line-height: 45px;
  line-height: 4.5rem;
  border-bottom: 0;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  display: inline-block;
  cursor: pointer;
}

.pagination li a:hover {
  border-bottom: 0;
}

.pagination li a:hover {
  background-color: #f2f2f2;
}

.pagination li a:active {
  background-color: #e6e6e6;
}

.pagination li a.active {
  background-color: rgba(150, 178, 34, .2);
}

.pagination li a.active:before {
  color: #96b222;
}

.pagination li span {
  padding: 0 11.25px;
  padding: 0 1.125rem;
  line-height: 45px;
  line-height: 4.5rem;
  border-bottom: 0;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  display: inline-block;
  cursor: pointer;
}

.pagination li.current-page a {
  background-color: rgba(150, 178, 34, .2);
}

.pagination li.current-page a:before {
  color: #96b222;
}

.pagination li.jump-to-page {
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 11.25px;
  padding: 0 1.125rem;
  line-height: 45px;
  line-height: 4.5rem;
}

.pagination li.jump-to-page select {
  border-bottom: 1px #e6e6e6 solid;
}

.pagination li:last-child {
  border-right: 0;
}

section#pricing {
  display: block;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

section#pricing:after {
  content: "";
  display: table;
  clear: both;
}

section#pricing:last-child {
  margin-right: 0;
}

.pricing-table {
  border: 1px #e0e2e5 solid;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.pricing-table:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .pricing-table {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .pricing-table:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .pricing-table {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .pricing-table:last-child {
    margin-right: 0;
  }
}

.pricing-table:nth-child(2) {
  border-color: #96b222;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.pricing-table:nth-child(2):last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .pricing-table:nth-child(2) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .pricing-table:nth-child(2):last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .pricing-table:nth-child(2) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .pricing-table:nth-child(2):last-child {
    margin-right: 0;
  }
}

.pricing-employer .pricing-table:nth-child(2) {
  border-color: #e93442;
}

.pricing-table:nth-child(2) ul li:not(:last-child):after {
  background: #96b222;
}

.pricing-employer .pricing-table:nth-child(2) ul li:not(:last-child):after {
  background: #e93442;
}

.pricing-table.coming-soon {
  opacity: 0.8;
}

.pricing-table figure {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 180px;
  height: 18rem;
}

.pricing-table figure:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pricing-table figure:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.pricing-table figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  margin: 0 auto;
}

.pricing-table figure figcaption {
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  left: 22.5px;
  left: 2.25rem;
  color: #fff;
}

.pricing-table figure figcaption h2 {
  color: #96b222;
  font-size: 45px;
  font-size: 4.5rem;
}

.pricing-employer .pricing-table figure figcaption h2 {
  color: #e93442;
}

.pricing-table figure figcaption h2 span {
  font-size: 11.25px;
  font-size: 1.125rem;
}

.pricing-table ul {
  background-color: rgba(242, 242, 242, .5);
}

.pricing-table ul li {
  padding: 11.25px;
  padding: 1.125rem;
  text-align: center;
}

.pricing-table ul li:not(:last-child):after {
  content: '';
  display: block;
  margin: auto;
  position: relative;
  bottom: -12px;
  width: 75%;
  height: 1px;
  background: #e0e2e5;
}

.pricing-table footer {
  background-color: #000e24;
  color: white;
  text-align: center;
  padding: 22.5px 0;
  padding: 2.25rem 0;
}

.pricing-table footer .details {
  color: #e6e6e6;
  display: inline-block;
  margin-top: 11.25px;
  margin-top: 1.125rem;
  padding: 0 11.25px;
  padding: 0 1.125rem;
}

.pricing-employer .pricing-table footer a:hover {
  border-bottom-color: #e93442;
}

article.readmore {
  /*max-height: none;*/
  /*height: 10 * $nh;*/
  /*overflow: hidden;*/
}

.readmore-fade {
  width: 100%;
  height: 100px;
  height: 10rem;
  margin-top: -90px;
  margin-top: -9rem;
  position: relative;
  z-index: 1;
  display: block;
  background-color: transparent;
  background: -webkit-linear-gradient(transparent, #fff);
  background: linear-gradient(transparent, #fff);
}

article.readmore {
  /*max-height: none;*/
  /*height: 10 * $nh;*/
  /*overflow: hidden;*/
}

.readmore-fade {
  width: 100%;
  height: 100px;
  height: 10rem;
  margin-top: -90px;
  margin-top: -9rem;
  position: relative;
  z-index: 1;
  display: block;
  background-color: transparent;
  background: -webkit-linear-gradient(transparent, #fff);
  background: linear-gradient(transparent, #fff);
}

.bg {
  fill: none;
}

#map-outline {
  pointer-events: none;
}

.outline-partial {
  fill: none;
  stroke: #fff;
  stroke-width: 0.4;
  stroke-miterlimit: 10;
}

.region-block {
  fill: #fff;
  fill-opacity: 0.18;
  stroke: #fff;
  stroke-width: 0.2;
  stroke-miterlimit: 10;
  pointer-events: all;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.region rect:nth-child(2) {
  fill: #96b222;
  stroke: none;
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.region.label-left text {
  text-anchor: end;
}

.region.label-left .region-job-count,
.region.label-left rect {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.region .region-tag {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.region text {
  fill: #fff;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-size: 12px;
  opacity: 0.5;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.region .region-name {
  font-family: 'avenir' , 'Futura' , sans-serif;
  font-size: 8px;
  opacity: 0.8;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  opacity: 0.3;
}

.region .region-job-count {
  letter-spacing: 0.3px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.region.label-left:hover rect, .region.label-left.is-active rect {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.region:hover, .region.is-active, .region.is-current {
  cursor: pointer;
}

.region:hover .region-tag, .region.is-active .region-tag, .region.is-current .region-tag {
  -webkit-transform: none;
          transform: none;
}

.region:hover .region-block, .region.is-active .region-block, .region.is-current .region-block {
  fill: #96b222;
  fill-opacity: 0.67;
  stroke: #fff;
  stroke-width: 0.4;
  stroke-miterlimit: 10;
  -webkit-transform: none;
          transform: none;
}

.region:hover rect, .region.is-active rect, .region.is-current rect {
  opacity: 0.67;
  -webkit-transform: none;
          transform: none;
}

.region:hover text, .region.is-active text, .region.is-current text {
  opacity: 1;
}

.region:hover .region-job-count, .region.is-active .region-job-count, .region.is-current .region-job-count {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.Employee .region.is-active rect,
.location .region.is-active rect {
  opacity: 0.3;
}

.Employee .region.is-active .region-block,
.location .region.is-active .region-block {
  fill-opacity: 0.4;
}

.Employee .region.is-current rect,
.location .region.is-current rect {
  opacity: 0.8;
}

.Employee .region.is-current .region-block,
.location .region.is-current .region-block {
  fill-opacity: 1;
}

.picker {
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.picker__input {
  cursor: default;
}

.input-group.info input.picker__input.picker__input--active {
  border-color: transparent;
  border-bottom-color: #96b222;
}

.input-group.info input.picker__input:focus {
  padding: 0;
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 0s 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  -webkit-transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 0s 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1), transform 0s 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1), transform 0s 0.75s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 0s 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  -webkit-backface-visibility: hidden;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__frame, .picker__holder {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.75s cubic-bezier(0.2, 1, 0.2, 1);
}

.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
  .picker__wrap {
    display: block;
  }
}

.picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24);
  }
}

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
  .picker__box {
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}

.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  zoom: 1;
  background: rgba(0, 0, 0, .32);
  -webkit-transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1);
  transition: background 0.75s cubic-bezier(0.2, 1, 0.2, 1);
}

.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}

.picker__footer, .picker__header, .picker__table {
  text-align: center;
  -webkit-font-feature-settings: 'onum' 1;
          font-feature-settings: 'onum' 1;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
}

.picker__day--highlighted, .picker__select--month:focus, .picker__select--year:focus {
  border-color: #96b222;
}

.picker__box {
  /*padding: 0 1em*/
}

.picker__header {
  position: relative;
  margin-top: .75em;
}

.picker__month, .picker__year {
  font-weight: 600;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

.picker__year {
  color: #999;
  font-style: italic;
}

.basic-information-form .input-group.info select.picker__select--month, .basic-information-form .input-group.info select.picker__select--year {
  border: 1px solid transparent;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
  font-size: 16.18px;
  font-size: 1.618rem;
}

.basic-information-form .input-group.info select.picker__select--month {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
}

.basic-information-form .input-group.info select.picker__select--year {
  -webkit-font-feature-settings: 'onum' 1;
          font-feature-settings: 'onum' 1;
}

.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -.25em;
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -.5em;
  }
  .picker__nav--next, .picker__nav--prev {
    top: -.33em;
  }
  .picker__nav--prev {
    padding-right: 1.5em;
  }
  .picker__nav--next {
    padding-left: 1.5em;
  }
}

.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: .75em solid #000;
}

.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover {
  color: #000;
  cursor: pointer;
  background: #b1dcfb;
}

.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}

.picker__table td {
  margin: 0;
  padding: 0;
  color: white;
}

.picker__weekday {
  width: 14.285714286%;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500;
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}

.picker__day {
  padding: .6em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: .5em solid #0059bc;
  border-left: .5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaa;
}

.picker__day--outfocus {
  color: #ddd;
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
  background: #96b222;
  color: #fff;
}

.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: rgba(255, 255, 255, .4) !important;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}

.picker__button--clear, .picker__button--close, .picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  padding: .66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #96b222;
  outline: 0;
}

.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--clear:before, .picker__button--today:before {
  content: " ";
  margin-right: .45em;
}

.picker__button--today:before {
  top: -.05em;
  width: 0;
  border-top: .66em solid #0059bc;
  border-left: .66em solid transparent;
}

.picker__button--clear:before {
  top: -.25em;
  width: .66em;
  border-top: 3px solid #e20;
}

.picker__button--close:before {
  content: "\D7";
  top: -.1em;
  vertical-align: top;
  margin-right: .35em;
  color: #777;
}

.picker__button--today[disabled], .picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}

.picker__box {
  padding: 0;
  background-color: #000e24;
  color: white;
  background: #000e24;
  font-family: "brandon-grotesque", "Avenir Next", "futura", "Helvetica Neue", "Segoe UI", sans-serif;
}

.picker__box > * {
  padding: 0 22.5px;
  padding: 0 2.25rem;
}

.picker__header {
  margin-top: 0;
  padding: 22.5px;
  padding: 2.25rem;
}

.picker__select--year {
  width: 22.5% !important;
}

.picker__select--month {
  width: 35% !important;
}

.picker__select--month, .picker__select--year {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 7.5px !important;
  padding: 0 0.75rem !important;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #96b222 !important;
  color: #fff !important;
  font-weight: 700;
}

.picker__nav--next,
.picker__nav--prev {
  top: 1em;
}

.picker__nav--next:before,
.picker__nav--prev:before {
  border-right-color: #fff;
}

.picker__nav--next:hover,
.picker__nav--prev:hover {
  background-color: rgba(255, 255, 255, .05);
}

.picker__nav--next {
  right: 0;
}

.picker__nav--next:before {
  border-left-color: #fff;
}

.picker__nav--prev {
  left: 0;
}

.picker__table {
  padding: 22.5px;
  padding: 2.25rem;
  border-top: 22.5px solid rgba(255, 255, 255, 0);
  border-top: 2.25rem solid rgba(255, 255, 255, 0);
  border-bottom: 22.5px solid rgba(255, 255, 255, 0);
  border-bottom: 2.25rem solid rgba(255, 255, 255, 0);
  margin: 0;
  background-color: rgba(255, 255, 255, .05);
}

.picker__weekday {
  color: #96b222;
}

.picker__day.picker__day--outfocus {
  color: rgba(255, 255, 255, .2);
}

.picker__day--outfocus:hover,
.picker__day--infocus:hover,
.picker--focused:hover,
.picker__day--highlighted:hover {
  background-color: rgba(255, 255, 255, .05);
  color: #fff;
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
  background: rgba(255, 255, 255, .2);
  font-weight: 700;
}

.picker--focused .picker__day--highlighted {
  background-color: rgba(255, 255, 255, .2);
  color: #fff;
  font-weight: 700;
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
  background-color: rgba(0, 14, 36, .9);
  border-color: transparent;
  color: rgba(255, 255, 255, .05);
  cursor: default;
}

.picker__day--today:before, .picker__button--today:before {
  border-top-color: #96b222;
}

.picker__footer {
  background-color: rgba(255, 255, 255, .05);
  padding: 0;
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
  background: transparent;
  width: 33.3%;
  border: 0px;
}

.picker__button--clear:hover, .picker__button--clear:focus,
.picker__button--close:hover,
.picker__button--close:focus,
.picker__button--today:hover,
.picker__button--today:focus {
  background-color: rgba(255, 255, 255, .05);
  color: #fff;
}

.picker__button--today[disabled], .picker__button--today[disabled]:hover {
  background-color: rgba(0, 14, 36, .9);
  border-color: transparent;
  color: rgba(255, 255, 255, .05);
  cursor: default;
}

.picker__button--clear:before {
  border-top-color: #e93442;
}

.picker__button--close:before {
  top: 0;
}

.site-logo {
  position: relative;
}

.site-logo:after {
  content: 'beta';
  text-indent: 0;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  position: absolute;
  top: 0;
  opacity: 0.4;
  letter-spacing: 0;
  font-size: 7.5px;
  font-size: 0.75rem;
  right: 0;
  line-height: 1;
}

.mobile-site-logotype a:after {
  content: 'beta';
  text-indent: 0;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  /*position: absolute;*/
  /*top: 0;*/
  vertical-align: super;
  opacity: 0.4;
  letter-spacing: 0;
  font-size: 7.5px;
  font-size: 0.75rem;
  /*left: 100%;*/
  line-height: 1;
}

.site-footer sup {
  opacity: 0.5;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 61.8%;
}

/*

UNIVERSAL STYLES
----------------

*/
.page-title-tag {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.page-title-tag + .page-title {
  margin-top: 0;
  line-height: 1;
}

.page-section {
  padding: 45px 0;
  padding: 4.5rem 0;
  position: relative;
  text-align: center;
}

.page-section h2 {
  margin-top: 0;
  font-size: 27.81px;
  font-size: 2.781rem;
}

.page-section .section-content {
  position: relative;
  min-height: 100%;
  margin: 0 11.25px;
  margin: 0 1.125rem;
  display: block;
}

@media screen and (min-width: 768px) {
  .page-section .section-content {
    margin: 0 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  .page-section .section-content {
    margin: 0 4.5rem;
  }
}

.page-section .section-content:after {
  content: "";
  display: table;
  clear: both;
}

.page-section#companies {
  padding-bottom: 67.5px;
  padding-bottom: 6.75rem;
}

.section-title {
  position: relative;
}

.page-hero-banner {
  background-color: #000e24;
  color: white;
  position: relative;
  background: url("../images/landing-page-images/canterbury-plains.jpg") no-repeat;
  background-position: 50% 23%;
  background-size: cover;
  text-align: center;
}

.page-hero-banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-hero-banner:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

@media screen and (min-width: 768px) {
  .page-hero-banner {
    font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
  }
}

body.general #primary-container {
  padding: 11.25px;
  padding: 1.125rem;
}

@media screen and (min-width: 768px) {
  body.general #primary-container {
    padding: 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  body.general #primary-container {
    padding: 4.5rem;
  }
}

body.general #primary-container form select,
body.general #primary-container form input[type="text"],
body.general #primary-container form input[type="email"],
body.general #primary-container form input[type="date"],
body.general #primary-container form input[type="password"],
body.general #primary-container form textarea {
  width: 100%;
}

body.general #primary-container .map {
  padding: 45px;
  padding: 4.5rem;
}

body.general .page-hero-banner .logo-std {
  margin: 22.5px 0 11.25px;
  margin: 2.25rem 0 1.125rem;
  text-align: center;
  display: inline-block;
  margin-top: 90px;
  margin-top: 9rem;
  padding: 0 45px 45px;
  padding: 0 4.5rem 4.5rem;
  position: relative;
}

body.general .page-hero-banner .page-title {
  font-size: 30px;
  font-size: 3rem;
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  padding-bottom: 45px;
  padding-bottom: 4.5rem;
}

@media screen and (min-width: 768px) {
  body.general .page-hero-banner .page-title {
    letter-spacing: 1rem;
    text-indent: 1rem;
  }
}

body.general article {
  display: block;
}

body.general article:after {
  content: "";
  display: table;
  clear: both;
}

body.general article section {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
  position: relative;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

body.general article section:last-child {
  margin-right: 0;
}

@media screen and (min-width: 992px) {
  body.general article section {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  body.general article section:last-child {
    margin-right: 0;
  }
}

body.general article section figure.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 300px;
  min-height: 30rem;
}

body.general article section figure.bg-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.general article section figure.bg-image:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

body.general article section.has-background {
  padding: 22.5px;
  padding: 2.25rem;
}

body.general article section.has-background {
  color: #fff;
}

body.general article section.has-columns ul {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
}

body.general article section.has-columns ul:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  body.general article section.has-columns ul {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  body.general article section.has-columns ul:last-child {
    margin-right: 0;
  }
}

body.general article section.dark {
  background: #1a263a;
  color: #fff;
}

body.general article section:last-child {
  margin-right: 0;
}

body.general article section em {
  background: rgba(150, 178, 34, .2);
  font-style: normal;
}

body.general article section h3 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  color: #96b222;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

body.general article section h4 {
  margin: 11.25px 0 7.5px;
  margin: 1.125rem 0 0.75rem;
}

body.general article section blockquote {
  font-size: 18px;
  font-size: 1.8rem;
  margin-left: 0;
  width: 85%;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-weight: 400;
  background: #eaf0d3;
  padding: 1em;
  border-left: 3px #96b222 solid;
}

body.general article section p {
  margin-bottom: 7.5px;
  margin-bottom: 0.75rem;
}

body.general article section figure.bg-image {
  position: relative;
  width: 100%;
  height: 350px;
  height: 35rem;
  overflow: hidden;
}

body.general article section figure.bg-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

#floating-action-button {
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, .15);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  padding: 22.5px;
  padding: 2.25rem;
  position: fixed;
  bottom: 45px;
  bottom: 4.5rem;
  right: 45px;
  right: 4.5rem;
  background-color: #96b222;
  color: #fff;
  z-index: 2017;
  opacity: 0.7;
}

#floating-action-button:hover {
  background-color: #a1ba38;
  opacity: 1;
}

section#faq-search {
  padding: 45px;
  padding: 4.5rem;
  background: #1a263a;
}

section#faq-search p {
  color: #fff;
}

section#faq-search h4 {
  color: #96b222;
}

.is-404 .page-hero-banner {
  height: 720px;
  height: 100vh;
}

.is-404 .page-hero-banner span.site-logo {
  display: inline-block;
  content: 'New Zealand Job Finder';
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background: url("../images/logo.svg") no-repeat;
  background-size: cover;
  height: 101.25px;
  height: 10.125rem;
  width: 101.25px;
  width: 10.125rem;
}

.is-404 .page-hero-banner h1 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 42.358px;
  font-size: 4.2358rem;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px dotted white;
}

.is-404 .page-hero-banner p {
  text-transform: none;
  letter-spacing: 0;
  font-size: 22.652px;
  font-size: 2.2652rem;
  margin-bottom: 1em;
}

.is-404 .page-hero-banner .banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  min-width: 251.188px;
  min-width: 25.11881rem;
  max-width: 657.591px;
  max-width: 65.75915rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.landing-page .modal-backdrop {
  background-color: #1a263a;
}

@-webkit-keyframes homeStartBGRotate {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes homeStartBGRotate {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes animPanning {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-1.5%) scale(1.03);
            transform: translateX(-1.5%) scale(1.03);
  }
}

@keyframes animPanning {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-1.5%) scale(1.03);
            transform: translateX(-1.5%) scale(1.03);
  }
}

@-webkit-keyframes animPanningHorizontalReverted {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(2.5%) scale(1.03);
            transform: translateX(2.5%) scale(1.03);
  }
}

@keyframes animPanningHorizontalReverted {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(2.5%) scale(1.03);
            transform: translateX(2.5%) scale(1.03);
  }
}

@-webkit-keyframes animPanningVertical {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(3.5%);
            transform: translateY(3.5%);
  }
}

@keyframes animPanningVertical {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(3.5%);
            transform: translateY(3.5%);
  }
}

#hero-slides {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  background-color: #000e24;
  color: white;
  -webkit-animation: homeStartBGRotate 3s ease-in-out;
  animation: homeStartBGRotate 3s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#hero-slides:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#hero-slides:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

@media screen and (max-width: 767px) {
  #hero-slides {
    height: 100vh;
  }
}

#hero-slides:before {
  z-index: 1;
}

#hero-slides figure {
  display: none;
  height: 103%;
  width: 103%;
  height: calc(100% + 9rem);
  width: calc(100% + 9rem);
  position: absolute;
  top: -1.5%;
  left: -1.5%;
  top: -45px;
  top: -4.5rem;
  left: -45px;
  left: -4.5rem;
  opacity: 0;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: 3s ease;
  transition: 3s ease;
  text-align: left;
  overflow: visible;
}

#hero-slides figure img {
  width: 100%;
  height: 100%;
}

#hero-slides figure figcaption {
  text-align: right;
  position: relative;
  z-index: 1;
  bottom: 78.75px;
  bottom: 7.875rem;
  color: rgba(255, 255, 255, .5);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  font-size: 9px;
  font-size: 0.9rem;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

#hero-slides figure figcaption:before {
  content: 'Photo | ';
}

@media screen and (max-width: 767px) {
  #hero-slides figure figcaption {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #hero-slides figure figcaption {
    right: 2.25rem;
    display: block;
    margin-right: 4.5rem;
    /*top: $nh * -0.75;*/
  }
}

@media screen and (min-width: 992px) {
  #hero-slides figure figcaption {
    right: 4.5rem;
  }
}

#hero-slides figure.is-active {
  display: block;
  z-index: 0;
}

#hero-slides figure.is-in {
  opacity: 1;
}

#hero-slides figure.is-in figcaption {
  opacity: 1;
}

#hero-slides figure.anim-panning.is-active {
  -webkit-animation: animPanning 16s ease-in;
  animation: animPanning 16s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#hero-slides figure.anim-panning.is-horizontal.is-reverted.is-active {
  -webkit-animation: animPanningHorizontalReverted 16s ease-in;
  animation: animPanningHorizontalReverted 16s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#hero-slides figure.anim-panning.is-vertical.is-active {
  -webkit-animation: animPanningVertical 16s ease-in;
  animation: animPanningVertical 16s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#hero-slides:before {
  opacity: 0.9;
}

#hero-slides .hero-slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@supports not ((-o-object-fit: cover) or (object-fit: cover)) {
  #hero-slides .hero-slide-image {
    width: auto;
    height: auto;
  }
  @media screen and (min-width: 992px) {
    #hero-slides .hero-slide-image {
      width: 100%;
      height: 100%;
    }
  }
}

#hero-slides [data-slide-count="0"] {
  background: url("../images/landing-page-images/canterbury-plains.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="1"] {
  background: url("../images/locations/queenstown-wide.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="1"]:before {
  opacity: 0.5;
}

#hero-slides [data-slide-count="2"] {
  background: url("../images/locations/southland-wide.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="2"]:before {
  opacity: 0.5;
}

#hero-slides [data-slide-count="3"] {
  background: url("../images/landing-page-images/Nugget-Point-Southland-Venture-Southland.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="3"]:before {
  opacity: 0.7;
}

#hero-slides [data-slide-count="4"] {
  background: url("../images/locations/bay-of-plenty-wide.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="4"]:before {
  opacity: 0.5;
}

#hero-slides [data-slide-count="5"] {
  background: url("../images/locations/tongariro.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="5"]:before {
  opacity: 0.7;
}

#hero-slides [data-slide-count="6"] {
  background: url("../images/landing-page-images/west-coast.troydraws.com.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="6"]:before {
  opacity: 0.5;
}

#hero-slides [data-slide-count="7"] {
  background: url("../images/locations/otago-wide.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="7"]:before {
  opacity: 0.75;
}

#hero-slides [data-slide-count="8"] {
  background: url("../images/landing-page-images/auckland-dusk.jpg") no-repeat center/cover;
}

#hero-slides [data-slide-count="8"]:before {
  opacity: 1;
}

#welcome-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding-bottom: 22.5px;
  padding-bottom: 2.25rem;
  color: white;
  background: -webkit-linear-gradient(#000e24, rgba(0, 14, 36, .8)) bottom;
  background: linear-gradient(#000e24, rgba(0, 14, 36, .8)) bottom;
  background-size: cover;
  margin-bottom: 0;
}

#welcome-section + div {
  position: relative;
  z-index: 1;
}

#welcome-section .section-content {
  width: 100%;
  z-index: 3;
  position: relative;
}

#welcome-section .section-content h1.site-logo {
  content: 'New Zealand Job Finder';
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background: url("../images/logo.svg") no-repeat;
  background-size: cover;
  height: 101.25px;
  height: 10.125rem;
  width: 101.25px;
  width: 10.125rem;
  margin: 22.5px 0 11.25px;
  margin: 2.25rem 0 1.125rem;
  text-align: center;
  display: inline-block;
}

#welcome-section .section-content > div.main-column {
  margin: 0 auto;
  height: 315px;
  height: 31.5rem;
}

@media screen and (min-width: 768px) {
  #welcome-section .section-content > div.main-column {
    text-align: right;
    margin-top: -9rem;
  }
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column {
    height: auto;
    margin-top: 0;
    text-align: center;
  }
}

#welcome-section .section-content > div.main-column h2 {
  text-align: center;
  font-size: 22.5px;
  font-size: 2.25rem;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#welcome-section .section-content > div.main-column h2 span {
  display: block;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 0.3em;
  /*text-indent: 0.3em;*/
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column h2 span {
    font-size: 2.781rem;
    letter-spacing: 0.38em;
    /*text-indent: $nhthird;*/
    font-size: calc(2vh + 1.8rem);
  }
}

@media screen and (min-height: 640px) {
  #welcome-section .section-content > div.main-column h2 span {
    font-size: calc(12.8px + 1.8rem);
  }
}

@media screen and (min-width: 768px) {
  #welcome-section .section-content > div.main-column h2 {
    text-align: left;
    font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    text-indent: 2px;
    position: absolute;
    font-size: 1.5rem;
    top: 18rem;
  }
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column h2 {
    text-align: center;
    top: 0;
    position: relative;
  }
}

#welcome-section .section-content > div.main-column .map-nz-full-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 50%;
  position: absolute;
  top: 90px;
  top: 9rem;
  right: 15px;
  right: 1.5rem;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column .map-nz-full-container {
    position: static;
    top: auto;
    right: auto;
    text-align: center;
    width: 85%;
    min-width: 29.25rem;
    max-width: 42vh;
    margin: 2vh auto;
  }
}

@media screen and (max-width: 767px) {
  #welcome-section .section-content > div.main-column .map-nz-full-container {
    width: 100%;
    margin-top: 4.95rem;
    margin-bottom: 9rem;
  }
}

@media screen and (max-width: 480px) {
  #welcome-section .section-content > div.main-column .map-nz-full-container {
    margin-top: 5.85rem;
  }
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column .map-nz-full-container object {
    max-height: 50vh;
  }
}

#welcome-section .section-content > div.main-column .welcome-cta-register {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: 315px;
  top: 31.5rem;
  left: 0;
  display: inline-block;
  padding: 11.25px 15px;
  padding: 1.125rem 1.5rem;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.main-column .welcome-cta-register {
    position: relative;
    left: auto;
    top: auto;
  }
}

#welcome-section .section-content > div:not(.main-column) {
  margin-top: -90px;
  margin-top: -9rem;
}

@media screen and (max-width: 767px) {
  #welcome-section .section-content > div:not(.main-column).employee-intro {
    margin-top: 9rem;
  }
  #welcome-section .section-content > div:not(.main-column) .intro-content {
    height: auto !important;
    margin: 0 auto 2.25rem auto !important;
  }
}

@media screen and (min-width: 768px) {
  #welcome-section .section-content > div:not(.main-column) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  #welcome-section .section-content > div:not(.main-column):last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div:not(.main-column) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    margin-right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 0;
  }
  #welcome-section .section-content > div:not(.main-column):last-child {
    margin-right: 0;
  }
}

#welcome-section .section-content > div:not(.main-column) figure {
  display: inline-block;
  width: 112.5px;
  width: 11.25rem;
  height: 112.5px;
  height: 11.25rem;
  top: 16.875px;
  top: 1.6875rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #000e24;
  color: white;
}

#welcome-section .section-content > div:not(.main-column) figure figcaption {
  position: absolute;
  line-height: 30px;
  line-height: 3rem;
  text-align: center;
  bottom: 0;
  width: 100%;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

#welcome-section .section-content > div:not(.main-column) .intro-content {
  padding: 22.5px;
  padding: 2.25rem;
  background: rgba(0, 14, 36, .6);
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

#welcome-section .section-content > div:not(.main-column) .intro-content .pricing {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin: 11.25px 0;
  margin: 1.125rem 0;
}

#welcome-section .section-content > div:not(.main-column) .video {
  display: inline-block;
}

#welcome-section .section-content > div.employee-intro {
  text-align: left;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.employee-intro {
    left: 0;
  }
}

#welcome-section .section-content > div.employee-intro figure {
  background: url("../images/employee-img.jpg") center;
  background-size: cover;
}

#welcome-section .section-content > div.employee-intro figure figcaption {
  background: #96b222;
}

#welcome-section .section-content > div.employee-intro .intro-content {
  margin-left: -22.5px;
  margin-left: -2.25rem;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.employee-intro .intro-content {
    margin: 0 -4.5rem 2.25rem;
    padding: 3rem 2.25rem 3rem 4.5rem;
  }
}

#welcome-section .section-content > div.employee-intro .intro-content .pricing {
  color: #96b222;
}

@media screen and (max-width: 480px) {
  #welcome-section .section-content > div.employee-intro .video {
    margin-left: -1rem;
  }
}

#welcome-section .section-content > div.employer-intro {
  text-align: right;
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.employer-intro {
    right: 0;
  }
}

#welcome-section .section-content > div.employer-intro figure {
  background: url("../images/employer-img.jpg") center;
  background-size: cover;
}

#welcome-section .section-content > div.employer-intro figure figcaption {
  background: #e93442;
}

#welcome-section .section-content > div.employer-intro .intro-content {
  margin-right: -22.5px;
  margin-right: -2.25rem;
}

@media screen and (max-width: 767px) {
  #welcome-section .section-content > div.employer-intro .intro-content {
    margin-right: -1.1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 992px) {
  #welcome-section .section-content > div.employer-intro .intro-content {
    margin: 0 -4.5rem 2.25rem;
    padding: 3rem 4.5rem 3rem 2.25rem;
  }
}

#welcome-section .section-content > div.employer-intro .intro-content .pricing {
  color: #e93442;
}

@media screen and (max-width: 480px) {
  #welcome-section .section-content > div.employer-intro .video {
    margin-right: -1rem;
  }
}

#page-content-homepage .page-section {
  margin-bottom: 0;
}

#page-content-homepage .page-section:first-child {
  background-color: #d9d9d9;
}

#page-content-homepage .page-section:first-child:before {
  height: 0;
  width: 0;
  border-bottom: 22.5px solid #d9d9d9;
  border-bottom: 2.25rem solid #d9d9d9;
  border-left: 22.5px solid transparent;
  border-left: 2.25rem solid transparent;
  border-right: 22.5px solid transparent;
  border-right: 2.25rem solid transparent;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#page-content-homepage .page-section a.btn {
  margin-top: 22.5px;
  margin-top: 2.25rem;
}

#page-content-homepage .page-section.home-search-module {
  padding: 11.25px;
  padding: 1.125rem;
}

@media screen and (min-width: 992px) {
  #page-content-homepage .page-section.home-search-module {
    padding: 1.125rem 4.5rem;
  }
}

.page-section:nth-child(odd) {
  background-color: #f2f2f2;
}

.page-section:nth-child(odd) a.btn {
  background-color: #e93442;
}

.page-section:nth-child(odd) a.btn:hover {
  background-color: #f0717b;
}

.page-section:nth-child(odd) a.btn:active {
  background-color: #d22f3b;
}

#featured-businesses .companies-showcase {
  margin: 20px 0 0 0;
  margin: 2rem 0 0 0;
}

@media screen and (min-width: 768px) {
  #featured-businesses .companies-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#featured-businesses .companies-showcase figure {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  text-align: center;
}

#featured-businesses .companies-showcase figure a {
  display: inline-block;
  vertical-align: middle;
  border: 1px transparent solid;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

#featured-businesses .companies-showcase figure a:hover {
  background: rgba(255, 255, 255, .4);
  border-color: #e0e2e5;
}

#featured-businesses .companies-showcase figure img {
  max-height: 110.89px;
  max-height: 11.08901rem;
  vertical-align: middle;
}

.nz-name {
  white-space: nowrap;
}

.fern-d {
  display: inline-block !important;
  width: 0.6em;
  position: relative;
  -webkit-transform: translate(0.06em, 0.095em);
          transform: translate(0.06em, 0.095em);
  margin-left: 0.1em;
  vertical-align: baseline;
  height: 1em;
  background: url("../images/fern-d.svg") no-repeat bottom;
  background-size: contain;
  color: transparent;
}

.premium-package {
  background: url("../images/image-hospitality-staff.jpg") center;
  background-size: cover;
  padding-bottom: 90px;
  padding-bottom: 9rem;
}

.premium-package:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.premium-package:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.premium-package h2:before {
  content: url("../images/logo-fern.svg");
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.premium-package .section-content {
  color: white;
  text-shadow: 0 0 0.3em #000e24;
}

.premium-package .section-content p {
  max-width: 657.591px;
  max-width: 65.75915rem;
  margin: 1em auto;
}

.home-page-jobs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-page-jobs:after {
  display: none !important;
}

.home-page-jobs .card {
  /*@include span-columns(12);*/
  text-align: left;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .home-page-jobs .card {
    width: 45%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

@media screen and (min-width: 992px) {
  .home-page-jobs .card {
    width: 30%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.premium-pkg-notifier {
  display: none;
  background-color: #000e24;
  position: fixed;
  bottom: -1px;
  right: 0;
  box-shadow: 0 2.25rem 9rem rgba(0, 14, 36, .4);
  border: 1px solid #96b222;
  padding: 0;
  z-index: 2017;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 1.7s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition: 1.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.premium-pkg-notifier.animating {
  display: block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.premium-pkg-notifier.in {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.premium-pkg-notifier header {
  position: relative;
  color: white;
  background: url("../images/image-hospitality-staff.jpg") center;
  background-size: cover;
  text-shadow: 0 0 0.3em #000e24;
  padding: 11.25px;
  padding: 1.125rem;
}

.premium-pkg-notifier header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.premium-pkg-notifier header:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.premium-pkg-notifier header h3 {
  position: relative;
  margin-top: 0;
  margin-right: 68.535px;
  margin-right: 6.85353rem;
  font-size: 16.18px;
  font-size: 1.618rem;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .premium-pkg-notifier header h3 {
    font-size: 2.2652rem;
  }
}

.premium-pkg-notifier .section-content {
  display: none;
  position: relative;
  padding: 11.25px;
  padding: 1.125rem;
  color: white;
}

.premium-pkg-notifier .section-content p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .premium-pkg-notifier {
    -webkit-transform: none;
            transform: none;
    width: 31.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .premium-pkg-notifier {
    right: 4.5rem;
  }
}

.premium-pkg-notifier footer {
  background: #1a263a;
}

@media screen and (min-width: 768px) {
  .premium-pkg-notifier footer {
    padding: 1.125rem;
  }
}

.premium-pkg-notifier .btn-dismisser {
  display: inline-block;
  color: white;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  position: relative;
  cursor: pointer;
}

.premium-pkg-notifier .btn-dismisser:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.premium-pkg-notifier .btn-dismisser:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .premium-pkg-notifier .btn-dismisser {
    position: absolute;
    bottom: 1.125rem;
    right: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .premium-pkg-notifier .section-content {
    display: block;
  }
}

.registration-form {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.registration-form:after {
  content: "";
  display: table;
  clear: both;
}

.registration-form section {
  display: block;
  border-bottom: 1px solid #e0e2e5;
}

.registration-form section:after {
  content: "";
  display: table;
  clear: both;
}

.registration-form section > header,
.registration-form section > div,
.registration-form section > footer {
  margin-left: 8.5298%;
  border-left: 1px solid #e0e2e5;
  padding: 22.5px;
  padding: 2.25rem;
}

@media screen and (min-width: 768px) {
  .registration-form section > header,
  .registration-form section > div,
  .registration-form section > footer {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .registration-form section > header:last-child,
  .registration-form section > div:last-child,
  .registration-form section > footer:last-child {
    margin-right: 0;
  }
}

.registration-form section > header h3 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: #96b222;
  margin-bottom: 0;
}

.registration-form section > header h4 {
  margin-top: 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-weight: 700;
}

.registration-form section > div {
  padding-top: 0;
}

.registration-form section.one .section-content .card {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin-right: 22.5px;
  margin-right: 2.25rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .registration-form section.one .section-content .card {
    width: calc(50% - 2.25rem);
  }
}

.registration-form section.one .section-content .card:last-child {
  margin-right: 0;
}

.registration-form section.one .section-content .card .banner {
  background-color: #000e24;
  color: white;
  height: 225px;
  height: 22.5rem;
  position: relative;
}

.registration-form section.one .section-content .card .banner h5 {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-weight: 600;
  text-shadow: 0 0 0.5em #000e24;
}

.registration-form section.one .section-content .card .card-content {
  padding: 11.25px;
  padding: 1.125rem;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"] {
  visibility: hidden;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"] + label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"] + label span {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(150, 178, 34, .8);
  color: #fff;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  text-align: center;
  opacity: 0;
  padding: 11.25px 11.25px 11.25px 45px;
  padding: 1.125rem 1.125rem 1.125rem 4.5rem;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"] + label .icon-1 {
  color: #fff;
  position: absolute;
  right: 70px;
  right: 7rem;
  top: 0;
  z-index: 1;
  opacity: 0;
  padding: 10px 11.25px 10px 11.25px;
  padding: 1rem 1.125rem 1rem 1.125rem;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"]:checked + label {
  outline: 3px #96b222 solid;
}

.registration-form section.one .section-content .card .card-content [name="register-user-type"]:checked + label span, .registration-form section.one .section-content .card .card-content [name="register-user-type"]:checked + label .icon-1 {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  opacity: 1;
}

.registration-form section.one .section-content .card .card-content li + li {
  margin-top: 0.5em;
}

.registration-form section.one .section-content .card .card-content li:before {
  float: left;
  margin-top: 0.2em;
}

.registration-form section.one .section-content .card .card-content li span {
  display: block;
  overflow: hidden;
}

.registration-form section.one .section-content .card .card-content p {
  margin: 0;
}

.registration-form section.one .section-content .card .card-content footer {
  background: #96b222;
  color: white;
  font-weight: 500;
}

.registration-form section.one .section-content .card.employee .banner {
  background: url("../images/employee-img.jpg");
  background-size: cover;
}

.registration-form section.one .section-content .card.employee .banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.registration-form section.one .section-content .card.employee .banner:before {
  background-color: rgba(150, 178, 34, .3);
  background-image: -webkit-linear-gradient(top, rgba(150, 178, 34, .3), rgba(0, 14, 36, .05));
  background-image: -webkit-linear-gradient(top,rgba(150, 178, 34, .3), rgba(0, 14, 36, .05));
  background-image: linear-gradient(to bottom,rgba(150, 178, 34, .3), rgba(0, 14, 36, .05));
}

.registration-form section.one .section-content .card.employer .banner {
  background: url("../images/employer-img.jpg");
  background-size: cover;
}

.registration-form section.one .section-content .card.employer .banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.registration-form section.one .section-content .card.employer .banner:before {
  background-color: rgba(233, 52, 66, .3);
  background-image: -webkit-linear-gradient(top, rgba(233, 52, 66, .3), rgba(0, 14, 36, .05));
  background-image: -webkit-linear-gradient(top,rgba(233, 52, 66, .3), rgba(0, 14, 36, .05));
  background-image: linear-gradient(to bottom,rgba(233, 52, 66, .3), rgba(0, 14, 36, .05));
}

.registration-form section.one .section-content .card.employer footer {
  background: #e93442;
}

.registration-form section.three .section-content .user-icon {
  float: left;
  margin-right: 22.5px;
  margin-right: 2.25rem;
}

.registration-form section.three .section-content .basic-information-form {
  display: inline-block;
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
}

.registration-form section.three .section-content .basic-information-form input,
.registration-form section.three .section-content .basic-information-form select,
.registration-form section.three .section-content .basic-information-form textarea {
  width: 100%;
  display: block;
}

@media screen and (min-width: 992px) {
  .registration-form section.three .section-content .basic-information-form input,
  .registration-form section.three .section-content .basic-information-form select,
  .registration-form section.three .section-content .basic-information-form textarea {
    width: auto;
    min-width: 61.8rem;
    max-width: 61.8%;
  }
}

.registration-form section.three .section-content .basic-information-form select[class|=picker__select] {
  display: inline-block;
  width: 59.301px;
  width: 5.93012rem;
  min-width: 0;
  min-width: initial;
  max-width: none;
}

.registration-form section.three .section-content .basic-information-form select[class|=picker__select] + select {
  margin-left: 1em;
}

.registration-form section.three .section-content .basic-information-form hr {
  margin: 27.81px 0;
  margin: 2.781rem 0;
}

.registration-form section.three .section-content .basic-information-form hr.invisible {
  border-color: transparent;
  margin: 15px 0;
  margin: 1.5rem 0;
}

.registration-form section.three .section-content .basic-information-form .skills-list {
  /*min-width: 61.8rem;
                    max-width: 61.8%;*/
}

.registration-form section.five header {
  border: 0;
  margin-bottom: 90px;
  margin-bottom: 9rem;
}

.registration-form section.five li {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}

.registration-form section > footer {
  padding-top: 0;
}

.registration-form [type=submit] {
  font-size: 22.5px;
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  padding: 0.5em 1em;
}

.register-hidden-question {
  display: none;
}

.payment_inputs input,
.payment-coupon-inputs input {
  min-width: 251.188px;
  min-width: 25.11881rem;
  width: 360px;
  width: 36rem;
  max-width: 90%;
}

#couponID {
  font-family: monospace;
}

#contact-details section:not(:last-child) span,
#contact-details section:not(:last-child) a {
  color: #1a263a;
  font-weight: 300;
}

body.northland .page-hero-banner {
  background: url("../images/locations/northland-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.northland .page-hero-banner:before {
  opacity: 0.5;
}

body.northland .page-hero-banner:after {
  content: 'Whangarei Harbor by Russellstreet on Flickr';
}

body.auckland .page-hero-banner {
  background: url("../images/locations/auckland-wide.jpg");
  background-position: 50% 53%;
  background-size: cover;
}

body.auckland .page-hero-banner:before {
  opacity: 0.4;
}

body.waikato .page-hero-banner {
  background: url("../images/locations/waikato-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.waikato .page-hero-banner:before {
  opacity: 0.5;
}

body.waikato .page-hero-banner:after {
  content: 'Bridal Veil Falls by Adam Campbell on Flickr';
}

body.bay-of-plenty .page-hero-banner {
  background: url("../images/locations/bay-of-plenty-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.bay-of-plenty .page-hero-banner:before {
  opacity: 0.5;
}

body.bay-of-plenty .page-hero-banner:after {
  /*content: 'Sunrise at Tauranga Beach by Yile Ou @ troydraws.com';*/
}

body.gisborne .page-hero-banner {
  background: url("../images/locations/gisborne-wide.jpg");
  background-position: 50% 0%;
  background-size: cover;
}

body.gisborne .page-hero-banner:before {
  opacity: 0.5;
}

body.gisborne .page-hero-banner:after {
  content: 'Tolaga Bay, Gisborne, New Zealand';
}

body.hawkes-bay .page-hero-banner {
  background: url("../images/locations/hawkes-bay-wide.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

body.hawkes-bay .page-hero-banner:before {
  opacity: 0.2;
}

body.hawkes-bay .page-hero-banner:after {
  content: '';
}

body.taranaki .page-hero-banner {
  background: url("../images/locations/taranaki-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.taranaki .page-hero-banner:before {
  opacity: 0.3;
}

body.taranaki .page-hero-banner:after {
  content: 'Taranaki by Yile Ou @ troydraws.com';
}

body.whanganui .page-hero-banner {
  background: url("../images/locations/whanganui-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.whanganui .page-hero-banner:before {
  opacity: 0.3;
}

body.whanganui .page-hero-banner:after {
  content: 'Bridge to Nowhere, Whanganui National Park';
}

body.wellington .page-hero-banner {
  background: url("../images/locations/wellington-wide.jpg");
  background-position: 50% 0%;
  background-size: cover;
}

body.wellington .page-hero-banner:before {
  opacity: 0;
}

body.wellington .page-hero-banner:after {
  /*content: 'Taranaki by Yile Ou @ troydraws.com';*/
}

body.marlborough .page-hero-banner {
  background: url("../images/locations/marlborough-wide.jpg");
  background-position: 50% 33%;
  background-size: cover;
}

body.marlborough .page-hero-banner:before {
  opacity: 0.3;
}

body.marlborough .page-hero-banner:after {
  content: 'Picton Harbour by Yile Ou @ troydraws.com';
}

body.nelson .page-hero-banner {
  background: url("../images/locations/nelson-wide.jpg");
  background-position: 50% 33%;
  background-size: cover;
}

body.nelson .page-hero-banner:before {
  opacity: 0.3;
}

body.nelson .page-hero-banner:after {
  content: 'Wharariki Beach, Nelson, North Island, New Zealand';
}

body.tasman .page-hero-banner {
  background: url("../images/locations/tasman-wide.jpg");
  background-position: 50% 75%;
  background-size: cover;
}

body.tasman .page-hero-banner:before {
  opacity: 0.2;
}

body.tasman .page-hero-banner:after {
  content: 'Abel Tasman National Park';
}

body.west-coast .page-hero-banner {
  background: url("../images/locations/west-coast-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.west-coast .page-hero-banner:before {
  opacity: 0.1;
}

body.west-coast .page-hero-banner:after {
  content: 'West Coast by Yile Ou @ troydraws.com';
}

body.canterbury .page-hero-banner {
  background: url("../images/locations/canterbury-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.canterbury .page-hero-banner:before {
  opacity: 0.4;
}

body.canterbury .page-hero-banner:after {
  content: 'Mt. Cook by Yile Ou @ troydraws.com';
}

body.christchurch .page-hero-banner {
  background: url("../images/locations/christchurch-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.christchurch .page-hero-banner:before {
  opacity: 0.8;
}

body.christchurch .page-hero-banner:after {
  content: 'Botantical Gardens and Fountain at Dusk';
  /*content: 'Cathedral of the Blessed Sacrament by Bernard Spragg. NZ on Flickr';*/
}

body.otago .page-hero-banner {
  background: url("../images/locations/otago-wide.jpg");
  background-position: 50% 25%;
  background-size: cover;
}

body.otago .page-hero-banner:before {
  opacity: 0.3;
}

body.otago .page-hero-banner:after {
  content: 'Lake Wanaka Panorama';
}

body.queenstown .page-hero-banner {
  background: url("../images/locations/queenstown-wide.jpg");
  background-position: 50% 38%;
  background-size: cover;
}

body.queenstown .page-hero-banner:before {
  opacity: 0.4;
}

body.queenstown .page-hero-banner:after {
  content: 'Queenstown Aerial View At Dusk';
}

body.southland .page-hero-banner {
  background: url("../images/locations/southland-wide.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

body.southland .page-hero-banner:before {
  opacity: 0.4;
}

body.southland .page-hero-banner:after {
  content: 'Milford Sound, Fjordland, New Zealand';
}

.location-menu-toggle {
  display: block;
  float: left;
  width: 45px;
  width: 4.5rem;
  text-align: center;
  margin: -90px auto 0 auto;
  margin: -9rem auto 0 auto;
  background: #fff;
  border-top: 3px #96b222 solid;
  border-top: 0.3rem #96b222 solid;
  padding: 12px 13px;
  padding: 1.2rem 1.3rem;
  cursor: pointer;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

@media screen and (min-width: 768px) {
  .location-menu-toggle {
    display: none;
  }
}

.location-menu-toggle.is-active {
  background: #96b222;
  color: #fff;
}

body.location .page-hero-banner {
  height: 61.8vh;
  min-height: 300px;
  min-height: 30rem;
}

body.location .page-hero-banner:after {
  position: absolute;
  bottom: 22.5px;
  bottom: 2.25rem;
  right: 22.5px;
  right: 2.25rem;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  opacity: 0.6;
}

@media screen and (min-width: 992px) {
  body.location .page-hero-banner:after {
    right: 4.5rem;
  }
}

body.location .page-hero-banner .title-group {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 290.301px;
  min-width: 29.03017rem;
  width: 85%;
  max-width: 759.987px;
  max-width: 75.99879rem;
  text-shadow: 0 0 0.5em rgba(0, 14, 36, .4);
}

body.location .page-hero-banner .title-group .logo-std {
  display: inline-block;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

body.location .page-hero-banner .title-group .region-name {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  padding-bottom: 0.38em;
  border-bottom: 1px dotted white;
}

@media screen and (max-width: 480px) {
  body.location .page-hero-banner .title-group .region-name {
    text-transform: none;
    letter-spacing: 0;
    text-indent: 0;
  }
}

body.location .page-hero-banner .title-group h3 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  body.location .page-hero-banner .title-group h3 {
    font-size: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
  }
}

body.location .outer-sidebar {
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

body.location .outer-sidebar.is-stuck {
  background-color: rgba(255, 255, 255, .8);
  text-shadow: 0 0 0.5em white;
}

body.location .outer-sidebar h2 {
  text-transform: capitalize;
  margin-bottom: 0;
}

body.location .outer-sidebar h3 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: #96b222;
}

body.location .outer-sidebar h3 + hr {
  border-color: #96b222;
}

body.location .outer-sidebar a {
  border: none;
  line-height: 1.75;
}

body.location .outer-sidebar a:hover {
  border: none;
}

body.location .outer-sidebar p:last-of-type {
  line-height: inherit;
}

body.location aside {
  margin: 0 auto 45px auto;
  margin: 0 auto 4.5rem auto;
}

@media screen and (min-width: 992px) {
  body.location aside {
    margin-right: 0;
  }
}

body.location aside .map-nz {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  vertical-align: top;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

@media screen and (min-width: 768px) {
  body.location aside .map-nz {
    max-width: 27rem;
  }
}

@media screen and (min-width: 992px) {
  body.location aside .map-nz {
    display: block;
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) {
  body.location aside {
    width: 36rem;
    float: right;
    text-align: right;
  }
}

body.location article {
  position: relative;
}

@media screen and (max-width: 767px) {
  body.location article {
    margin: 1.125rem;
  }
}

@media screen and (min-width: 992px) {
  body.location article {
    margin-left: 4.5rem;
  }
}

body.location article > section,
body.location article figure,
body.location article aside {
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
  position: relative;
}

@media screen and (min-width: 992px) {
  body.location article > section {
    max-width: 75.99879rem;
  }
}

body.location article > section em {
  background: rgba(150, 178, 34, .2);
  font-style: normal;
}

body.location article > section h3 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  letter-spacing: 0.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  color: #96b222;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

body.location article > section h4 {
  margin: 11.25px 0 7.5px 0;
  margin: 1.125rem 0 0.75rem 0;
}

body.location article > section blockquote {
  font-size: 18px;
  font-size: 1.8rem;
  margin-left: 0;
  width: 85%;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  font-weight: 400;
  color: #0f1e24;
  max-width: 469.708px;
  max-width: 46.97082rem;
  background: rgba(150, 178, 34, .2);
  padding: 1em;
  border-left: 2px solid #96b222;
}

body.location article > section p {
  margin-bottom: 7.5px;
  margin-bottom: 0.75rem;
}

body.location article > figure img {
  width: 100%;
}

@media screen and (min-width: 992px) {
  body.location article > figure.location-half-pano {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: -4.5rem;
  }
  body.location article > figure.location-half-pano:last-child {
    margin-right: 0;
  }
}

body.location article > figure.location-pano {
  position: relative;
}

body.location article > figure.location-pano img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  body.location article > figure.location-pano {
    width: calc(100% + 20.25rem);
    left: -19.125rem;
  }
}

@media screen and (min-width: 992px) {
  body.location article > figure.location-pano {
    width: calc(100% + 31.5rem);
    left: -27rem;
  }
}

body.location article > figure.location-pano figcaption {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  body.location article > figure.location-pano figcaption {
    margin-right: 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  body.location article > figure.location-pano figcaption {
    margin-right: 4.5rem;
  }
}

body.location article > figure figcaption {
  text-align: right;
  margin-top: 22.5px;
  margin-top: 2.25rem;
  line-height: 1.3;
  right: 0;
}

@media screen and (min-width: 992px) {
  body.location article > figure figcaption {
    position: absolute;
    top: 100%;
  }
}

body.location article > figure figcaption * {
  font-size: 11.25px;
  font-size: 1.125rem;
}

body.location article > figure figcaption h5 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  margin-bottom: 0.3em;
}

body.location article > figure figcaption p {
  line-height: inherit;
  margin-bottom: 0.3em;
}

body.location article > figure figcaption .author {
  font-weight: 600;
}

.region-btn {
  position: relative;
  overflow: hidden;
  padding: 22.5px;
  padding: 2.25rem;
}

.region-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.region-btn:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.region-btn:before {
  z-index: -1;
  background: rgba(26, 38, 58, .8);
}

.region-btn figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  min-height: 300px;
  min-height: 30rem;
}

.region-btn figure .region-map {
  max-width: 65px;
  max-width: 6.5rem;
  top: -10px;
  top: -1rem;
  left: 22.5px;
  left: 2.25rem;
  z-index: 1;
  min-height: 0;
  min-height: initial;
  width: 100%;
}

.region-btn figure .region-map object {
  max-height: 50vh;
}

.region-btn figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  position: relative;
  top: -50%;
}

.region-btn h3 {
  margin-bottom: 0 !important;
  padding-left: 67.5px;
  padding-left: 6.75rem;
}

.region-info {
  display: none;
  border-bottom: 1px #e0e2e5 solid;
  padding: 22.5px;
  padding: 2.25rem;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  background-color: #fff;
}

.region.is-active .region-info {
  display: block;
}

.region-info:hover {
  outline-color: #96b222;
  box-shadow: 0 1rem 3rem -0.7rem rgba(0, 14, 36, .05);
}

.region-info ul li {
  font-weight: 700;
}

.region-info a {
  float: right;
}

.region-info blockquote {
  height: 90px;
  height: 9rem;
  overflow: hidden;
  position: relative;
}

.region-info blockquote:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  height: 4.5rem;
  background-color: transparent;
  background: -webkit-linear-gradient(transparent, #fff);
  background: linear-gradient(transparent, #fff);
}

.nzregions #primary-container article:first-child {
  margin-right: 45px;
  margin-right: 4.5rem;
}

.nzregions #primary-container article:last-child {
  position: relative;
  border-left: 1px #e0e2e5 solid;
  border-right: 1px #e0e2e5 solid;
}

.nzregions #primary-container article:last-child .region {
  margin-bottom: 2.25px;
  margin-bottom: 0.225rem;
}

.nzregions #primary-container article:last-child h1 {
  padding-left: 22.5px;
  padding-left: 2.25rem;
}

.nzregions #primary-container .map {
  width: 630px;
  width: 63rem;
  margin: 0 auto;
}

.location-fancy-list li {
  line-height: 1.25;
}

.location-fancy-list li a {
  line-height: inherit;
  position: relative;
}

.location-fancy-list li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.location-fancy-list li a:hover:after {
  width: 100%;
}

.location-fancy-list li.location a {
  color: #96b222;
  font-weight: 700;
}

.location-fancy-list li + li {
  margin-top: 0.5em;
}

html, body {
  overflow-x: hidden;
}

#primary-container {
  padding: 45px 0 0;
  padding: 4.5rem 0 0;
  margin-bottom: 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  #primary-container {
    padding: 5.625rem 1.125rem 9rem;
  }
}

@media screen and (min-width: 992px) {
  #primary-container {
    padding: 6.75rem 2.25rem 4.5rem;
    margin-bottom: 4.5rem;
  }
}

@media screen and (min-width: 1200px) {
  #primary-container {
    padding: 6.75rem 4.5rem 4.5rem;
  }
}

.general #primary-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
}

.general #primary-container:after {
  content: "";
  display: table;
  clear: both;
}

.general #primary-container.two-columns {
  display: block;
}

.general #primary-container.two-columns:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .general #primary-container.two-columns article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .general #primary-container.two-columns article:last-child {
    margin-right: 0;
  }
}

.general #primary-container.two-columns article section {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.general #primary-container.two-columns article section:last-child {
  margin-right: 0;
}

.outer-sidebar {
  display: none;
  width: 100%;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 768px) {
  .outer-sidebar {
    display: block;
    position: absolute;
    width: 13.5rem;
  }
}

@media screen and (min-width: 992px) {
  .outer-sidebar {
    width: 18rem;
  }
}

@media screen and (min-width: 1440px) {
  .outer-sidebar {
    width: 22.5rem;
  }
}

.location .outer-sidebar {
  top: -45px;
  top: -4.5rem;
  background: #fff;
  padding: 22.5px;
  padding: 2.25rem;
  border-top: 3px #96b222 solid;
  border-top: 0.3rem #96b222 solid;
}

@media screen and (min-width: 768px) {
  .location .outer-sidebar {
    width: 18rem;
  }
}

@media screen and (max-width: 767px) {
  .location .outer-sidebar {
    margin-top: -4.5rem;
  }
}

#page-content {
  width: 100%;
  min-height: 540px;
  min-height: 54rem;
  display: block;
  margin-bottom: 0;
  /*overflow: hidden;*/
}

@media (max-width: 767px) {
  #page-content {
    border-width: 0;
    padding-bottom: 4.5rem;
  }
}

@media screen and (min-width: 768px) {
  #page-content {
    width: calc(100% - 13.5rem);
    margin-left: 13.5rem;
    /*display: flex;
    flex-direction: column;
    .subpage-banner {
      flex: 0 1 38.1%;
    }
    .page-content-primary-container {
      flex: 2 2 61.8%;
    }*/
  }
}

@media screen and (min-width: 992px) {
  #page-content {
    width: calc(100% - 18rem);
    margin-left: 18rem;
  }
}

@media screen and (min-width: 1440px) {
  #page-content {
    width: calc(100% - 22.5rem);
    margin-left: 22.5rem;
  }
}

@media screen and (min-width: 768px) {
  .location #page-content {
    width: calc(100% - 18rem);
    margin-left: 18rem;
  }
  .location #page-content article {
    max-width: 65.75915rem;
  }
}

@media screen and (min-width: 992px) {
  .location #page-content article {
    max-width: none;
  }
}

.page-content-primary-container {
  padding: 11.25px;
  padding: 1.125rem;
  -webkit-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
  position: relative;
}

@media screen and (min-width: 768px) {
  .page-content-primary-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

.page-content-primary-container .page-content-column {
  box-sizing: content-box;
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-content-primary-container .page-content-column {
    width: calc(100% - 22.5rem);
    padding: 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  .page-content-primary-container .page-content-column {
    width: calc(100% - 29.25rem);
  }
}

.page-content-primary-container.is-single-column .page-content-column {
  border-right: 0;
}

@media screen and (min-width: 768px) {
  .page-content-primary-container.is-single-column .page-content-column {
    width: 100%;
    box-sizing: border-box;
  }
}

.page-content-primary-container.map-is-open {
  position: static;
  position: initial;
}

.page-content-column section + section:before {
  content: '';
  height: 0;
  display: block;
  border-top: 1px solid #e0e2e5;
  margin: 22.5px -22.5px;
  margin: 2.25rem -2.25rem;
}

.inner-sidebar {
  display: none;
  margin: 0;
  min-height: 360px;
  min-height: 36rem;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .inner-sidebar {
    display: block;
    width: 22.5rem;
    border-left: 1px solid #e0e2e5;
  }
}

@media screen and (min-width: 992px) {
  .inner-sidebar {
    width: 29.25rem;
  }
}

@media screen and (min-width: 768px) {
  .hide-sidebar-on-mobile .page-content-primary-container {
    padding-right: 1.125rem;
  }
}

@media screen and (min-width: 992px) {
  .hide-sidebar-on-mobile .page-content-primary-container {
    padding: 2.25rem 31.5rem 2.25rem 2.25rem;
  }
}

@media screen and (min-width: 768px) {
  .hide-sidebar-on-mobile .inner-sidebar {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .hide-sidebar-on-mobile .inner-sidebar {
    display: inline-block;
  }
}

.sub-column-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: -11.25px;
  margin-left: -1.125rem;
  margin-right: -11.25px;
  margin-right: -1.125rem;
}

.sub-column-flex > div {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-right: 1px #e0e2e5 solid;
  padding: 0 11.25px;
  padding: 0 1.125rem;
}

.sub-column-flex > div:last-child {
  border-right: 0;
}

/*

Primary Panel Styles

*/
.today-notifications {
  margin: 7px 0;
  margin: 0.7rem 0;
}

#feed-container section {
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #e0e2e5;
}

#feed-container section:not(:first-child) {
  margin-top: 18.5px;
  margin-top: 1.85rem;
}

#feed-container section h2 {
  margin-top: 15px;
  margin-top: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #feed-container section h2 {
    text-align: left;
  }
}

#feed-container section:first-child h2 {
  margin-top: 0;
}

#feed-container section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

#feed-container .skills-list {
  max-width: 600px;
  max-width: 60rem;
}

#feed-container .card.listing {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.feed-item.highlight {
  border: 1px #96b222 solid;
}

.subpage-banner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 992px) {
  .subpage-banner {
    padding: 4.5rem 2.25rem;
  }
}

.subpage-banner .banner-content {
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
}

.subpage-banner h1.page-title {
  font-weight: 300;
  font-size: 33.75px;
  font-size: 3.375rem;
  margin: 0;
  text-transform: capitalize;
}

@media screen and (min-width: 992px) {
  .subpage-banner h1.page-title {
    width: 61.8%;
  }
}

.listing-applied-banner {
  padding: 11.25px;
  padding: 1.125rem;
  background: #eaf0d3;
  border-color: #96b222;
}

.location-fancy-list li:before {
  margin-right: 0.3em;
  color: #96b222;
}

.location-sub-action-list a {
  color: #666e7c;
}

.location-sub-action-list a:hover {
  color: #000e24;
}

@-webkit-keyframes loader {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes loader {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

body .banner-content *,
body .page-content-primary-container {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

body .page-content-primary-container {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

body .subpage-banner {
  /*&:before {
      content: '';
      display: block;
      width: 0;
      height: 3px;
      background: $accent-primary;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
    }*/
}

body.ajax-loading .subpage-banner .banner-content * {
  opacity: 0;
}

body.ajax-loading .page-content-primary-container {
  opacity: 0;
}

.admin-page-title {
  font-weight: 300;
  font-size: 30px;
  font-size: 3rem;
  padding-top: 22.5px;
  padding-top: 2.25rem;
}

.admin-table th {
  white-space: nowrap;
}

.admin-stats-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-font-feature-settings: 'tnum' 1;
          font-feature-settings: 'tnum' 1;
}

@media screen and (min-width: 768px) {
  .admin-stats-list + ul {
    margin-top: 1em;
  }
}

.admin-stats-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e0e2e5;
}

@media screen and (min-width: 768px) {
  .admin-stats-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    border-bottom: 0;
  }
  .admin-stats-list li + li {
    margin-left: 1em;
  }
}

.admin-stats-list strong {
  color: #96b222;
  font-size: 22.5px;
  font-size: 2.25rem;
  font-weight: 400;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  display: block;
}

.business-icon {
  width: 135px;
  width: 13.5rem;
  height: 135px;
  height: 13.5rem;
  border: 3px #f2f2f2 solid;
}

.business-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.listing-breadcrumb {
  padding-top: 22.5px;
  padding-top: 2.25rem;
}

.listing-body {
  padding: 11.25px;
  padding: 1.125rem;
}

.listing-meta li, .job-details li {
  border-bottom: 1px solid #e0e2e5;
  padding: 7.5px 0;
  padding: 0.75rem 0;
}

.listing-meta li .item-title, .job-details li .item-title {
  font-weight: 600;
  display: inline-block;
}

.listing-meta {
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

.job-details li:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .profile-banner {
    min-height: 13.5rem;
  }
}

.profile-page-content {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .profile-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    text-align: left;
  }
}

.profile-page-content .user-icon-container.is-profile-user {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

@media screen and (min-width: 992px) {
  .profile-page-content .user-icon-container.is-profile-user {
    left: 2.25rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.profile-title-wrapper {
  padding-top: 67.5px;
  padding-top: 6.75rem;
  text-align: center;
  box-sizing: border-box;
  -webkit-font-feature-settings: 'lnum' 1;
          font-feature-settings: 'lnum' 1;
}

@media screen and (min-width: 992px) {
  .profile-title-wrapper {
    text-align: left;
    width: 27rem;
    padding-right: 2.25rem;
    border-right: 1px solid #e0e2e5;
  }
}

@media screen and (min-width: 992px) {
  .profile-content-wrapper {
    width: calc(100% - 27rem);
    padding-left: 2.25rem;
  }
}

.profile-page-title {
  margin: 0;
}

.profile-page-subtitle {
  font-size: 15px;
  font-size: 1.5rem;
  opacity: 0.85;
}

.profile-about-content {
  text-align: left;
}

.profile-details-list {
  margin: 0.85em 0;
}

@media screen and (min-width: 768px) {
  .profile-details-list li {
    display: inline-block;
  }
  .profile-details-list li + li {
    margin-left: 1em;
  }
}

@media screen and (min-width: 992px) {
  .profile-details-list li {
    display: block;
  }
  .profile-details-list li + li {
    margin-left: 0;
  }
}

.profile-details-list a {
  line-height: 2.5;
}

.profile-details-list ::before {
  top: -2px;
  color: #96b222;
  margin-right: 7px;
  font-size: 15px;
  font-size: 1.5rem;
}

.profile-google-map {
  margin-top: 11.25px;
  margin-top: 1.125rem;
  border-top: 1px solid #e0e2e5;
  padding-top: 11.25px;
  padding-top: 1.125rem;
  pointer-events: none;
  display: none;
  /*padding-right: $nhfourth;*/
}

.profile-google-map + .contact-list {
  display: none;
}

@media screen and (min-width: 992px) {
  .profile-google-map {
    display: block;
  }
  .profile-google-map + .contact-list {
    display: block;
  }
}

.contact-list {
  margin: 0;
}

.contact-list a {
  line-height: 2.5;
}

.contact-list a:before {
  color: #96b222;
  margin-right: 7px;
  font-size: 15px;
  font-size: 1.5rem;
}

.contact-list .multi-line {
  margin-top: 10px;
  margin-top: 1rem;
  display: inline-block;
  vertical-align: top;
}

.profile-content-heading {
  font-size: 22.5px;
  font-size: 2.25rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e0e2e5;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.profile-content-section {
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

.profile-article {
  /*max-height: $nh * 6;
  overflow: hidden;
  position: relative;*/
}

.show-all-content-overlay {
  display: none;
  background: -webkit-linear-gradient( bottom , #f2f2f2, rgba(242, 242, 242, 0));
  background: -webkit-linear-gradient(bottom, #f2f2f2, rgba(242, 242, 242, 0));
  background: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
  position: absolute;
  height: 90px;
  height: 9rem;
  bottom: 0;
  left: 0;
  width: 100%;
}

.show-all-content-overlay button, .show-all-content-overlay input[type="submit"], .show-all-content-overlay #development-helper button, #development-helper .show-all-content-overlay button, .show-all-content-overlay
#development-helper > a {
  position: absolute;
  bottom: 0;
}

.profile-gallery-thumbs {
  display: block;
}

.profile-gallery-thumbs:after {
  content: "";
  display: table;
  clear: both;
}

.profile-gallery-thumbs figure {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  border: 1px solid #e0e2e5;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  height: 135px;
  height: 13.5rem;
  overflow: hidden;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.profile-gallery-thumbs figure:last-child {
  margin-right: 0;
}

.profile-gallery-thumbs figure:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px white solid;
}

.profile-gallery-thumbs figure:nth-child(4) {
  margin-right: 0;
}

.profile-gallery-thumbs figure img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.profile-gallery-thumbs figure:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, .05);
  cursor: zoom-in;
}

.profile-listings-section .card {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

.blog-index-browser {
  min-height: 600px;
}

@media screen and (min-width: 992px) {
  .blog-index-browser {
    height: 100vh;
    max-height: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-index-browser > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

.blog-index-browser * {
  line-height: 1.1;
}

.blog-spread-featured {
  padding-top: 135px;
  padding-top: 13.5rem;
  position: relative;
}

.blog-index-page-title {
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 992px) {
  .blog-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-index > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

.blog-index-sub-featured-col {
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .blog-index-sub-featured-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .blog-index-sub-featured-col {
    border-top: 0.75rem solid #1a263a;
    border-bottom: 0.75rem solid #1a263a;
  }
}

@media screen and (min-width: 992px) {
  .blog-index-sub-featured-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-left: 0.75rem solid #1a263a;
    border-right: 0.75rem solid #1a263a;
  }
}

.blog-index-sub-featured-col > div {
  min-height: 300px;
}

.blog-index-sub-featured-col > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.blog-index-sub-featured-col > div .post-type, .blog-index-sub-featured-col > div .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-sub-featured-col > div .pagination-button {
  left: 22.5px;
  left: 2.25rem;
}

.blog-index-sub-featured-col > div:first-child {
  border-bottom: 7.5px solid #1a263a;
  border-bottom: 0.75rem solid #1a263a;
}

@media screen and (min-width: 768px) {
  .blog-index-sub-featured-col > div:first-child {
    border-right: 0.75rem solid #1a263a;
    border-bottom: none;
  }
}

@media screen and (min-width: 992px) {
  .blog-index-sub-featured-col > div:first-child {
    border-right: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% + 4.5rem);
            flex: 1 1 calc(50% + 4.5rem);
    border-bottom: 0.75rem solid #1a263a;
  }
  .blog-index-sub-featured-col > div:first-child .post-type, .blog-index-sub-featured-col > div:first-child .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-sub-featured-col > div:first-child .pagination-button {
    top: 4.5rem;
  }
}

.blog-index-sub-featured-col > div:last-child .post-type, .blog-index-sub-featured-col > div:last-child .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-sub-featured-col > div:last-child .pagination-button {
  top: 0;
}

.blog-index-list-col {
  position: relative;
  min-height: 468px;
}

@media screen and (max-width: 991px) {
  .blog-index-list-col:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog-index-list-col:before {
    background-color: rgba(0, 14, 36, .5);
    background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
    background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
    background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
  }
}

.blog-index-list-col h2 {
  padding-bottom: 1em;
  border-bottom: 1px white dotted;
  margin-bottom: 1em;
}

.blog-index-list-col .post-title {
  margin-top: 0;
  font-size: 16.18px;
  font-size: 1.618rem;
  margin-bottom: 0.3em;
}

.blog-index-list-col .post-meta {
  margin-bottom: 0;
}

.blog-index-list-col .column-content {
  position: absolute;
  top: 45px;
  top: 4.5rem;
  margin-left: 11.25px;
  margin-left: 1.125rem;
  margin-right: 45px;
  margin-right: 4.5rem;
}

@media screen and (min-width: 992px) {
  .blog-index-list-col .column-content {
    top: auto;
    bottom: 9rem;
  }
}

.blog-index-list-col .blog-entry {
  margin-bottom: 1em;
  padding: 0.5em;
  margin: -0.5em;
  margin-bottom: 1em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.blog-index-list-col .blog-entry:hover {
  background: rgba(255, 255, 255, .2);
}

.blog-index-browser {
  background: #1a263a url("../images/landing-page-images/canterbury-plains.jpg") center no-repeat/cover;
  color: white;
}

@media screen and (min-width: 992px) {
  .blog-index-browser:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog-index-browser:before {
    background: rgba(0, 14, 36, .6);
  }
}

.blog-spread-featured {
  text-align: center;
  min-height: 600px;
}

.blog-spread-featured .site-logo {
  display: inline-block;
  content: 'New Zealand Job Finder';
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background: url("../images/logo.svg") no-repeat;
  background-size: cover;
  height: 101.25px;
  height: 10.125rem;
  width: 101.25px;
  width: 10.125rem;
}

.blog-main-title {
  margin: 0 45px;
  margin: 0 4.5rem;
  padding-top: 11.25px;
  padding-top: 1.125rem;
  padding-bottom: 22.5px;
  padding-bottom: 2.25rem;
  border-bottom: 1px dotted white;
}

@media screen and (min-width: 768px) {
  .blog-main-title {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    max-width: 46.97082rem;
    margin: 0 auto;
  }
}

.blog-entry {
  position: relative;
}

.blog-entry hr {
  border-style: dotted;
}

.blog-entry.is-block:not(.featured-post-entry) .post-title {
  font-size: 22.652px;
  font-size: 2.2652rem;
  margin-right: 45px;
  margin-right: 4.5rem;
}

.blog-entry.is-block:not(.featured-post-entry) article {
  position: absolute;
  bottom: 11.25px;
  bottom: 1.125rem;
  left: 11.25px;
  left: 1.125rem;
  margin-right: 11.25px;
  margin-right: 1.125rem;
}

.blog-entry.is-block:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  background-color: rgba(0, 14, 36, .8);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 14, 36, .8) 0, rgba(0, 14, 36, 0) 100%);
  background-image: -webkit-linear-gradient(bottom,rgba(0, 14, 36, .8) 0, rgba(0, 14, 36, 0) 100%);
  background-image: linear-gradient(to top,rgba(0, 14, 36, .8) 0, rgba(0, 14, 36, 0) 100%);
  background-color: transparent;
}

.blog-entry:hover:before {
  opacity: 0.7;
}

.blog-entry .post-meta {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: rgba(255, 255, 255, .5);
}

.blog-entry .post-permalink {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: transparent;
}

.featured-post-entry {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.featured-post-entry article {
  position: absolute;
  bottom: 45px;
  bottom: 4.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 469.708px;
  max-width: 46.97082rem;
  width: 90%;
}

.featured-post-entry .post-title {
  padding: 0 45px;
  padding: 0 4.5rem;
}

.featured-post-entry .post-type, .featured-post-entry .blog-list-pagination .pagination-button, .blog-list-pagination .featured-post-entry .pagination-button {
  bottom: 0;
  left: 45px;
  left: 4.5rem;
}

.blog-index-browser .post-type, .blog-index-browser .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-browser .pagination-button {
  display: inline-block;
  width: 45px;
  width: 4.5rem;
  height: 45px;
  height: 4.5rem;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  position: absolute;
}

.blog-index-browser .post-type:before, .blog-index-browser .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-browser .pagination-button:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: 0;
  width: 22.5px;
  width: 2.25rem;
  height: 22.5px;
  height: 2.25rem;
  font-size: 22.5px;
  font-size: 2.25rem;
}

.blog-index-list span.post-type, .blog-index-list .blog-list-pagination span.pagination-button, .blog-list-pagination .blog-index-list span.pagination-button {
  position: relative;
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  top: 0.2em;
}

.blog-index-list span.post-type:before, .blog-index-list .blog-list-pagination span.pagination-button:before, .blog-list-pagination .blog-index-list span.pagination-button:before {
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  font-size: 15px;
  font-size: 1.5rem;
}

.blog-list-pagination {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  height: 4.5rem;
  line-height: 45px;
  line-height: 4.5rem;
  white-space: nowrap;
  background: #1a263a;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.blog-list-pagination .page-folio {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}

.blog-list-pagination .pagination-button {
  bottom: 0;
  border: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.blog-list-pagination .pagination-button:before {
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  font-size: 15px;
  font-size: 1.5rem;
}

.blog-list-pagination .pagination-button.prev-page {
  left: 0;
  background: rgba(255, 255, 255, .3);
}

.blog-list-pagination .pagination-button.prev-page:hover {
  background: rgba(255, 255, 255, .4);
}

.blog-list-pagination .pagination-button.prev-page:before {
  content: 'arrow_back';
}

.blog-list-pagination .pagination-button.next-page {
  right: 0;
  background: #96b222;
}

.blog-list-pagination .pagination-button.next-page:hover {
  background: #a1ba38;
}

.blog-list-pagination .pagination-button.next-page:before {
  content: 'arrow_forward';
}

[data-post-type="insights-weekly"] .post-type, [data-post-type="insights-weekly"] .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="insights-weekly"] .pagination-button {
  background: #96b222;
}

[data-post-type="insights-weekly"] .post-type:before, [data-post-type="insights-weekly"] .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="insights-weekly"] .pagination-button:before {
  content: "local_cafe";
}

.blog-index-list [data-post-type="insights-weekly"] .post-type, .blog-index-list [data-post-type="insights-weekly"] .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-list [data-post-type="insights-weekly"] .pagination-button {
  background: transparent;
}

.blog-index-list [data-post-type="insights-weekly"] .post-type:before, .blog-index-list [data-post-type="insights-weekly"] .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-list [data-post-type="insights-weekly"] .pagination-button:before {
  color: #96b222;
}

[data-post-type="insights-weekly"] .article-header .post-type, [data-post-type="insights-weekly"] .article-header .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="insights-weekly"] .article-header .pagination-button {
  background: transparent;
}

[data-post-type="insights-weekly"] .article-header .post-type:before, [data-post-type="insights-weekly"] .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="insights-weekly"] .article-header .pagination-button:before {
  background: #96b222;
}

[data-post-type="news"] .post-type, [data-post-type="news"] .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="news"] .pagination-button {
  background: #dcbb25;
}

[data-post-type="news"] .post-type:before, [data-post-type="news"] .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="news"] .pagination-button:before {
  content: "radio";
}

.blog-index-list [data-post-type="news"] .post-type, .blog-index-list [data-post-type="news"] .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-list [data-post-type="news"] .pagination-button {
  background: transparent;
}

.blog-index-list [data-post-type="news"] .post-type:before, .blog-index-list [data-post-type="news"] .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-list [data-post-type="news"] .pagination-button:before {
  color: #dcbb25;
}

[data-post-type="news"] .article-header .post-type, [data-post-type="news"] .article-header .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="news"] .article-header .pagination-button {
  background: transparent;
}

[data-post-type="news"] .article-header .post-type:before, [data-post-type="news"] .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="news"] .article-header .pagination-button:before {
  background: #dcbb25;
}

[data-post-type="travel-tourism"] .post-type, [data-post-type="travel-tourism"] .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="travel-tourism"] .pagination-button {
  background: #e93442;
}

[data-post-type="travel-tourism"] .post-type:before, [data-post-type="travel-tourism"] .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="travel-tourism"] .pagination-button:before {
  content: "explore";
}

.blog-index-list [data-post-type="travel-tourism"] .post-type, .blog-index-list [data-post-type="travel-tourism"] .blog-list-pagination .pagination-button, .blog-list-pagination .blog-index-list [data-post-type="travel-tourism"] .pagination-button {
  background: transparent;
}

.blog-index-list [data-post-type="travel-tourism"] .post-type:before, .blog-index-list [data-post-type="travel-tourism"] .blog-list-pagination .pagination-button:before, .blog-list-pagination .blog-index-list [data-post-type="travel-tourism"] .pagination-button:before {
  color: #e93442;
}

[data-post-type="travel-tourism"] .article-header .post-type, [data-post-type="travel-tourism"] .article-header .blog-list-pagination .pagination-button, .blog-list-pagination [data-post-type="travel-tourism"] .article-header .pagination-button {
  background: transparent;
}

[data-post-type="travel-tourism"] .article-header .post-type:before, [data-post-type="travel-tourism"] .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination [data-post-type="travel-tourism"] .article-header .pagination-button:before {
  background: #e93442;
}

[data-page="blogIndex"] .site-footer:before {
  display: none;
}

.blog-article-reader {
  min-height: 600px;
  background: #000e24;
}

.blog-article-reader.is-manifest .article-featured-image {
  width: 75vw !important;
  background-size: auto 100%;
  background-position: center !important;
}

.blog-article-reader.is-manifest .article-featured-image figcaption {
  opacity: 1;
}

.blog-article-reader.is-manifest .article-container {
  opacity: 0.6;
  /*filter: brightness(0.9);*/
  -webkit-transform: translateX(6%);
          transform: translateX(6%);
}

.blog-article-reader.animating .article-featured-image {
  -webkit-transition: height 1s cubic-bezier(0.5, 0, 0.3, 1), width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 2s cubic-bezier(0.5, 0, 0.3, 1), background-position 2s cubic-bezier(0.5, 0, 0.3, 1);
  transition: height 1s cubic-bezier(0.5, 0, 0.3, 1), width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 2s cubic-bezier(0.5, 0, 0.3, 1), background-position 2s cubic-bezier(0.5, 0, 0.3, 1);
}

.article-featured-image {
  position: relative;
  height: 45vh;
  min-height: 180px;
  min-height: 18rem;
  background-size: auto 120%;
  /*background-color: $ink-black;*/
  -webkit-transition: height 1s cubic-bezier(0.5, 0, 0.3, 1), width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 3s cubic-bezier(0.5, 0, 0.3, 1);
  transition: height 1s cubic-bezier(0.5, 0, 0.3, 1), width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 3s cubic-bezier(0.5, 0, 0.3, 1);
  margin: 0;
}

@media screen and (min-width: 768px) {
  .article-featured-image {
    height: 61.8vh;
  }
}

@media screen and (min-width: 992px) {
  .article-featured-image {
    -webkit-transition: width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 3s cubic-bezier(0.5, 0, 0.3, 1);
    transition: width 1s cubic-bezier(0.5, 0, 0.3, 1), background-size 3s cubic-bezier(0.5, 0, 0.3, 1);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 40%;
    height: 100vh;
  }
}

@media screen and (min-width: 1200px) {
  .article-featured-image {
    width: 50%;
  }
}

.article-featured-image:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  background-color: rgba(0, 14, 36, .3);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 14, 36, .3) 0, rgba(0, 14, 36, 0) 100%);
  background-image: -webkit-linear-gradient(bottom,rgba(0, 14, 36, .3) 0, rgba(0, 14, 36, 0) 100%);
  background-image: linear-gradient(to top,rgba(0, 14, 36, .3) 0, rgba(0, 14, 36, 0) 100%);
  z-index: 1;
  background-color: transparent;
}

.article-featured-image figcaption {
  color: white;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  opacity: 0.5;
  position: absolute;
  bottom: 11.25px;
  bottom: 1.125rem;
  right: 11.25px;
  right: 1.125rem;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.article-featured-image figcaption:before {
  content: 'Photo | ';
}

@media screen and (min-width: 768px) {
  .article-featured-image figcaption {
    right: 2.25rem;
    bottom: 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  .article-featured-image figcaption {
    left: 4.5rem;
  }
}

@media screen and (min-width: 992px) {
  .article-container {
    -webkit-transition: margin 1s cubic-bezier(0.5, 0, 0.3, 1), opacity 0.8s ease, -webkit-transform 1s cubic-bezier(0.5, 0, 0.3, 1), -webkit-filter 0.8s ease;
    transition: margin 1s cubic-bezier(0.5, 0, 0.3, 1), opacity 0.8s ease, -webkit-transform 1s cubic-bezier(0.5, 0, 0.3, 1), -webkit-filter 0.8s ease;
    transition: margin 1s cubic-bezier(0.5, 0, 0.3, 1), opacity 0.8s ease, transform 1s cubic-bezier(0.5, 0, 0.3, 1), filter 0.8s ease;
    transition: margin 1s cubic-bezier(0.5, 0, 0.3, 1), opacity 0.8s ease, transform 1s cubic-bezier(0.5, 0, 0.3, 1), filter 0.8s ease, -webkit-transform 1s cubic-bezier(0.5, 0, 0.3, 1), -webkit-filter 0.8s ease;
    margin-left: 40%;
  }
}

@media screen and (min-width: 1200px) {
  .article-container {
    margin-left: 50%;
  }
}

.article-header {
  background: #eaf0d3;
  padding: 0 22.5px;
  padding: 0 2.25rem;
  margin-top: -22.5px;
  margin-top: -2.25rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .article-header .post-type, .article-header .blog-list-pagination .pagination-button, .blog-list-pagination .article-header .pagination-button {
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .article-header {
    padding: 4.5rem 4.5rem 0;
  }
}

@media screen and (min-width: 992px) {
  .article-header {
    padding: 13.5rem 9rem 0;
  }
}

.article-header:after {
  content: '';
  height: 0;
  width: 0;
  border-bottom: 22.5px solid white;
  border-bottom: 2.25rem solid white;
  border-left: 22.5px solid transparent;
  border-left: 2.25rem solid transparent;
  border-right: 22.5px solid transparent;
  border-right: 2.25rem solid transparent;
  display: block;
  margin: 11.25px auto 0;
  margin: 1.125rem auto 0;
  padding: 0;
}

.article-header .post-type, .article-header .blog-list-pagination .pagination-button, .blog-list-pagination .article-header .pagination-button {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  color: rgba(0, 14, 36, .5);
  font-weight: 600;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.article-header .post-type:before, .article-header .blog-list-pagination .pagination-button:before, .blog-list-pagination .article-header .pagination-button:before {
  display: block;
  text-indent: 0;
  width: 45px;
  width: 4.5rem;
  height: 45px;
  height: 4.5rem;
  padding: 11.25px;
  padding: 1.125rem;
  font-size: 22.5px;
  font-size: 2.25rem;
  margin: 0 auto;
  color: white;
  border-radius: 50%;
  background: none;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.article-header .post-title {
  margin-top: 0;
  line-height: 1;
}

.article-header .post-meta {
  color: #96b222;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.article-header hr {
  border: 1px dotted #96b222;
}

.article-header .blog-brief-intro {
  line-height: 1.2;
}

.article-header .post-share {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  color: rgba(0, 14, 36, .5);
}

.article-header .post-share ul {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
  padding: 0 0 0 1.5rem;
}

.article-content {
  background-color: white;
  padding: 22.5px;
  padding: 2.25rem;
}

@media screen and (min-width: 768px) {
  .article-content {
    padding: 9rem;
  }
}

.article-content h2 {
  font-size: 22.5px;
  font-size: 2.25rem;
  margin-top: 0.5em;
}

.article-comment-section {
  background-color: #f2f2f2;
  padding-bottom: 90px;
  padding-bottom: 9rem;
}

/*

HEADER Test
------

*/
body > header {
  width: 100%;
  position: fixed;
  z-index: 2017;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body > header a {
  border-bottom: 0;
  cursor: pointer;
}

body > header a:hover {
  border-bottom: 0;
}

body > header li {
  list-style: none;
}

body > header nav {
  background-color: #000e24;
  color: white;
  background: #1a263a;
  position: relative;
  height: 45px;
  height: 4.5rem;
  box-shadow: 0 0.3em 0.9em rgba(0, 14, 36, .1);
}

body > header nav.container-fluid {
  padding: 0;
}

body > header nav .mobile-hidden {
  display: none;
}

@media screen and (min-width: 992px) {
  body > header nav .mobile-hidden {
    display: inline;
  }
}

body > header nav #nav-left {
  position: relative;
  z-index: 1;
  display: inline-block;
}

body > header nav #nav-left #site-nav > li {
  line-height: 12px;
  position: relative;
}

body > header nav #nav-left #site-nav > li .item-counter {
  font-weight: 600;
  top: 10px;
  left: auto;
  right: -10px;
}

body > header nav #nav-left #site-nav > li.mobile {
  display: inline-block;
}

body > header nav #nav-left #site-nav > li:not(.mobile) {
  display: none;
}

@media screen and (min-width: 768px) {
  body > header nav #nav-left #site-nav > li:not(.mobile) {
    display: inline-block;
    margin-left: -0.2em;
  }
}

body > header nav #nav-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

body > header nav #nav-right > ul {
  float: right;
}

body > header nav #nav-right > ul > li {
  display: inline-block;
}

body > header nav #menu-btn {
  line-height: 12px;
  cursor: pointer;
}

body > header nav #menu-btn:before {
  content: 'menu';
  vertical-align: middle;
  line-height: 12px;
  margin-right: 5px;
}

@media screen and (min-width: 992px) {
  body > header nav #menu-btn {
    display: none;
  }
}

body > header nav > div > ul > li {
  white-space: nowrap;
  vertical-align: middle;
  line-height: 12px;
}

@media screen and (min-width: 992px) {
  body > header nav > div > ul > li {
    display: inline-block;
  }
}

body > header nav > div > ul > li a {
  padding: 16.65px 11.25px;
  padding: 1.665rem 1.125rem;
  margin: 0;
  display: inline-block;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

body > header nav > div > ul > li a:focus, body > header nav > div > ul > li a:visited {
  color: #fff;
}

body > header nav > div > ul > li a:hover {
  background-color: rgba(255, 255, 255, .2);
  color: inherit;
}

body > header nav > div > ul > li a:active {
  background-color: rgba(255, 255, 255, .1);
}

body > header nav > div > ul > li a#site-logo {
  margin: 0;
  line-height: 1;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  display: inline-block;
  background: #000e24 url("../images/logo-fern.svg");
  width: 32px;
  width: 3.2rem;
  height: 32px;
  height: 3.2rem;
  background-size: 3.2rem 3.2rem;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: content-box;
  padding: 6.5px;
  padding: 0.65rem;
  vertical-align: top;
  color: transparent;
}

body > header nav > div > ul > li a#site-logo:hover {
  background-color: rgba(255, 255, 255, .1);
}

body > header nav > div > ul > li a#site-logo:active {
  background-color: rgba(255, 255, 255, .05);
}

body > header nav #user-toolbar {
  height: 100%;
  background-color: rgba(255, 255, 255, .2);
  cursor: default;
}

body > header nav #user-toolbar > li {
  height: 100%;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
}

body > header nav #user-toolbar > li:first-child {
  display: inline-block;
}

body > header nav #user-toolbar > li.dropdown-parent:not(.site-menu-toggle) {
  margin-right: -0.2em;
}

body > header nav #user-toolbar > li.user-toolbar-text-button {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

body > header nav #user-toolbar > li.user-toolbar-text-button a {
  cursor: pointer;
  padding-left: 22.5px;
  padding-left: 2.25rem;
  padding-right: 22.5px;
  padding-right: 2.25rem;
}

@media screen and (max-width: 320px) {
  body > header nav #user-toolbar > li.user-toolbar-text-button a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

body > header nav #user-toolbar > li.user-toolbar-text-button:last-child {
  background: #96b222;
}

body > header nav #user-toolbar > li.user-toolbar-text-button:last-child:hover {
  background-color: #a1ba38;
}

body > header nav #user-toolbar > li.user-toolbar-text-button:last-child:active {
  background-color: #87a01f;
}

body > header nav #user-toolbar > li#user-icon-button {
  background-color: #96b222;
  padding: 0;
  cursor: pointer;
}

body > header nav #user-toolbar > li#user-icon-button span {
  float: left;
  padding: 15px;
  padding: 1.5rem;
  display: none;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  overflow: hidden;
}

@incude media($tablet) {
  body > header nav #user-toolbar > li#user-icon-button span {
    max-width: 18rem;
  }
}

body > header nav #user-toolbar > li#user-icon-button span:nth-child(2) {
  padding: 0;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  body > header nav #user-toolbar > li#user-icon-button span {
    display: inline-block;
  }
}

body > header nav #user-toolbar > li#user-icon-button img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.92" /><feFuncG type="linear" slope="0.92" /><feFuncB type="linear" slope="0.92" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0.92);
          filter: brightness(0.92);
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

body > header nav #user-toolbar > li#user-icon-button:hover {
  background-color: #a1ba38;
}

body > header nav #user-toolbar > li#user-icon-button:hover img {
  -webkit-filter: none;
          filter: none;
}

body > header nav #user-toolbar > li#user-icon-button:active {
  background-color: #87a01f;
}

body > header nav #user-toolbar .user-toolbar-button {
  position: relative;
  padding: 15px 13px 12px;
  padding: 1.5rem 1.3rem 1.2rem;
  width: 1em;
  box-sizing: content-box;
  cursor: pointer;
}

body > header nav #user-toolbar .user-toolbar-button .item-counter {
  top: 7px;
  top: 0.7rem;
  left: auto;
  right: 0;
  font-weight: 600;
}

body > header nav #user-toolbar .user-toolbar-button:hover {
  background-color: rgba(255, 255, 255, .2);
}

body > header nav #user-toolbar .user-toolbar-button:active {
  background-color: rgba(255, 255, 255, .1);
}

body > header nav #user-toolbar .user-toolbar-button.is-open {
  background: #87a222;
}

body > header .search {
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
}

body > header .search form {
  margin: 0;
}

body > header .search input {
  line-height: 1;
}

body > header .search input[type="text"] {
  max-width: 135px;
  max-width: 13.5rem;
  width: 0;
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: none;
}

body > header .search input[type="text"]:focus {
  background-color: #333e50;
  border-bottom: none;
}

body > header .search input[type="text"]:focus:hover {
  background-color: #404a5b;
}

@media screen and (min-width: 992px) {
  body > header .search input[type="text"] {
    width: 18rem;
    max-width: none;
    padding-left: 1.125rem;
  }
}

@media screen and (min-width: 1200px) {
  body > header .search input[type="text"] {
    width: 22.5rem;
  }
}

body > header .search input[type="text"]::-webkit-input-placeholder {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  color: white;
  color: white;
}

body > header .search input[type="text"]::-moz-placeholder {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  color: white;
  color: white;
}

body > header .search input[type="text"]:-moz-placeholder {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  color: white;
  color: white;
}

body > header .search input[type="text"]:-ms-input-placeholder {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  color: white;
  color: white;
}

body > header .search input[type="text"]:focus::-webkit-input-placeholder {
  opacity: 0.2;
}

body > header .search input[type="text"]:focus::-moz-placeholder {
  opacity: 0.2;
}

body > header .search input[type="text"]:focus:-moz-placeholder {
  opacity: 0.2;
}

body > header .search input[type="text"]:focus:-ms-input-placeholder {
  opacity: 0.2;
}

body > header .search input[type="button"] {
  display: none;
}

@media screen and (max-width: 480px) {
  body > header .search input[type="button"] {
    display: block;
  }
}

body > header .search input[type="submit"] {
  width: 1em;
  height: 1.3em;
  box-sizing: content-box;
}

.notif-item-list {
  background-color: #1a263a;
}

@media screen and (min-width: 992px) {
  .notif-item-list {
    width: 46.97082rem;
  }
}

.notif-item-list li {
  position: relative;
  border-bottom: 1px solid #000e24;
}

.notif-item-list li a.notif-permalink {
  padding: 11.25px;
  padding: 1.125rem;
  padding-right: 45px;
  padding-right: 4.5rem;
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  display: block;
  color: white;
  white-space: normal;
  position: relative;
}

@media screen and (min-width: 768px) {
  .notif-item-list li a.notif-permalink {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .notif-item-list li a.notif-permalink {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .notif-item-list li a.notif-permalink {
    /*font-size: 0.35 * $nh;*/
  }
}

.notif-item-list li a.notif-permalink .user-icon-container {
  position: absolute;
  left: 11.25px;
  left: 1.125rem;
  top: 11.25px;
  top: 1.125rem;
}

.notif-item-list li a.notif-permalink > span {
  display: block;
  line-height: 1;
}

.notif-item-list li.msg-item a.notif-permalink {
  padding-left: 67.5px;
  padding-left: 6.75rem;
  height: 67.5px;
  height: 6.75rem;
}

.notif-item-list li.msg-item span.notif-content {
  font-size: 14px;
  font-size: 1.4rem;
  height: 2em;
  display: block;
  overflow: hidden;
}

.notif-item-list li .ico-dismiss {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  width: 11.25px;
  width: 1.125rem;
  height: 11.25px;
  height: 1.125rem;
  position: absolute;
  top: 11.25px;
  top: 1.125rem;
  right: 7.5px;
  right: 0.75rem;
}

.notif-item-list li .ico-dismiss:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, .5);
}

.notif-item-list .notif-title {
  font-weight: 600;
  margin: 3px 0;
  margin: 0.3rem 0;
  white-space: normal;
}

.notif-item-list .notif-subtitle {
  opacity: 0.5;
  font-weight: 400;
}

.notif-item-list .notif-content {
  position: relative;
  display: block;
  white-space: normal;
  line-height: 1.3;
  padding-right: 30px;
  padding-right: 3rem;
}

.notif-item-list + .links-list li {
  margin-right: 0;
}

.notif-empty-notice {
  padding: 7.5px 11.25px;
  padding: 0.75rem 1.125rem;
  display: block;
}

@media screen and (min-width: 768px) {
  .mobile-site-logotype {
    margin-left: -0.2em;
  }
}

/*

FOOTER

*/
.site-footer {
  background-color: #000e24;
  color: white;
  clear: both;
  position: relative;
  z-index: 2016;
}

.site-footer:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: 'New Zealand Job Finder';
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background: url("../images/logo.svg") no-repeat;
  background-size: cover;
  height: 101.25px;
  height: 10.125rem;
  width: 101.25px;
  width: 10.125rem;
}

@media (max-width: min-width 768px 11) {
  .site-footer:before {
    content: 'New Zealand Job Finder';
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background: url("../images/logo.svg") no-repeat;
    background-size: cover;
    height: 7.875rem;
    width: 7.875rem;
  }
}

.site-footer h5 {
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  opacity: 0.8;
  display: inline-block;
  padding-bottom: 0.6em;
  border-bottom: 1px solid rgba(150, 178, 34, .5);
}

.site-footer .columned-menus {
  padding: 67.5px 11.25px 11.25px;
  padding: 6.75rem 1.125rem 1.125rem;
}

.site-footer .columned-menus a {
  position: relative;
}

.site-footer .columned-menus a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.site-footer .columned-menus a:hover:after {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .site-footer .columned-menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6.75rem 2.25rem 2.25rem;
  }
}

@media screen and (min-width: 1200px) {
  .site-footer .columned-menus {
    padding: 6.75rem 4.5rem 4.5rem;
  }
}

.site-footer .columned-menus .footer-column {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}

.site-footer .columned-menus .footer-column + .footer-column {
  margin-left: 11.25px;
  margin-left: 1.125rem;
}

.site-footer .columned-menus .col,
.site-footer .columned-menus ul {
  display: inline-block;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .site-footer .columned-menus .col,
  .site-footer .columned-menus ul {
    padding: 0 1.125rem 0 0;
  }
}

@media screen and (min-width: 992px) {
  .site-footer .columned-menus .col,
  .site-footer .columned-menus ul {
    padding: 0 2.25rem 0 0;
  }
}

.site-footer .columned-menus .col a,
.site-footer .columned-menus ul a {
  border-bottom-color: transparent;
}

.site-footer .columned-menus ul li {
  line-height: 1.2;
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
}

.site-footer blockquote {
  padding: 0 calc(1vw + 1.3rem) 1.5rem 0;
  margin: 0;
  font-size: calc(1vw + 1rem);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  color: #96b222;
  line-height: 1.25;
  /*-webkit-font-smoothing: subpixel-antialiased;*/
  font-weight: 400;
}

.site-footer input[type="text"] {
  background-color: rgba(255, 255, 255, .1);
  height: 45px;
  height: 4.5rem;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  color: white !important;
  padding: 0 11.25px;
  padding: 0 1.125rem;
  vertical-align: middle;
  font-size: 15.75px;
  font-size: 1.575rem;
  font-family: "freight-sans-pro", -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #1a263a;
  text-transform: none;
  letter-spacing: 0;
  padding-right: 112.5px;
  padding-right: 11.25rem;
}

.site-footer input[type="text"]:hover {
  background-color: rgba(255, 255, 255, .15);
}

.site-footer input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .5);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.site-footer input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, .5);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.site-footer input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, .5);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

.site-footer input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, .5);
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
}

@media screen and (min-width: 768px) {
  .site-footer input[type="text"] {
    font-size: 1.485rem;
  }
}

@media screen and (min-width: 992px) {
  .site-footer input[type="text"] {
    font-size: 1.575rem;
  }
}

@media screen and (min-width: 1440px) {
  .site-footer input[type="text"] {
    /*font-size: 0.35 * $nh;*/
  }
}

.site-footer input[type="submit"] {
  border: 0;
  height: 45px;
  height: 4.5rem;
  padding: 7.5px 11.25px;
  padding: 0.75rem 1.125rem;
  vertical-align: middle;
  position: absolute;
  right: 0;
}

.site-footer footer {
  position: relative;
  padding: 0 0 11.25px 0;
  padding: 0 0 1.125rem 0;
}

@media screen and (min-width: 768px) {
  .site-footer footer {
    padding: 3.00015rem 0;
  }
}

.site-footer footer .copyright {
  text-align: center;
}

.site-footer footer .copyright a {
  font-weight: 600;
  border-bottom-color: transparent;
  position: relative;
}

.site-footer footer .copyright a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  bottom: 0.2em;
  left: 0;
  -webkit-transform: none;
          transform: none;
  height: 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #96b222;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.site-footer footer .copyright a:hover:after {
  width: 100%;
}

.footer-about-column {
  -webkit-box-flex: 3;
      -ms-flex: 3 3 25%;
          flex: 3 3 25%;
}

@media screen and (min-width: 768px) {
  .footer-about-column {
    min-width: 29.03017rem;
    max-width: 38.1%;
  }
}

.footer-locations {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 15%;
          flex: 2 2 15%;
  white-space: nowrap;
}

.footer-locations ul {
  white-space: wrap;
}

@media screen and (min-width: 768px) {
  .footer-locations ul {
    width: 45%;
  }
}

.footer-locations ul + ul {
  margin-left: 11.25px;
  margin-left: 1.125rem;
}

.footer-user-pages-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 8%;
          flex: 1 1 8%;
  display: none !important;
}

@media screen and (min-width: 992px) {
  .footer-user-pages-list {
    display: block !important;
  }
}

.footer-fin-block {
  -webkit-box-flex: 3;
      -ms-flex: 3 3 30%;
          flex: 3 3 30%;
}

@media screen and (min-width: 992px) {
  .footer-fin-block ul + ul {
    margin-left: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .footer-fin-block {
    width: auto;
    max-width: 38.1%;
  }
}

.social-platforms {
  text-align: center;
  padding: 11.25px 0;
  padding: 1.125rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  letter-spacing: 7px;
  letter-spacing: 0.7rem;
}

.social-platforms a {
  border-bottom: 0;
  cursor: pointer;
}

.social-platforms a:hover {
  border-bottom: 0;
}

@media screen and (min-width: 768px) {
  .social-platforms {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2.25rem 4.5rem;
  }
}

.social-platforms li {
  display: inline-block;
  vertical-align: middle;
}

.social-platforms li a {
  font-size: 0;
}

.social-platforms li + li {
  margin-top: 0;
}

#newsletter-subscribe {
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

#development-helper {
  position: fixed;
  display: none;
  bottom: 0;
  left: 45px;
  left: 4.5rem;
}

#development-helper input[type="submit"], #development-helper button,
#development-helper > a,
#development-helper > a {
  vertical-align: bottom;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  background: #1a263a;
  border: 0;
  padding: 7.5px 11.25px;
  padding: 0.75rem 1.125rem;
  margin-left: -3px;
  margin-left: -0.3rem;
}

#development-helper input[type="submit"]:hover, #development-helper button:hover,
#development-helper > a:hover,
#development-helper > a:hover {
  background: rgba(150, 178, 34, .9);
}

#development-helper input[type="submit"] i, #development-helper button i,
#development-helper > a i,
#development-helper > a i {
  margin-right: 10px;
  margin-right: 1rem;
}

#development-helper input[type="submit"]:first-child, #development-helper button:first-child,
#development-helper > a:first-child,
#development-helper > a:first-child {
  margin-left: 0;
}

#development-helper input.active[type="submit"], #development-helper button.active,
#development-helper > a.active,
#development-helper > a.active {
  background: #263245;
}

#development-helper input[type="submit"]:focus, #development-helper button:focus,
#development-helper > a:focus,
#development-helper > a:focus {
  outline: none;
}

#development-helper input[type="submit"] nav, #development-helper button nav,
#development-helper > a nav,
#development-helper > a nav {
  display: none;
  background: #263245;
  position: absolute;
  bottom: 100%;
  min-width: 225px;
  min-width: 22.5rem;
  width: auto;
  max-width: 315px;
  max-width: 31.5rem;
  text-align: left;
  left: 0;
  padding: 0;
}

#development-helper input[type="submit"] nav li, #development-helper button nav li,
#development-helper > a nav li,
#development-helper > a nav li {
  position: relative;
  margin-right: 0;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

#development-helper input[type="submit"] nav li:hover, #development-helper button nav li:hover,
#development-helper > a nav li:hover,
#development-helper > a nav li:hover {
  background-color: rgba(150, 178, 34, .9);
}

#development-helper input[type="submit"] nav li:hover > a:before, #development-helper button nav li:hover > a:before,
#development-helper > a nav li:hover > a:before,
#development-helper > a nav li:hover > a:before {
  color: #fff;
}

#development-helper input[type="submit"] nav li a, #development-helper button nav li a,
#development-helper > a nav li a,
#development-helper > a nav li a {
  padding: 7.5px;
  padding: 0.75rem;
  display: block;
  cursor: default;
}

#development-helper input[type="submit"] nav li a.disabled, #development-helper button nav li a.disabled,
#development-helper > a nav li a.disabled,
#development-helper > a nav li a.disabled {
  cursor: default;
}

#development-helper input[type="submit"] nav li .sub-menu, #development-helper button nav li .sub-menu,
#development-helper > a nav li .sub-menu,
#development-helper > a nav li .sub-menu {
  display: none;
  background: #333e50;
  min-width: 180px;
  min-width: 18rem;
  width: auto;
  max-width: 315px;
  max-width: 31.5rem;
  position: absolute;
  top: 0;
  left: 100%;
}

#development-helper input[type="submit"] nav li .sub-menu.up, #development-helper button nav li .sub-menu.up,
#development-helper > a nav li .sub-menu.up,
#development-helper > a nav li .sub-menu.up {
  top: auto;
  bottom: 0;
}

#development-helper input[type="submit"] nav li:hover ul, #development-helper button nav li:hover ul,
#development-helper > a nav li:hover ul,
#development-helper > a nav li:hover ul {
  display: block;
}

#development-helper input[type="submit"] nav.active, #development-helper button nav.active,
#development-helper > a nav.active,
#development-helper > a nav.active {
  display: block;
}

#development-helper input#show-helper[type="submit"], #development-helper button#show-helper,
#development-helper > a#show-helper,
#development-helper > a#show-helper {
  display: none;
  opacity: 0.3;
}

#development-helper input#show-helper[type="submit"] i, #development-helper button#show-helper i,
#development-helper > a#show-helper i,
#development-helper > a#show-helper i {
  margin-right: 0;
}

#development-helper.collapsed {
  left: 0;
}

#development-helper.collapsed input[type="submit"], #development-helper.collapsed button, #development-helper.collapsed
#development-helper > a, #development-helper.collapsed a {
  display: none;
}

#development-helper.collapsed #show-helper {
  display: block;
}

.feedback-btn-wrapper {
  position: fixed;
  background: rgba(128, 135, 146, .4);
  color: white;
  font-family: "hypatia-sans-pro", "Avenir Next", "futura", -apple-system, "Helvetica Neue", "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11.25px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  padding: 0.3em 0.6em 1em 0.6em;
  bottom: 180px;
  bottom: 18rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: -0.6em;
  border-top: 2px #abc14e solid;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 2018;
  -webkit-transform: rotate(90deg) translateY(-100%);
          transform: rotate(90deg) translateY(-100%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

@media screen and (min-width: 768px) {
  .feedback-btn-wrapper {
    bottom: 13.5rem;
  }
}

.feedback-btn-wrapper:hover {
  left: 0;
  background: #96b222;
}

.feedback-btn-wrapper a {
  display: block;
  border: none;
}

.feedback-btn-wrapper a:before {
  content: 'chat_bubble';
  display: inline-block;
  width: 1.5em;
  font-size: inherit;
  vertical-align: middle;
}

/*

Outer Sidebar Styles

// Outer sidebar is the sidebar on the left side of the screen.

*/
.outer-sidebar .user-icon-container {
  border: 1px solid rgba(224, 226, 229, .5);
}

.panel-switcher li {
  overflow: hidden;
  position: relative;
}

.Admin .panel-switcher li {
  margin-left: -5px;
  margin-left: -0.5rem;
}

@media screen and (min-width: 992px) {
  .panel-switcher li {
    /*margin-left: 0;*/
  }
}

.panel-switcher > li {
  margin-left: -11.25px;
  margin-left: -1.125rem;
}

.panel-switcher a {
  border-bottom: 0;
  width: 100%;
  display: block;
  padding: 4px 3px 2px 5px;
  padding: 0.4rem 0.3rem 0.2rem 0.5rem;
  -webkit-transition: 0.175s ease;
  transition: 0.175s ease;
  border-left: transparent 3px solid;
}

.panel-switcher a:hover {
  border-bottom: 0;
}

.link .panel-switcher a:before {
  width: 1.618em;
}

.panel-switcher a:hover {
  background-color: rgba(0, 14, 36, .05);
}

.panel-switcher a:active {
  background-color: rgba(0, 14, 36, .15);
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}

.panel-switcher .outer-sidebar-sub-menu {
  display: none;
}

.panel-switcher > li.active {
  background-color: rgba(0, 14, 36, .05);
}

.panel-switcher > li.active:before {
  content: '';
  background: #96b222;
  width: 0.2em;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

@media screen and (max-width: 991px) {
  .panel-switcher > li.active {
    margin-left: -3px;
  }
}

@media screen and (min-width: 768px) {
  .panel-switcher > li.active {
    margin-left: -1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .Admin .panel-switcher > li.active {
    padding-left: 0.5625rem;
  }
}

@media screen and (min-width: 768px) {
  .Admin .panel-switcher > li.active {
    margin-left: -0.5625rem;
  }
}

.panel-switcher > li.active .outer-sidebar-sub-menu {
  display: block;
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
}

.panel-switcher > li.active .outer-sidebar-sub-menu a {
  padding-left: 38.25px;
  padding-left: 3.825rem;
  color: #666e7c;
}

.panel-switcher > li.active .outer-sidebar-sub-menu > li.active a {
  background-color: rgba(0, 14, 36, .05);
  font-weight: 600;
}

.sidebar-sub-links a {
  padding: 0.3em 0 0.1em 0;
  display: inline-block;
}

.sidebar-user-name {
  margin-top: 7.5px;
  margin-top: 0.75rem;
  font-size: 16.18px;
  font-size: 1.618rem;
  text-transform: capitalize;
}

@media screen and (min-width: 992px) {
  .sidebar-user-name {
    font-size: 2.25rem;
  }
}

.sidebar-user-name + .business-name:before {
  margin-right: 0.25em;
}

.outer-sidebar.is-stuck {
  z-index: 2016;
  border-top-color: transparent;
}

.Admin .outer-sidebar hr {
  margin: 0.3em 0;
}

.facade-screen {
  background: url("../images/landing-page-images/canterbury-plains.jpg") center;
  background-size: cover;
  background-position: 50% 33%;
  min-height: 657.591px;
  min-height: 65.75915rem;
  height: calc(100vh + 5.625rem);
  padding: 0;
  position: relative;
  text-align: center;
}

.facade-screen:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.facade-screen:before {
  background-color: rgba(0, 14, 36, .5);
  background-image: -webkit-linear-gradient(top, rgba(0, 14, 36, .5), transparent);
  background-image: -webkit-linear-gradient(top,rgba(0, 14, 36, .5), transparent);
  background-image: linear-gradient(to bottom,rgba(0, 14, 36, .5), transparent);
}

.facade-screen #primary-container {
  color: white;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 100%;
  padding: 0 11.25px;
  padding: 0 1.125rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .facade-screen #primary-container {
    padding: 0 2.25rem;
  }
}

@media screen and (min-width: 992px) {
  .facade-screen #primary-container {
    padding: 0 4.5rem;
  }
}

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