@charset "UTF-8";
/**
 * Variable Overrides.
 *
 * Modify this file to override the Bootstrap Framework variables. You can copy
 * these variables directly from ../bootstrap/less/variables.less to this file.
 */
/*See all colors in _colors.less*/
/* Yellow base*/
/* Yellow light*/
/*Orange*/
/*Orange light*/
/* Red*/
/* Red light*/
/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


You can see all Material colors on https://material.io/guidelines/style/color.html#color-color-palette

*/
html,
body {
  min-height: 100%;
  position: relative;
  margin: 0 !important;
  font-weight: 400;
  font-size: 12pt;
}
a,
.btn,
button,
.myanimated {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.slowanimated {
  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: all 2000ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: all 2000ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 2000ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.bezieranimated {
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
h1 {
  margin: 0 0 1em 0;
  padding: 0;
  color: #4f4f4f;
}
h1.page-header {
  font-weight: 600;
  line-height: 1em;
  vertical-align: baseline;
}
h2,
h3,
h4,
h5 {
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #4f4f4f;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
  color: #fcb900;
}
b,
strong {
  font-weight: 600;
}
.block-title {
  margin: 0 0 1em 0;
  font-size: 16pt;
  text-align: center;
}
#toolbar-administration {
  font-size: 12px;
  display: none;
}
#admin-menu {
  font-size: 12px;
  /*display:none;*/
}
body.admin-menu {
  margin-top: 0!important;
}
body.noscroll {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.btn {
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  color: #4f4f4f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
}
.btn:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.btn:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.yellowbtn {
  background: #fcb900;
  color: #ffffff;
}
.redbtn {
  background: #d33020;
  color: #ffffff;
}
.orangebtn {
  background: #ec6707;
  color: #ffffff;
}
.blackbtn {
  background: #111111;
  color: #ffffff;
}
.blackbtn:hover {
  background: #000000;
}
.graybtn {
  background: #4f4f4f;
  color: #ffffff;
}
.transbtn {
  background: rgba(255, 255, 255, 0.25);
  color: #4f4f4f;
  text-transform: uppercase;
  border: 2px solid #fcb900;
}
.transbtn:before {
  display: none;
}
.transbtn:hover {
  background: #fcb900;
  color: #ffffff;
}
.bigbtn {
  padding: 0.75em 2em;
  font-size: 13.5pt;
}
.blue {
  color: #fcb900;
}
.underlined {
  position: relative;
  padding-bottom: 1rem;
}
.underlined:after {
  height: 1px;
  width: 40px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  content: '';
  display: block;
  background: #ec6707;
}
.field .field-label {
  font-weight: 600;
}
#coffee-form {
  width: 90%;
  max-width: 500px;
}
/*****************************
CAROUSELS */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
#carousel {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}
#carTmp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#heroCarContainer {
  position: relative;
  width: 100%;
  height: 60vw;
}
@media only screen and (min-width: 769px) {
  #heroCarContainer {
    height: 42vw;
  }
}
.carItem {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  color: #fff;
  padding: 0;
  top: 0;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  font-family: "museo", serif;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}
.carItem h2,
.carItem p {
  color: #fff;
  font-size: 8vw;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .carItem h2,
  .carItem p {
    font-size: 5vw;
  }
}
.carItem a,
.carItem a:visited {
  font-size: 3vw;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 6% 0 0 0;
}
@media only screen and (min-width: 769px) {
  .carItem a,
  .carItem a:visited {
    font-size: 2vw;
  }
}
.carItem .promoLink {
  font-size: 24px;
}
.carouselCell {
  display: table-cell;
  vertical-align: middle;
}
.car_0 {
  display: table;
  z-index: 2;
}
.defaultCar {
  background-color: #d93b2b;
}
.defaultCar .carouselCell {
  position: relative;
}
.defaultCar .carouselCell:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  background-image: url('../img/yArrow.svg');
  background-position: 0 -30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#pipWrap {
  display: none;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 40px 0 0;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  #pipWrap {
    display: block;
  }
}
#pips {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  width: 60%;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#pips button {
  outline: none;
  display: block;
  text-indent: -9999px;
  background-color: #444443;
  border-radius: 16px;
  border: 0px solid #fff;
  height: 11px;
  width: 11px;
  float: left;
  margin: 3px 17px 0 0;
  cursor: pointer;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #pips button {
    width: 1em;
    height: 2em;
    -webkit-border-radius: 80%;
  }
}
#pips button.active {
  background-color: #fff;
  border: 2px solid #444443;
  margin: 0 17px 0 0;
  height: 16px;
  width: 16px;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #pips button.active {
    width: 2em;
    height: 2.4em;
    -webkit-border-radius: 80%;
  }
}
/*
* IE10 specific
*/
/*****************************
MAIN CONTENT */
#offCanvas {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}
#page-wrapper {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: left;
  margin-left: 0;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  #page-wrapper {
    float: none;
  }
}
#offCanvas.active #page-wrapper {
  margin-left: -85%;
}
main {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.node {
  padding: 0;
  position: relative;
}
.node iframe {
  width: 100%;
}
.node .vidHolderYouTube iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node .intro {
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.3em;
}
.node .introOrange {
  font-weight: 600;
  color: #f37021;
}
#block-system-main {
  background-color: #e3e3e3;
}
.sectionText {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
}
@media screen and (min-width: 767px) {
  .sectionText {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .sectionText {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .sectionText {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .sectionText {
    width: 1420px;
  }
}
@media only screen and (min-width: 1200px) {
  .sectionText {
    padding: 0;
  }
}
.sectionText .sectionTextBody {
  margin: 40px 0 22px 0;
}
@media only screen and (min-width: 641px) {
  .sectionText .sectionTextBody {
    margin: 50px 0 22px 0;
  }
}
.textCentre {
  text-align: center;
}
.blockText {
  padding: 0 10% 30px;
  font-size: 1em;
  line-height: 1.3em;
}
#node-39 .blockText {
  padding: 30px 10%;
}
/************************************************
*Over-rides for TRC Form
*/
.trcWrap {
  padding-top: 0px;
  padding-bottom: 30px;
}
.tamaki-trc-form .trc-export-link {
  text-align: center;
  margin: 5px 0 10px;
}
.tamaki-trc-form .trc-export-link a {
  display: inline-block;
  background: #f37021;
  color: #fff;
  padding: 5px 20px;
  font-weight: bold;
  text-decoration: none;
}
.tamaki-trc-form .form-item-email,
.tamaki-trc-form .form-item-email-2 {
  margin-bottom: 35px;
}
.tamaki-trc-form h3 {
  margin: 20px 0 10px;
}
.tamaki-trc-form #tamaki-conn {
  margin: 20px 0;
}
.tamaki-trc-form .form-type-checkbox {
  margin: 15px 0;
}
.tamaki-trc-form .form-type-checkbox input {
  width: auto;
}
.tamaki-trc-form .form-type-checkbox label {
  display: inline !important;
  visibility: visible !important;
}
.tamaki-trc-form .form-type-select {
  margin: 15px 0;
}
.tamaki-trc-form .form-type-select label {
  display: block !important;
  visibility: visible !important;
}
.tamaki-trc-form .form-type-select select {
  font-size: 0.9em;
}
.tamaki-trc-form .form-item-declaration input {
  float: left;
  margin-top: 0;
}
.tamaki-trc-form .form-item-declaration label {
  margin-left: 20px;
  display: block !important;
  font-size: 0.8em;
  line-height: 1.1em;
}
.tamaki-trc-form .form-item-debt {
  margin: 30px 0;
}
.tamaki-trc-form .description {
  font-size: 0.8em;
  color: #666;
}
.tamaki-trc-form .form-item-savings,
.tamaki-trc-form .form-item-kiwisaver,
.tamaki-trc-form .form-item-income-open {
  position: relative;
}
.tamaki-trc-form .form-item-savings .field-prefix,
.tamaki-trc-form .form-item-kiwisaver .field-prefix,
.tamaki-trc-form .form-item-income-open .field-prefix {
  position: absolute;
  left: -12px;
  top: 18px;
}
/************************************************
*Over-rides for Housing section
*/
.Tamaki-Housing .textCentre {
  text-align: left;
}
.shared .textCentre,
.node-type-home .Tamaki-Housing .textCentre,
.page-shaping-tamaki-together-masterplan-neighbourhoods-developments .Tamaki-Housing .textCentre {
  text-align: center;
}
#photoUpload.textCentre {
  text-align: center;
}
/* Sections */
section#page {
  border-top: 3px solid #d93b2b;
}
/*
section:not(.noDivide){
  padding: 35px 0 0 0;
  position: relative;
  &:before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url('../img/houndsTooth.jpg');
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: 100% 35px;
    height: 35px;
  }
  @media only screen and (min-width: 769px) {
    padding: 65px 0 0 0;
    &:before{
      height: 65px;
      background-size: inherit;
    }
  }
}
*/
.divider {
  height: 30px;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
section[class="imgPromoArea"],
div[class="imgPromoArea"] {
  position: relative;
}
section[class="imgPromoArea"] img,
div[class="imgPromoArea"] img {
  width: 100%;
  height: auto;
}
section[class="imgPromoArea"] #promoText,
div[class="imgPromoArea"] #promoText {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  padding: 32px 0 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "museo", serif;
  font-size: 2.5vw;
  line-height: 1em;
  text-transform: uppercase;
  z-index: 0;
  background-color: #fdb913;
  /*
    p{
      margin: 0 0 4px 0;
    }
    */
}
section[class="imgPromoArea"] #promoText span,
div[class="imgPromoArea"] #promoText span {
  display: block;
  padding: 0 4%;
}
section[class="imgPromoArea"] #promoText #promoHeading,
div[class="imgPromoArea"] #promoText #promoHeading {
  font-size: 2.5em;
  line-height: 1em;
  font-weight: 600;
}
section[class="imgPromoArea"] #promoText #promoTextBody,
div[class="imgPromoArea"] #promoText #promoTextBody {
  font-size: 1.5em;
  line-height: 1em;
  padding: 14px 4%;
  font-family: "Calibri", Arial, sans-serif;
}
section[class="imgPromoArea"] #promoText #promoLinkText,
div[class="imgPromoArea"] #promoText #promoLinkText {
  font-size: 1.2em;
  line-height: 1em;
  font-family: "Calibri", Arial, sans-serif;
  font-weight: 400;
  padding: 20px 0 14px;
}
section[class="imgPromoArea"] #promoText #promoLink,
div[class="imgPromoArea"] #promoText #promoLink {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
section[class="imgPromoArea"] #promoText:before,
div[class="imgPromoArea"] #promoText:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 100%;
  height: 20px;
  bottom: -20px;
  margin-left: -50%;
  background-image: url('../img/yLongArrow.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 640px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 35px 0 0px;
  }
  section[class="imgPromoArea"] #promoText:before,
  div[class="imgPromoArea"] #promoText:before {
    height: 40px;
    bottom: -40px;
  }
}
@media only screen and (min-width: 769px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 50px 0 0px;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1010px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 50px 0 0px;
  }
}
section[id="btmPromo"] {
  position: relative;
}
section[id="btmPromo"] .divider {
  max-width: 100%;
}
section[id="btmPromo"] #promoText {
  position: static;
  margin-left: 0;
  padding: 30px 0 15px;
  background-color: #f37021;
}
section[id="btmPromo"] #promoText:before {
  background-image: none;
}
.imgTextColWrap {
  margin: 32px 0 0;
}
/* Columns */
@media only screen and (min-width: 769px) {
  .columnWrap {
    padding: 0;
  }
}
.columnThird {
  width: 100%;
  padding: 10px;
}
.columnThird img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnThird {
    width: 33.333%;
    padding: 16px;
  }
}
.columnTwoThird {
  width: 100%;
  padding: 10px;
}
.columnTwoThird img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnTwoThird {
    width: 66.666%;
    padding: 16px;
  }
}
.columnHalf {
  width: 100%;
  padding: 0px 16px 32px;
}
.columnHalf img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnHalf {
    width: 50%;
  }
}
/*****************************
ARTICLES */
#featureImgWrap img {
  width: 100%;
  height: auto;
}
#articleHeader {
  width: 100%;
  padding: 10px;
  margin: 0;
}
#articleHeader img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  #articleHeader {
    width: 66.666%;
    padding: 1em 16px 16px 16px;
  }
}
#articleHeader img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  #articleHeader {
    width: 66.666%;
    padding: 1em 16px 16px 16px;
  }
}
#articleHeader .newsDate {
  font-size: 0.95em;
}
#articleHeader .author {
  font-size: 0.95em;
  margin: 10px 0 0 0;
}
@media only screen and (min-width: 769px) {
  h1 {
    font-size: ;
  }
}
#externalLinks {
  border-top: 1px solid #444443;
  border-bottom: 1px solid #444443;
  padding: 28px 0;
}
#socialArticle .addthis_custom_sharing {
  background-color: transparent;
  text-align: left;
  /*
    .at-svc-email{
      position: relative;
      padding: 0 0 0 30px;
      &:before{
        content: '';
        position: absolute;
        display: block;
        height: 100%;
        width: 1px;
        background-color: @textGrey;
        top: 0;
        left: 13px;
      }
    }
    */
}
#moreMedia {
  overflow: hidden;
  padding: 0 16px;
}
#moreMedia h4 {
  border-top: 2px solid #EC6707;
  padding: 32px 0 0;
  font-family: Calibri, Arial, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
}
#backToResults {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  position: relative;
  background-color: #f37021;
  font-family: "museo", serif;
  color: #fff;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin: 16px 0 14px 10px;
  padding: 10px 26px 9px 35px;
}
/*#backToResults:before {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13.0px 7.5px 0;
  border-color: transparent #ffffff transparent transparent;
}*/
#backToResults:hover {
  background-color: #f68f51;
}
@media only screen and (min-width: 769px) {
  #backToResults {
    font-size: 1em;
    margin: 20px 0 20px 16px;
    padding: 11px 26px 7px 35px;
  }
  #backToResults:before {
    top: 14px;
  }
}
#articleImgHolder a {
  display: block;
  position: relative;
}
.moreImg {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  font-family: "museo", serif;
  margin: 0 0 0 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #fff;
  background-color: #f37021;
  padding: 5px 10px 4px 35px;
  background-image: url('../img/mag.svg');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 8px 6px;
  z-index: 1;
}
.moreImg:hover {
  background-color: #f68f51;
}
/*
.moreImg{
  .transitions-background-color;
  position: relative;
  display: inline-block;
  font-family: @font-family-serif;
  margin: 0 0 20px 0;
  &:before{
    content: 'View';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    background-color: @brandPrimary;
    padding: 4px 10px 5px 35px;
    background-image: url('../img/mag.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 8px 6px;
  }
  &:hover{
    background-color: lighten(@brandPrimary, 10%);
  }
}
*/
/*tags*/
#tagHolder {
  margin-top: 10px;
}
.tagIcon {
  display: block;
  color: #f37021;
  font-size: 0.8em;
  position: relative;
  padding: 8px 0 8px 44px;
}
.tagIcon:before {
  font-size: 2.2em;
  position: absolute;
  left: 0;
  top: 9px;
}
#tag_14 {
  background-image: url('../img/tag-icons/great-neighbourhoods.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_18 {
  background-image: url('../img/tag-icons/warm-homes.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_19 {
  background-image: url('../img/tag-icons/safe-parks.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_20 {
  background-image: url('../img/tag-icons/town-center.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_21 {
  background-image: url('../img/tag-icons/healthy-residents.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_22 {
  background-image: url('../img/tag-icons/thriving-children.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_23 {
  background-image: url('../img/tag-icons/strong-cultrual-identity.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_24 {
  background-image: url('../img/tag-icons/improved-education.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_25 {
  background-image: url('../img/tag-icons/successful-businesses.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_26 {
  background-image: url('../img/tag-icons/invest-opportunities.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_27 {
  background-image: url('../img/tag-icons/career-opportunities.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
span[id^="tag_"] {
  background-image: url('../img/tag-icons/default.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
/* Generic orange btn*/
.orangeBtn {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  font-family: "museo", serif;
  background-color: #f37021;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 1em;
}
.orangeBtn:hover {
  background-color: #f68f51;
}
#viewAll {
  margin: 12px 0;
}
/* Social sharing */
.addthis_custom_sharing {
  background-color: #FCB900;
  padding: 30px 0;
  text-align: center;
  /*
  .at-icon-wrapper{
    height: 45px;
    width: 45px;
    line-height: 45px;
    svg{
      height: 37px !important;
      width: 37px !important;
      padding: 4px 0 0 4px !important;
    }
  }
  */
}
#sectionSocial .addthis_custom_sharing .at-svc-email,
#sectionSocial .addthis_custom_sharing .at-svc-pdfonline {
  display: none;
}
/*****************************
FORMS */
.formWrap {
  background-color: #fdb913;
}
.formWrap form {
  width: 100%;
  max-width: 520px;
  text-align: left;
  /*
    div:not(.form-item-consent) > label{
      .visuallyhidden;
    }
    */
}
@media only screen and (min-width: 521px) {
  .formWrap form {
    margin: 0 auto;
  }
}
.formWrap form input,
.formWrap form textarea {
  width: 90%;
  outline: none;
  border: none;
  padding: 10px;
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  font-size: 0.9em;
  margin: 10px 0 0px 0;
  background-color: #fff;
}
.formWrap form textarea {
  width: 97.5%;
}
@media only screen and (min-width: 400px) {
  .formWrap form textarea {
    width: 96.2%;
  }
}
@media only screen and (min-width: 604px) {
  .formWrap form textarea {
    width: 94%;
    min-height: auto;
  }
}
.formWrap form .grippie {
  display: none !important;
  visibility: hidden;
}
.formWrap form div > label {
  display: none !important;
  visibility: hidden;
}
.formWrap form input[type="submit"] {
  background-color: #444443;
  color: #fff;
  width: 50%;
  margin: 20px auto 0;
  display: block;
}
.formWrap form .form-item-honeypot {
  display: none !important;
  visibility: hidden;
}
.formWrap form .form-required {
  display: none !important;
  visibility: hidden;
}
.formWrap form div.form-item-consent input,
.formWrap form div.form-item-sendoptions input {
  width: auto;
}
.formWrap form div.form-item-consent label,
.formWrap form div.form-item-sendoptions label {
  text-align: left;
  margin-top: 8px;
  visibility: visible;
  display: inline-block !important;
}
.formWrap form div.form-item-consent label:nth-child(2),
.formWrap form div.form-item-sendoptions label:nth-child(2) {
  display: none;
}
.formWrap form div.form-item-request textarea {
  min-height: 280px;
}
@media only screen and (min-width: 641px) {
  .formWrap form div.form-item-request textarea {
    min-height: auto;
  }
}
.formSide {
  background-color: #fff;
}
.formSide form input,
.formSide form label {
  width: 90%;
}
.formSide form input {
  border: 1px solid #dfdfdf;
}
/*****************************
LIGHTBOX OVER RIDES */
body:after {
  content: url(../js/vendor/close.png) url(../js/vendor/loading.gif) url(../js/vendor/prev.png) url(../js/vendor/next.png);
}
.lb-cancel {
  background: url(../js/vendor/loading.gif) no-repeat;
}
.lb-nav a.lb-prev {
  background: url(../js/vendor/prev.png) left 48% no-repeat;
}
.lb-nav a.lb-next {
  background: url(../js/vendor/next.png) right 48% no-repeat;
}
.lb-data .lb-close {
  background: url(../js/vendor/close.png) top right no-repeat;
}
#page .slick-dotted.slick-slider {
  margin-bottom: 25px;
}
.tamaki-carousel {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
}
.tamaki-carousel li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.tamaki-carousel li .slide-alt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #ffffff;
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
}
.tamaki-carousel li img {
  display: block;
  width: 100%;
  height: auto;
}
.tamaki-carousel .slick-next {
  right: 5px;
}
.tamaki-carousel .slick-prev {
  left: 5px;
}
.tamaki-carousel .slick-next,
.tamaki-carousel .slick-prev {
  width: 40px;
  height: 40px;
  z-index: 2;
}
.tamaki-carousel .slick-next:before,
.tamaki-carousel .slick-prev:before {
  font-size: 40px;
}
.tamaki-carousel .slick-dots {
  background: #ffffff;
}
.tamaki-carousel .slick-dots li button:before {
  font-size: 12px;
}
html,
button,
input,
select,
textarea {
  color: #444443;
  font-family: "Calibri", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 1em;
  font-weight: 200;
  line-height: 1.3em;
  background-color: #f5f4f2;
  margin: 0;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
  margin: 0;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
nav,
header,
div,
section,
article,
main {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
ul {
  padding: 0 0 0 22px;
  margin: 0 0 20px 0;
}
ul li {
  list-style: none;
  padding: 3px 0;
}
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 22px;
}
ol li {
  list-style: inherit;
  padding: 4px 0 4px 4px;
}
ol li:before {
  content: '';
}
section div.sectionText ul {
  margin: 0 auto 20px;
  text-align: left;
  width: 80%;
}
section div.sectionText ul li {
  position: relative;
}
section div.sectionText ul li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #444443;
  top: -1px;
  left: -20px;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #f37021;
  top: 7px;
  left: -18px;
}
section div.sectionText ul li li:before,
section div.sectionText ul ul li:before {
  border-color: transparent transparent transparent #444443;
  border-width: 4px 0 4px 8px;
  top: 9px;
}
p {
  margin: 0 0 22px 0;
}
p.introPara {
  font-family: "museo", serif;
  font-size: 3em;
  line-height: 1.2em;
}
/* Links */
a {
  color: #f37021;
  text-decoration: underline;
}
a:hover,
a:active {
  text-decoration: none;
}
a:visited {
  color: #f37021;
}
a:focus,
button:focus {
  outline: none;
}
a.external {
  background: url('../img/external.png') no-repeat 100% 4px;
  padding: 0 15px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  a.external {
    /*Webkit hack*/
    background-position: 100% 3px;
  }
}
.footerLinks a.external {
  background-position: 100% -17px;
}
a.pdf {
  position: relative;
}
a.pdf::after {
  position: absolute;
  content: '';
  right: -17px;
  width: 12px;
  height: 16px;
  background: url('../img/icon-pdf.png') no-repeat 0 0;
  background-size: 100%;
}
blockquote {
  position: relative;
  color: #444443;
  font-weight: 600;
  font-size: 1.4em;
  line-height: 1.1em;
  padding: 28px 50px 10px;
  margin: 40px 16px;
  text-align: center;
  z-index: 0;
}
@media only screen and (min-width: 641px) {
  blockquote {
    margin: 45px 16px;
  }
}
blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: url('../img/rTriangle.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  max-width: 75px;
  z-index: -1;
}
blockquote:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  background-image: url('../img/rTriangle.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  max-width: 75px;
  transform: rotate(180deg);
  z-index: -1;
}
blockquote .attribution {
  text-transform: uppercase;
  font-size: 0.6em;
  font-weight: 400;
}
blockquote.singleY:before {
  background-image: url('../img/yTriangle.svg');
}
blockquote.singleY:after {
  display: none;
}
strong {
  font-weight: 600;
}
/*****************************
HEADERS */
/*HEADING 1*/
h1 {
  font-family: "museo", serif;
  font-weight: 600;
  color: #444443;
  text-transform: uppercase;
  font-size: 1em;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 15px 0px;
  box-sizing: border-box;
}
h1.pageTitle {
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 22px 0;
  font-size: 0.6em;
  line-height: 1em;
  position: relative;
}
h1.pageTitle:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
h1.resultsTitle {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
  color: #444443;
  text-align: center;
  padding: 0 0 30px 0;
  position: relative;
}
h1.resultsTitle:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  border-top-color: #444443;
  top: -22px;
  left: 50%;
  margin-left: -10px;
}
h1.resultsNoFilter {
  background-color: #fff;
  padding: 80px 0 0 0;
  font-size: 1.7vw;
  font-weight: 400;
  color: #444443;
  text-align: center;
  position: relative;
}
h1.resultsNoFilter:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  border-top-color: #444443;
  top: 50px;
  left: 50%;
  margin-left: -10px;
}
h1.hideMe {
  background-color: #fff;
  padding: 44px 0 0 0;
  font-size: 1.7vw;
  font-weight: 400;
  display: block;
  text-indent: -9999px;
}
div.bigAssHeadingWithImage,
div.bigAssHeading {
  font-family: "museo", serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box;
  background-color: #d93b2b;
  font-size: 1.5em;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  padding: 13% 0 17%;
  position: relative;
  z-index: 0;
  text-align: center;
  height: 100%;
}
@media screen and (min-width: 767px) {
  div.bigAssHeadingWithImage,
  div.bigAssHeading {
    max-height: 500px;
    min-height: 220px;
  }
}
#heroTextWrap {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
div.bigAssHeadingWithImage {
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
div.bigAssHeading:before {
  display: none;
}
@media screen and (min-width: 767px) {
  div.bigAssHeading:before {
    content: '';
    position: absolute;
    top: -4%;
    left: 50%;
    margin-left: -50%;
    background-image: url('../img/yArrow.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 94%;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#articleHeader h1 {
  font-family: "Calibri", Arial, sans-serif;
  font-size: 8vw;
  text-transform: none;
  line-height: 0.9em;
  margin: 15px 0 13px;
}
@media only screen and (min-width: 641px) {
  #articleHeader h1 {
    font-size: 5vw;
  }
}
@media only screen and (min-width: 1020px) {
  #articleHeader h1 {
    font-size: 3.6vw;
  }
}
/*HEADING 2*/
h2 {
  font-family: "museo", serif;
  color: #444443;
  text-transform: uppercase;
  font-size: 7.2vw;
  font-weight: 600;
  line-height: 1.2em;
}
@media only screen and (min-width: 641px) {
  h2 {
    font-size: 5.5vw;
  }
}
@media only screen and (min-width: 769px) {
  h2 {
    font-size: 3.5vw;
  }
}
.sectionText h2 {
  padding: 20px 0 58px;
  margin: 20px 0 0px 0;
  position: relative;
  text-align: center;
}
.sectionText h2:after {
  content: '';
  display: block;
  position: absolute;
  background-image: url('../img/yTriangle.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 55px;
  height: 33px;
  transform: rotate(-135deg);
  bottom: 35px;
  left: 50%;
  margin-left: -27px;
}
@media only screen and (min-width: 641px) {
  .sectionText h2 {
    padding: 48px 0 58px;
    margin: 30px 0 20px;
  }
  .sectionText h2:after {
    height: 55px;
    bottom: 20px;
  }
}
.home .sectionText h2 {
  margin: 20px 0 40px 0;
}
@media only screen and (min-width: 641px) {
  .home .sectionText h2 {
    margin: 40px 0 50px;
  }
}
@media only screen and (min-width: 769px) {
  .home #promoArea h2 {
    border-top: 1px solid #444443;
  }
}
#gridWrap .sectionText h2 {
  margin: 0px 0 50px;
  padding: 26px 0 58px;
}
.formWrap h2 {
  font-size: 7vw;
  margin: 0 0 0;
  padding: 0 0 24px;
}
@media only screen and (min-width: 769px) {
  .formWrap h2 {
    font-size: 2em;
  }
}
.formWrap h2:after {
  background-image: none;
}
.formSide h2 {
  font-size: 1.2em;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
}
#footerSocial h2 {
  color: #fff;
  margin: 0 0 20px 0;
  font-size: 2em;
}
/*HEADING 3*/
h3 {
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 20px 0;
}
/*HEADING 4*/
h4 {
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1em;
  margin: 32px 0;
}
/*****************************
TABLES */
table {
  border: 1px solid #ddd;
  border-radius: 3px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 12px 0;
  background-color: #ffffff;
}
thead th {
  border: 1px solid #ddd;
  background-color: #f5f1eb;
  color: #9e7c4c;
  padding: 9px 10px;
}
tbody {
  border: none;
  border-collapse: collapse;
  font-size: 0.9em;
}
tbody th {
  border: 1px solid #ddd;
  background-color: #f5f1eb;
  color: #9e7c4c;
  padding: 9px 10px;
}
tbody tr:nth-child(2n+1) td,
tbody tr:nth-child(2n+1) th {
  background-color: #f9f9f9;
}
tbody td {
  border: 1px solid #ddd;
  padding: 9px 10px;
}
table.imgThird {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgThird {
    width: 33.3333%;
  }
}
table.imgThird td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgThird img {
  width: 100%;
  height: auto;
}
table.imgHalf {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgHalf {
    width: 50%;
  }
}
table.imgHalf td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgHalf img {
  width: 100%;
  height: auto;
}
table.imgTwoThird {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgTwoThird {
    width: 66.6667%;
  }
}
table.imgTwoThird td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgTwoThird img {
  width: 100%;
  height: auto;
}
table.imgFull {
  width: 100%;
  border: none;
}
table.imgFull td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgFull img {
  width: 100%;
  height: auto;
}
table.alignLeft {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 768px) {
  table.alignLeft {
    float: left;
    margin: 0 18px 12px 0;
  }
}
table.alignRight {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 768px) {
  table.alignRight {
    float: right;
    margin: 0 0 12px 18px;
  }
}
td.numData {
  text-align: right;
}
.pinned {
  border: none !important;
}
.st-key,
td.numData {
  text-align: left;
}
.st-key {
  width: 39%;
  padding-right: 1%;
}
.st-val {
  width: 59%;
  padding-left: 1%;
}
@font-face {
  font-family: 'tamaki';
  src: url('../fonts/tamaki.eot?75206802');
  src: url('../fonts/tamaki.eot?75206802#iefix') format('embedded-opentype'), url('../fonts/tamaki.woff?75206802') format('woff'), url('../fonts/tamaki.ttf?75206802') format('truetype'), url('../fonts/tamaki.svg?75206802#tamaki') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tamaki';
    src: url('../font/tamaki.svg?23338259#tamaki') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tamaki";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8;*/
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%;*/
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}
/* Declare all the icons
.icon-search,
.icon-down-open-big,
.icon-left-open-big,
.icon-right-open-big,
.icon-up-open-big,
.icon-tag{
  display: block;
  position: relative;
};
*/
.icon-down-open-big:before {
  content: '\e800';
}
/* '' */
.icon-left-open-big:before {
  content: '\e801';
}
/* '' */
.icon-right-open-big:before {
  content: '\e802';
}
/* '' */
.icon-up-open-big:before {
  content: '\e803';
}
/* '' */
.icon-search:before {
  content: '\e804';
}
/* '' */
.icon-file-word:before {
  content: '\e805';
}
/* '' */
.icon-file-pdf:before {
  content: '\e806';
}
/* '' */
.icon-file-excel:before {
  content: '\e807';
}
/* '' */
.icon-file-powerpoint:before {
  content: '\e808';
}
/* '' */
.icon-doc-text:before {
  content: '\e809';
}
/* '' */
.icon-file-image:before {
  content: '\e80a';
}
/* '' */
/*****************************
FOOTER */
footer {
  background-color: #444443 !important;
  color: #ffffff;
  padding: 60px 0 80px;
  font-size: 0.9em;
  position: relative;
}
footer:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  height: 30px;
}
footer a {
  color: #fff;
}
footer a:visited {
  color: #fff;
}
footer p {
  margin: 0 0 15px 0;
}
#footerWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (min-width: 641px) {
  #footerWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 641px) {
  #footerWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1020px) {
  #footerWrap {
    padding: 0;
  }
}
#footerCopy {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (min-width: 641px) {
  #footerCopy {
    text-align: inherit;
  }
}
@media only screen and (min-width: 1020px) {
  #footerCopy {
    padding: 0;
  }
}
.footerLinks {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .footerLinks {
    width: 60%;
  }
}
.footerLinks ul {
  text-align: center;
  margin: 1px 0 0 0;
  padding: 0;
  /*
    li:after{
      content: '|';
      position: absolute;
      right: 3px;
      top: 0;
      color: @white;
      width: 10px;
      height: inherit;
    }
    li:last-child:after{
      content: '';
    }
    */
}
@media only screen and (min-width: 641px) {
  .footerLinks ul {
    text-align: inherit;
  }
}
.footerLinks ul li {
  display: block;
  padding: 0 20px 0 0;
  position: relative;
}
@media only screen and (min-width: 641px) {
  .footerLinks ul li {
    display: inline-block;
  }
  .footerLinks ul li:after {
    content: '|';
    position: absolute;
    right: 3px;
    top: 0;
    color: #ffffff;
    width: 10px;
    height: inherit;
  }
  .footerLinks ul li:last-child:after {
    content: '';
  }
}
.footerLinks ul li a {
  color: #ffffff;
  text-decoration: underline;
}
.footerLinks ul li a:hover {
  text-decoration: none;
}
.footerLinks #footer-menu li > div.subMenuWrap {
  display: none;
}
#footerSocial {
  width: 100%;
  margin: 40px 0 0;
  text-align: center;
  /*
  .addthis_custom_sharing{
    background-color: inherit;
    padding: 0;
    //text-align: right;
    .at-custom-button-color .at-icon-wrapper{
      background-color: #fff;
    }
    .at-icon{
      fill: @textGrey;
    }
    //Hide extras
    .at-svc-email,
    .at-svc-pdfonline{
      display: none;
    }
  }
  */
}
@media only screen and (min-width: 641px) {
  #footerSocial {
    width: 40%;
    margin: 0;
  }
}
#footerSocial #twitter {
  display: inline-block;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  background-image: url('../img/twitter.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  margin-top: 20px;
}
/*----------  Gallery and Form  ----------*/
#galleryForm {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
}
#galleryForm h3 {
  font-family: "museo", serif;
  color: #000;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
}
#galleryForm h5 {
  font-family: "museo", serif;
  color: #f37021;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2em;
  margin: 1rem 0 0 0;
}
#galleryForm .galleryText {
  padding: 1rem;
}
#galleryForm .galleryTextWrap {
  margin: 3rem 0 0 0;
  position: relative;
  min-height: 10rem;
}
#galleryForm .galleryTextWrap__item {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
}
#galleryForm .galleryTextWrap__item--active {
  opacity: 1;
  position: relative;
}
#galleryForm .slider-nav {
  margin: 1rem 0;
}
#galleryForm .slider-nav .sliderThumb {
  margin: 0 0.5rem;
}
#galleryForm .slider-nav .sliderThumb img {
  width: auto;
}
#galleryForm .formWrap {
  padding: 1rem;
}
#galleryForm .formWrap #feedback-form form,
#galleryForm .formWrap #feedback-form--2 form,
#galleryForm .formWrap #feedback-form input[type="text"],
#galleryForm .formWrap #feedback-form--2 input[type="text"],
#galleryForm .formWrap #feedback-form textarea,
#galleryForm .formWrap #feedback-form--2 textarea {
  box-sizing: border-box;
  width: 100%;
}
#galleryForm .formWrap #feedback-form input[type="checkbox"],
#galleryForm .formWrap #feedback-form--2 input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin: 10px 10px 0 0;
}
#galleryForm .formWrap #feedback-form .form-type-checkbox label,
#galleryForm .formWrap #feedback-form--2 .form-type-checkbox label {
  display: inline-block !important;
  visibility: visible;
  min-height: initial;
}
#galleryForm .formWrap #feedback-form .grippie,
#galleryForm .formWrap #feedback-form--2 .grippie {
  display: none;
}
#galleryForm #socialArticle {
  padding: 0 1rem;
}
/*----------  Over-ride slick.less  ----------*/
#galleryForm .slick-slider.slider-nav .slick-list {
  margin: 0 30px;
  padding: 0 !important;
}
#galleryForm .slick-slider .slick-dots {
  margin: 0;
  text-align: center;
  width: 100%;
}
#galleryForm .slick-slider .slick-dots li:before {
  content: '';
  display: none;
}
#galleryForm .slick-slider .slick-dots li button::before {
  font-size: 2rem;
  color: #f37021;
  opacity: 0.8;
  top: 6px;
}
#galleryForm .slick-slider .slick-dots li.slick-active button::before {
  color: #f37021;
  opacity: 1;
}
#galleryForm .slick-slider .slick-next::before,
#galleryForm .slick-slider .slick-prev::before {
  content: "";
  background-image: url('../img/oArrow.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  opacity: 1;
  display: block;
}
#galleryForm .slick-slider .slick-next {
  right: 0;
}
#galleryForm .slick-slider .slick-next::before {
  transform: rotate(-90deg);
}
#galleryForm .slick-slider .slick-prev {
  left: 0;
}
#galleryForm .slick-slider .slick-prev::before {
  transform: rotate(90deg);
}
/*****************************
GRID RESULTS */
#gridWrap {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 16px;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  #gridWrap {
    padding: 0;
    background-color: transparent;
  }
}
#gridSearchResults {
  float: left;
  width: 100%;
  background-color: #fff;
}
#filteredBy {
  padding: 60px 0 30px;
  text-align: center;
  background-color: #fff;
}
#filter {
  background-color: #fdb913;
  padding: 90px 0;
  text-align: center;
}
#filter .instructions {
  padding: 0 0 10px 0;
}
#filter #selectWrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  max-width: 500px;
}
#filter #selectWrap #selectDrop {
  position: absolute;
  top: 7px;
  right: 22%;
  width: 25px;
  height: 22px;
  z-index: 1;
  background-image: url('../img/oArrow.svg');
  background-repeat: no-repeat;
  background-position: 0 6px;
  background-size: 100%;
  background-color: #fff;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #filter #selectWrap #selectDrop {
    top: 0;
    right: 11%;
    height: 37px;
    background-position: 0 4px;
  }
}
#filter select {
  width: 60%;
  height: 35px;
  padding: 5px;
  text-align: center;
  font-size: 1em;
  margin: 0;
  color: #444443;
  background-color: #fff;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  cursor: pointer;
  position: relative;
}
#filter select option {
  display: block;
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  padding: 8px 4px 4px 4px !important;
}
#filter select option:disabled {
  color: #e3e3e3;
}
#gridTitle {
  padding: 30px 16px 0px;
  background-color: #fff;
}
#gridTitle h1 {
  margin: 0;
}
#gridResults {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.gridItem {
  display: flex;
  align-items: stretch;
}
.gridItem img {
  width: 100%;
  height: auto;
}
.partners-grid .gridItem {
  margin-bottom: 25px;
  min-height: 0;
}
@media only screen and (min-width: 481px) {
  .partners-grid .gridItem {
    min-height: 0;
  }
}
@media only screen and (min-width: 769px) {
  .partners-grid .gridItem {
    min-height: 0;
  }
}
.partners-grid .gridItem p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 481px) {
  .partners-grid .clear-2 {
    clear: both;
  }
}
@media only screen and (min-width: 641px) {
  .partners-grid .clear-2 {
    clear: none;
  }
  .partners-grid .clear-3 {
    clear: both;
  }
}
@media only screen and (min-width: 769px) {
  .partners-grid .clear-3 {
    clear: none;
  }
  .partners-grid .clear-4 {
    clear: both;
  }
}
.partners-grid p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 769px) {
  .nid_39 .gridItem {
    min-height: auto;
  }
}
#gridWrap.downloads .gridItem {
  min-height: 445px;
}
@media only screen and (min-width: 769px) {
  #gridWrap.downloads .gridItem {
    min-height: 614px;
  }
}
.node-gallery .gridItem {
  position: relative;
}
.node-gallery .gridItem .aspectRatio {
  padding-bottom: 100%;
}
.node-gallery .gridItem .gridImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .node-gallery .gridItem {
    min-height: 100%;
  }
}
.gridImage img {
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
  transition: transform 2.5s ease;
}
.gridImage a {
  display: block;
  overflow: hidden;
}
.gridImage a:hover img {
  transform: scale(1.05);
}
.newsPublished {
  font-size: 0.9em;
  padding: 15px 0 0;
}
.newsResultTitle {
  padding: 10px 0 14px;
  color: #444443;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: 600;
}
.newsResultTitle a {
  color: #444443 !important;
  text-decoration: none;
}
.newsResultTitle a:hover {
  text-decoration: underline;
}
.newsSnippet {
  padding: 10px 0;
}
.newsSnippet p {
  margin: 0;
}
.newsReadmore {
  color: #f37021;
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  display: inline-block;
}
.newsReadmore:hover,
.newsReadmore:visited {
  color: #f37021;
  text-decoration: none;
}
.teamDeets {
  font-size: 0.9em;
}
#noResults {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 16px;
}
#pager {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0 40px;
  text-align: center;
  background-color: #fff;
}
#pager #loadMore {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  font-family: "museo", serif;
  background-color: #f37021;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 1em;
}
#pager #loadMore:hover {
  background-color: #f68f51;
}
/*****************************
HEADER */
.page-shaping-tāmaki-together-masterplan-map header {
  height: 40px;
  padding: 8px 10px;
}
.page-shaping-tāmaki-together-masterplan-map header #logo {
  height: 24px;
  width: 100px;
}
@media only screen and (min-width: 769px) {
  .page-shaping-tāmaki-together-masterplan-map header {
    height: auto;
    padding: 4vw 10px 0vw;
  }
  .page-shaping-tāmaki-together-masterplan-map header #logo {
    height: 52px;
    width: 264px;
  }
}
#superNav.desktop {
  display: none;
}
@media only screen and (min-width: 769px) {
  #superNav.desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 10px;
    padding: 10px 0 0 0;
    text-align: right;
  }
  #superNav.desktop ul {
    margin: 0 25px 0 0;
    padding: 0;
  }
  #superNav.desktop li {
    display: inline-block;
    padding: 5px 15px 0;
    margin: 0;
  }
  #superNav.desktop a {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    display: inline-block;
    color: #444443;
    text-decoration: none;
  }
  #superNav.desktop a:hover {
    color: #f37021;
  }
  #superNav.desktop .siteSwitcher a {
    position: relative;
    padding: 0;
    color: #f37021;
  }
  #superNav.desktop .icon-search {
    position: absolute;
    top: 16px;
    right: 8px;
    z-index: 1;
  }
  #superNav.desktop #block-search-form {
    position: relative;
  }
  #superNav.desktop #block-search-form .form-item input {
    outline: none;
    border: 1px solid #000;
    padding: 4px 10px;
    font-size: 0.9em;
    width: 180px;
  }
}
@media only screen and (min-width: 1020px) {
  #superNav.desktop {
    right: 0px;
  }
}
.block-search #edit-actions {
  position: absolute;
  top: 0px;
  left: 115px;
  width: 25px;
  height: 28px;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .block-search #edit-actions {
    left: 166px;
    width: 35px;
  }
}
.block-search #edit-actions input {
  outline: none;
  border: none;
  background-color: transparent;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.logoWrap {
  padding: 0;
  margin: 0;
  width: 50%;
}
@media only screen and (min-width: 769px) {
  .logoWrap {
    width: auto;
  }
}
.logoWrap #logo {
  display: block;
  width: 100%;
  height: 13vw;
  text-indent: -9999px;
}
@media only screen and (min-width: 769px) {
  .logoWrap #logo {
    height: 52px;
    width: 264px;
  }
}
.Tamaki .logoWrap #logo {
  background: url('../img/logo.png') no-repeat 0 0 transparent;
  background-size: 100%;
}
.Tamaki-Housing .logoWrap #logo {
  background: url('../img/logo-t.png') no-repeat 0 0 transparent;
  background-size: 100%;
  height: 83px;
}
#printLogo {
  display: none;
}
#slogan {
  display: none;
}
@media only screen and (min-width: 769px) {
  #slogan {
    display: block;
    position: relative;
    font-family: "museo", serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #444443;
    text-transform: uppercase;
    line-height: 1em;
    padding: 16px 20px 0 0;
  }
}
#slogan:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url('../img/yArrow.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transform: rotate(-135deg);
}
/*
* Transitions
*/
.transitions-all {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transitions-color {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.transitions-background-color {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.transitions-opacity {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.transitions-height {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.transitions-width {
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.transitions-padding {
  -webkit-transition: padding 0.2s ease;
  -moz-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
}
.transitions-transform {
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
  transition: transform 2.5s ease;
}
/*
* Key frames
*/
@keyframes slidein {
  from {
    background-size: 500px 657px;
    background-position: 120% 0;
  }
  to {
    background-size: 628px 826px;
    background-position: 100% 20px;
  }
}
@keyframes slideinleft {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: 84% 0px;
  }
}
@keyframes slideinleftfull {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: 100% 0px;
  }
}
/*
* Hardware accelaration
*/
.accelerate {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
/*
* Flex
*/
.flexDisplay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flexAlignCenter {
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flexWrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justifyCenter {
  -webkit-justify-content: center;
  justify-content: center;
}
.justifyLeft {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.justifyRight {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.spaceInBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.spaceAround {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flexColumn {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flexRow {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flex1 {
  -webkit-box-flex: 1 0 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 0 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 0 auto;
  /* Chrome */
  -ms-flex: 1 0 auto;
  /* IE 10 */
  flex: 1 0 auto;
}
.beFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 641px) {
  .beFlex {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
/*
.beFlex{
  @media only screen and (min-width: @stageMinDeskWidth) {
    .flexDisplay;
  }
}
*/
/*
* Center content
*/
.centerContent {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
/*
* Buttons
*/
.buttonStyle {
  display: block;
  border: none;
  outline: none;
  background-color: transparent;
}
/*
* New block context
*/
.newBlockContext {
  overflow: hidden;
}
/*
* Mobile only
*/
.mobile {
  display: block;
}
@media only screen and (min-width: 769px) {
  .mobile {
    display: none;
  }
}
/*
* Mobile padding - sets padding for width before @stageMaxWidth
*/
.mobilePadding {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 1020px) {
  .mobilePadding {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
* Before and After standard block
*/
.beforeAfter {
  content: '';
  position: absolute;
}
/*
* Brightness fix for greying of whites in some browsers
*/
.brightness {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
  /* Firefox 3.5+ */
  filter: brightness(1.085);
  -webkit-filter: brightness(108.5%);
  /* Chrome 19+ & Safari 6+ */
}
/*
* Hidetext using text-indent
*/
.hide-text {
  display: block;
  text-indent: -9999px;
}
/*
* Handle iFrame resizing for embedded videos using iFrames
*/
.videoItem {
  /* Firefox 3.5+ */
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
  /* Firefox 3.5+ */
  filter: brightness(1.085);
  -webkit-filter: brightness(108.5%);
  /* Chrome 19+ & Safari 6+ */
  vertical-align: bottom;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.videoItem iframe,
.videoItem object,
.videoItem embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
* Shapes
*/
.triangleDown {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
}
.triangleDownSmall {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
}
.triangleRight {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #444443;
  top: -1px;
  left: -20px;
}
/*
* Aspect ratio
*/
.aspectRatio16by9 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.aspectRatio4by3 {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
}
.aspectRatio3by2 {
  position: relative;
  width: 100%;
  padding-bottom: 66.66%;
}
.aspectRatio340by284 {
  position: relative;
  width: 100%;
  padding-bottom: 83.5%;
}
.aspectRatioYouTube {
  position: relative;
  width: 100%;
  padding-bottom: 56.3%;
}
.aspectContent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aspectRatio {
  position: relative;
  width: 100%;
  padding-bottom: 120%;
}
@media only screen and (min-width: 540px) {
  .aspectRatio {
    padding-bottom: 95%;
  }
}
@media only screen and (min-width: 668px) {
  .aspectRatio {
    padding-bottom: 84%;
  }
}
@media only screen and (min-width: 768px) {
  .aspectRatio {
    padding-bottom: 64%;
  }
}
@media only screen and (min-width: 1020px) {
  .aspectRatio {
    padding-bottom: 52%;
  }
}
@media only screen and (min-width: 1100px) {
  .aspectRatio {
    padding-bottom: 45%;
  }
}
@media only screen and (min-width: 1300px) {
  .aspectRatio {
    padding-bottom: 38%;
  }
}
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/*
Home grid
*/
#homePromoContainer {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
@media only screen and (min-width: 641px) {
  #homePromoContainer {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 641px) {
  #homePromoContainer {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 769px) {
  #homePromoContainer {
    border-bottom: 1px solid #444443;
    padding: 0 0 75px;
  }
}
.homeGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  /* Custom tiles*/
}
@media only screen and (min-width: 769px) {
  .homeGroup {
    width: 50%;
  }
}
.homeGroup .promoItem {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-color: #fff;
  /*TESTING*/
  width: 100%;
  position: relative;
  /**/
}
.homeGroup .promoItem .aspectRatio {
  padding-bottom: 100%;
}
.homeGroup .promoItem img {
  width: 100%;
  height: auto;
}
.homeGroup .promoItem a {
  /*TESTING
      Looks good and holding - 23-3-2016
      see: http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
      */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /**/
  text-decoration: none;
  display: block;
  padding: 10vw 22px;
  box-sizing: border-box;
  line-height: 1.3em;
  font-size: 5vw;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoItem a {
    padding: 18% 22px;
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1020px) {
  .homeGroup .promoItem a {
    font-size: 1.5em;
  }
}
.homeGroup .promoItem a:hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #f37021;
  opacity: 0.4;
}
.homeGroup .promoItem .tileHead {
  color: #f37021;
  font-weight: 600;
  font-size: 3vw;
  text-transform: uppercase;
  padding: 1% 0;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoItem .tileHead {
    font-size: 1.8vw;
  }
}
@media only screen and (min-width: 1020px) {
  .homeGroup .promoItem .tileHead {
    font-size: 0.7em;
  }
}
.homeGroup .promoItem .tileTitle {
  color: #444443;
  font-weight: 600;
  line-height: 1.2em;
}
.homeGroup .promoPad a {
  padding: 5vw 22px;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoPad a {
    padding: 4% 22px;
  }
}
.homeGroup .promo1x1 {
  width: 50%;
}
.homeGroup .promo2x1 {
  width: 100%;
}
.homeGroup .promo_6 {
  font-weight: 600;
  line-height: 1.2em;
  position: relative;
  z-index: 0;
  /*
    &:before{
      content: '';
        display: block;
        position: absolute;
        background-image: url('../img/yTriangle.svg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 255px;
        height: 255px;
        //transform: rotate(0deg);
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    */
}
.homeGroup .promo_6 p {
  color: #444443;
}
.homeGroup .promo_7 {
  font-weight: 600;
  line-height: 1.2em;
  background-color: #444443;
}
.homeGroup .promo_7 p,
.homeGroup .promo_7 a {
  color: #fdb913 !important;
}
.homeGroup .promo_8 {
  font-weight: 600;
  line-height: 1.2em;
  position: relative;
  z-index: 0;
  /*
    &:before,
    &:after{
      content: '';
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 255px;
        height: 255px;
        //transform: rotate(0deg);
        z-index: -1;
    }
    &:before{
      background-image: url('../img/yTriangle.svg');
      top: 0;
        left: 0;
    }
    &:after{
        background-image: url('../img/rTriangle.svg');
        transform: rotate(180deg);
        bottom: 0;
        right: 0;
    }
    */
}
.homeGroup .promo_8 p {
  color: #444443;
}
.homeGroup .promo_9 {
  font-weight: 600;
  line-height: 1.2em;
}
.homeGroup .promo_9 p,
.homeGroup .promo_9 a {
  color: #fff !important;
}
.homeGroup .defaultHomeGrid {
  background-image: url('../img/orangeWhite.gif');
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
/**********************************************************************************
PRELOADER
*/
#loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #000;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border-top: 8px solid #f37021;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}
#loader:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border-top: 7px solid #d93b2b;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
  content: "";
  position: absolute;
  top: 19px;
  left: 17px;
  right: 17px;
  bottom: 15px;
  border-radius: 50%;
  border-top: 6px solid #fdb913;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}
/* Loaded */
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  /*
    -webkit-transform: translateY(-100%);/* Chrome, Opera 15+, Safari 3.1+
        -ms-transform: translateY(-100%);/* IE 9
            transform: translateY(-100%);/* Firefox 16+, IE 10+, Opera

    -webkit-transition: all 0.3s 1s ease-out;
            transition: all 0.3s 1s ease-out;
    */
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none;
}
/**********************************************************************************
MAP APP
*/
#handIndicator {
  transition: opacity 0.5s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background-image: url('../img/maps/hand.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  opacity: 0;
  z-index: 3;
  animation-name: shake;
  animation-duration: 4s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
  animation-fill-mode: forwards;
  /* or: backwards, both, none */
  animation-delay: 2s;
  /* or: Xms */
}
#handIndicator.inactive {
  display: none;
}
@-webkit-keyframes shake {
  0% {
    transform: rotate(-10deg) translateX(-50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    transform: rotate(20deg) translateX(50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 1;
  }
  100% {
    transform: rotate(20deg) translateX(50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: rotate(-10deg) translateX(-50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    transform: rotate(20deg) translateX(50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 1;
  }
  100% {
    transform: rotate(20deg) translateX(50px);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0;
  }
}
#mainMapContainer {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
  /* Canvas */
  /*All maps*/
  /*
    .default-transition.active-remove.active-remove-active{
        //opacity: 0;
    }
    */
  /***************************
    LEVEL 0 */
  /***************************
    LEVEL 1 */
  /***************************
    LEVEL 2 */
  /***************************
     LEVEL 3 */
  /***************************
     TOOLTIPS - GENERAL STYLES
     positioning is handled within the respective level
     */
}
#mainMapContainer nav#mapNav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-family: "museo", serif;
}
#mainMapContainer nav#mapNav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 0 8px 8px;
}
#mainMapContainer nav#mapNav ul li {
  display: inline-block;
  position: relative;
  padding: 0 4px;
}
#mainMapContainer nav#mapNav ul li a {
  display: table-cell;
  text-decoration: none;
  border: 3px solid;
  border-radius: 40px;
  padding: 7px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.8em;
  line-height: 1em;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
#mainMapContainer nav#mapNav ul li a:before {
  font-size: 2.5em;
  position: absolute;
}
#mainMapContainer nav#mapNav li.navHome a:before {
  top: 10px;
  left: 7px;
}
#mainMapContainer nav#mapNav li.navBack a:before {
  top: 13px;
  left: 7px;
}
#mainMapContainer nav#mapNav li.navKey {
  /*
        a:hover{
            #keyMenu{
                opacity: 1;
                top: -220px;
            }
        }
        */
}
#mainMapContainer nav#mapNav li.navKey a {
  line-height: 3em;
}
#mainMapContainer nav#mapNav li.navKey #keyMenu {
  transition: all 0.3s linear;
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 0;
}
#mainMapContainer nav#mapNav li.navKey #keyMenu ul {
  display: block;
  text-align: left;
  padding: 0;
}
#mainMapContainer nav#mapNav li.navKey #keyMenu ul li {
  display: block;
  text-decoration: none;
  border: 2px solid;
  border-radius: 40px;
  padding: 7px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1em;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
  width: 244px;
  height: 44px;
  margin: 0 0 6px 0;
}
#mainMapContainer nav#mapNav li.navKey #keyMenu.show {
  opacity: 1;
  top: -220px;
}
#mainMapContainer #canvas {
  width: 100%;
  height: 100%;
  max-width: 1020px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.87);
  /* Easy Mobile testing **
        width: 320px;
        height: 568px;
        /**/
}
@media only screen and (min-width: 769px) {
  #mainMapContainer #canvas.tipOpen {
    overflow: hidden;
  }
}
#mainMapContainer h1 {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 10px 12px;
  font-size: 1.5em;
  z-index: 2;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
#mainMapContainer .map-container.active {
  opacity: 1;
  z-index: 1;
}
#mainMapContainer .map-container {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  opacity: 1;
  width: 1300px;
  height: 878px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -650px;
  margin-top: -439px;
  z-index: -1;
}
#mainMapContainer .map-container a {
  opacity: 1;
  font-family: "museo", serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
#mainMapContainer .default-transition.active-add {
  opacity: 0;
  animation-name: generic_fade_in;
  animation-duration: 0.8s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
}
#mainMapContainer .dirFwd.active-remove {
  z-index: 2;
  animation-name: generic_zoom_fwd;
  animation-duration: 0.8s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
  animation-delay: 0.5s;
  /* or: Xms */
}
#mainMapContainer .dirFwd.active-remove a {
  opacity: 0;
}
#mainMapContainer .dirBck.active-remove {
  z-index: 2;
  animation-name: generic_zoom_bck;
  animation-duration: 0.8s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
  animation-delay: 0.5s;
  /* or: Xms */
}
#mainMapContainer .dirBck.active-remove a {
  opacity: 0;
}
@keyframes generic_fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes generic_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes generic_zoom_fwd {
  from {
    background-size: 100%;
    opacity: 1;
  }
  to {
    background-size: 140%;
    opacity: 0;
  }
}
@keyframes generic_zoom_bck {
  from {
    background-size: 100%;
    opacity: 1;
  }
  to {
    background-size: 90%;
    opacity: 0;
  }
}
#mainMapContainer #auckland-0 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  margin: 0;
  /*
        &.active-add{
            transform: translate(0,0) !important;
            //Borrowed from default above
            opacity: 0;
            background-position: center;
            //z-index: 1;
            animation-name: generic_fade_in;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
        }
        &.active-add.active-add-active{

        }
        &.active-remove{
            //transition: all 1s linear;
            top: 0px;
            left: 0px;
            transform: translate(0,0) !important;
            background-image: url('../img/maps/level0/auckland1-zoom.jpg') !important;
            background-position: center;
            animation: 1s auckland_animation, 1s fade_out;
            animation-delay: 0.5s, 1s;//Initial delay is tied into the link opacity transform of 0.5s
            z-index: 2;
            //Hide all links
            a{
                //Will incite a transform of 0.5s
                opacity: 0;
            }
        }
        &.active-remove.active-remove-active{

        }
        */
}
@keyframes auckland_cbd_animation {
  from {
    top: 0;
    left: 0;
  }
  to {
    left: -14%;
    top: -30%;
  }
}
@keyframes auckland_animation {
  from {
    background-size: 100%;
    background-position: -10px -25px;
  }
  to {
    background-size: 150%;
    background-position: -550px -250px;
  }
}
@keyframes fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#mainMapContainer #testing {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
#mainMapContainer #level0-glenInnes {
  top: 36%;
  left: 65%;
}
#mainMapContainer #level0-ptengland {
  top: 54%;
  left: 63%;
}
#mainMapContainer #level0-panmure {
  top: 64%;
  left: 64.5%;
}
#mainMapContainer #tooltip-aucbd {
  top: 14%;
  left: 2%;
  width: 130px;
}
#mainMapContainer #tooltip-brito {
  top: 6.5%;
  left: 8.3%;
}
#mainMapContainer #tooltip-orakei {
  top: 28%;
  left: 34.7%;
}
#mainMapContainer #tooltip-meadowbank {
  top: 32.4%;
  left: 43.5%;
}
#mainMapContainer #tooltip-gleninnes {
  top: 45%;
  left: 62.2%;
}
#mainMapContainer #tooltip-panmure {
  top: 67.7%;
  left: 60.3%;
}
#mainMapContainer #missionBay {
  top: 9%;
  left: 49%;
}
#mainMapContainer #kohimaramaBay {
  top: 12%;
  left: 56%;
}
#mainMapContainer #heliersBay {
  top: 11%;
  left: 63%;
}
#mainMapContainer #waiOTaikiBay {
  top: 45%;
  left: 81%;
}
#mainMapContainer #tamakiRiver {
  top: 61%;
  left: 74%;
}
#mainMapContainer #farmCove {
  top: 70%;
  left: 75%;
}
#mainMapContainer #panmureBasin {
  top: 77%;
  left: 59%;
}
#mainMapContainer #cornwallPark {
  top: 65%;
  left: 20%;
}
#mainMapContainer #mountWell {
  top: 62%;
  left: 57%;
}
#mainMapContainer #tamaki-1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#mainMapContainer #level1-glenInnesRegion {
  top: 23%;
  left: 49%;
}
#mainMapContainer #level1-ptEnglandRegion {
  top: 44%;
  left: 45%;
}
#mainMapContainer #level1-panmureRegion {
  top: 70%;
  left: 45%;
}
#mainMapContainer #glenInnes-business {
  top: 28%;
  left: 41%;
  line-height: 1.7em;
  /*
        background-image: url('../img/maps/level1/gi-highlight.svg');
        background-position: 0 0;
        background-size: 100%;
        width: 45px;
        height: 95px;
        &:before{
            position: absolute;
            font-size: 3.2em;
            left: -14px;
            top: 0px;
            color: #333;
        }
        */
}
#mainMapContainer #panmure-business {
  top: 72.9%;
  left: 37.9%;
  line-height: 1.7em;
  /*
        background-image: url('../img/maps/level1/pan-highlight.svg');
        background-position: 0 0;
        background-size: 100%;
        width: 98px;
        height: 77px;
        &:before{
            position: absolute;
            font-size: 3.2em;
            left: -7px;
            top: -3px;
            color: #333;
        }
        */
}
#mainMapContainer #glen-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*
        &.active-add{
            //Hide all links
            a{
                //display: none;
                opacity: 0;
            }
        }
        &.active-add.active-add-active{

        }
        &.active-remove{
            z-index: 1;
        }
        &.active-remove.active-remove-active{

        }
        */
}
#mainMapContainer #ymca-glen {
  top: 65%;
  left: 56%;
}
#mainMapContainer #glen-train-station {
  top: 63%;
  left: 24%;
}
#mainMapContainer #glen-com-lib {
  top: 68%;
  left: 31%;
}
#mainMapContainer #te-oro {
  top: 56%;
  left: 33%;
}
#mainMapContainer #glen-com-hall {
  top: 64.3%;
  left: 34.6%;
}
#mainMapContainer #glen-cit-adv {
  top: 63.3%;
  left: 31.6%;
}
#mainMapContainer #ruapotaka {
  top: 69%;
  left: 34.2%;
}
#mainMapContainer #maybury {
  top: 68%;
  left: 38%;
}
#mainMapContainer #glenInnesSchool {
  top: 40%;
  left: 32%;
}
#mainMapContainer #stPiusSchool {
  top: 29%;
  left: 25%;
}
#mainMapContainer #TeKuraKaupapa {
  top: 39%;
  left: 42%;
}
#mainMapContainer #overleaRegion {
  top: 28%;
  left: 54%;
}
#mainMapContainer #overleaRegion .suburbTitle {
  left: 19px;
}
#mainMapContainer #fenchurchRegion {
  top: 44%;
  left: 66%;
}
#mainMapContainer #fenchurchRegion .suburbTitle {
  left: 12px;
}
#mainMapContainer #lineEppingRegion {
  top: 45%;
  left: 33%;
}
#mainMapContainer #lineEppingRegion .suburbTitle {
  left: 22px;
  top: 46px;
  line-height: 1.2em;
}
#mainMapContainer #ptengland-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#mainMapContainer #ptEnglandReserve {
  top: 12%;
  left: 79%;
}
#mainMapContainer #ptEnglandSchool {
  top: 18%;
  left: 69%;
}
#mainMapContainer #ptEnglandShops {
  top: 34%;
  left: 45%;
}
#mainMapContainer #hinakiRegion2 {
  top: 36%;
  left: 48%;
}
#mainMapContainer #hinakiRegion2 .suburbTitle {
  left: 22px;
  top: 47px;
  line-height: 1.1em;
}
#mainMapContainer #panmure-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#mainMapContainer #dernaRegion {
  top: 22%;
  left: 67%;
}
#mainMapContainer #dernaRegion .suburbTitle {
  left: 22px;
  top: 47px;
  line-height: 1.1em;
}
#mainMapContainer #hinakiRegion {
  top: 5%;
  left: 51%;
}
#mainMapContainer #hinakiRegion .suburbTitle {
  left: 22px;
  top: 47px;
  line-height: 1.1em;
}
#mainMapContainer #panmureComLib {
  top: 55%;
  left: 42%;
}
#mainMapContainer #panmureYMCA {
  top: 66%;
  left: 40%;
}
#mainMapContainer #maungakiekie {
  top: 55%;
  left: 45%;
}
#mainMapContainer #panmure-cit-adv {
  top: 59.5%;
  left: 45%;
}
#mainMapContainer #dunkirkReserve {
  top: 62.5%;
  left: 71%;
}
#mainMapContainer #pan-com-centre {
  top: 59.5%;
  left: 42%;
}
#mainMapContainer #sommervilleSchool {
  top: 40%;
  left: 70%;
}
#mainMapContainer #tamakiPrimary {
  top: 34%;
  left: 67%;
}
#mainMapContainer #panmureBridgeSchool {
  top: 69%;
  left: 65%;
}
#mainMapContainer #stPatricksSchool {
  top: 71%;
  left: 48%;
}
#mainMapContainer #ruapotakaSchool {
  top: 9%;
  left: 59%;
}
#mainMapContainer #panmureStoneCottage {
  top: 70%;
  left: 51%;
}
#mainMapContainer #panmure-train-station {
  top: 52%;
  left: 32%;
}
#mainMapContainer #fenchurch-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  /*
        * Playing with expanding circle
        * https://css-tricks.com/clipping-masking-css/
        *
        &.active-add{
            //animation: 1s reveal_animation, 1s fade_out;
            //animation-delay: 0.2s, 1s;
            //animation: 1s reveal_animation;
            top: 50%;
            left: 50%;
            margin: 0px 0 0 -376px;//-518px 0 0 -376px
            z-index: 2;
            width: 0;
            height: 0;
            border-radius: 50%;
            transform-origin: 0% 0%;
            //Hide all links
            a{
                //display: none;
                opacity: 0;
            }
        }
        &.active-add.active-add-active{
            width: 1036px;
            height: 752px;
        }
        &.active-remove{

        }
        &.active-remove.active-remove-active{

        }
        @keyframes reveal_animation {
            from {
                width: 0%;
                height: 0%;
            } to {
                width: 100%;
                height: 100%;
            }
        }
        */
}
#mainMapContainer #tooltip-1a {
  top: 77%;
  left: 45%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-1b {
  top: 46%;
  left: 52%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-2a {
  top: 28%;
  left: 28%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-2b {
  top: 33%;
  left: 43%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-3a {
  top: 57%;
  left: 44%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-3b {
  top: 64%;
  left: 31%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-3c {
  top: 82%;
  left: 40%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-4a {
  top: 66%;
  left: 63%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-4b {
  top: 75%;
  left: 52%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-5a {
  top: 50%;
  left: 60%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-5b {
  top: 28%;
  left: 70%;
  line-height: 1.7em;
}
#mainMapContainer #tooltip-5c {
  top: 10%;
  left: 60%;
  line-height: 1.7em;
}
#mainMapContainer #tamaki-college {
  top: 70%;
  left: 16%;
}
#mainMapContainer #glenbrae {
  top: 6%;
  left: 34%;
}
#mainMapContainer #glenbrae-primary {
  top: 6%;
  left: 38%;
}
#mainMapContainer #teWharePiringa {
  top: 57%;
  left: 36%;
}
#mainMapContainer #pntEngReserve-level3 {
  top: 87%;
  left: 76%;
}
#mainMapContainer #overlea-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
#mainMapContainer #overlea-3 #tooltip-ovNorth {
  top: 17%;
  left: 58%;
}
#mainMapContainer #overlea-3 #tooltip-ovCentral {
  top: 47%;
  left: 54%;
}
#mainMapContainer #overlea-3 #tooltip-ovSouth {
  top: 65%;
  left: 62%;
}
#mainMapContainer #derna-3 #tooltip-1-derna-1 {
  top: 25.5%;
  left: 48%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-1-derna-2 {
  top: 36.5%;
  left: 47.5%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-2-derna-1 {
  top: 27.5%;
  left: 59.5%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-2-derna-2 {
  top: 30.5%;
  left: 67.5%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-2-derna-3 {
  top: 45.5%;
  left: 64.5%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-3-derna-1 {
  top: 14.5%;
  left: 55%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-3-derna-2 {
  top: 17.5%;
  left: 64.3%;
  line-height: 1.7em;
}
#mainMapContainer #derna-3 #tooltip-3-derna-3 {
  top: 20.2%;
  left: 70%;
  line-height: 1.7em;
}
#mainMapContainer .bay {
  background-color: #366895;
}
#mainMapContainer .place {
  background-color: #f37021;
}
#mainMapContainer .tree {
  background-color: #6ba84e;
}
#mainMapContainer .suburb {
  background-color: #d93b2b;
}
#mainMapContainer .iconOnly {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  transition: all 0.5s linear;
  display: block;
  position: absolute;
  border: 3px solid #fff;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#mainMapContainer .iconOnly:before {
  position: absolute;
  font-size: 2.2em;
  left: -10px;
  top: -2px;
}
#mainMapContainer .iconLarge {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  transition: all 0.5s linear;
  display: block;
  position: absolute;
  border: 3px solid #d93b2b;
  color: #d93b2b;
  background-color: #fff;
  padding: 21px 7px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  line-height: 1em;
}
#mainMapContainer .inlineLinkIcon {
  position: relative;
  padding: 0 0 0 32px;
  margin: 14px 0 0 0;
  display: block;
}
#mainMapContainer .inlineLinkIcon:before {
  border-radius: 12px;
  background-color: #fff;
  color: #d93b2b;
  font-size: 1.4em;
  text-decoration: none !important;
  position: absolute;
  top: 0;
  left: 0;
}
#mainMapContainer .iconText {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  transition: all 0.5s linear;
  display: block;
  position: absolute;
  border: 3px solid #fff;
  color: #fff;
  padding: 6px 12px 6px 50px;
  text-transform: uppercase;
  font-family: "museo", serif;
  font-size: 0.7em;
}
#mainMapContainer .iconText:before {
  position: absolute;
  z-index: 2;
}
#mainMapContainer .iconText.bay:before {
  font-size: 3.5em;
  left: -2px;
  top: -3px;
}
#mainMapContainer .iconText.tree:before {
  font-size: 3.5em;
  left: -2px;
  top: -3px;
}
#mainMapContainer .iconText.icon-book:before {
  font-size: 2.2em;
  left: 9px;
  top: 4px;
}
#mainMapContainer .iconText.leftBottomPoint {
  border-radius: 15px 15px 15px 0px;
}
#mainMapContainer .iconText.leftBottomPoint:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  transform: rotate(45deg);
}
#mainMapContainer .iconText.leftTopPoint {
  border-radius: 0px 15px 15px 15px;
}
#mainMapContainer .iconText.leftTopPoint:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  transform: rotate(133deg);
}
#mainMapContainer .iconText.rightBottomPoint {
  border-radius: 15px 15px 0px 15px;
}
#mainMapContainer .iconText.rightBottomPoint:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  transform: rotate(-45deg);
}
#mainMapContainer .iconText.rightTopPoint {
  border-radius: 15px 0px 15px 15px;
}
#mainMapContainer .iconText.rightTopPoint:after {
  content: '';
  position: absolute;
  top: -1px;
  right: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  transform: rotate(-135deg);
}
#mainMapContainer .level3-marker {
  display: block;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  background-color: #d93b2b;
  border: 3px solid #fff;
  color: #fff;
}
#mainMapContainer .level3-marker:before {
  color: #fff;
  font-size: 3.5em;
  position: absolute;
  top: 1px;
  left: 1px;
}
#mainMapContainer .level3-marker .suburbTitle {
  position: absolute;
  top: 42px;
  font-size: 0.7em;
}
#mainMapContainer .level3-marker .suburbInfo {
  position: absolute;
  top: -5px;
  right: 2px;
  background-color: #444;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
}
#mainMapContainer .level3-marker .suburbInfo:before {
  color: #fff;
  font-size: 2em;
  position: absolute;
  top: -5px;
  left: -10px;
}
#mainMapContainer .redLinkSquare,
#mainMapContainer .whiteLinkSquare {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  transition: all 0.5s linear;
  display: block;
  position: absolute;
  border: 3px solid #fff;
  background-color: #d93b2b;
  color: #fff;
  padding: 6px 8px;
  text-transform: uppercase;
}
#mainMapContainer .redLinkSquare:before,
#mainMapContainer .whiteLinkSquare:before {
  transition: all 0.5s linear;
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  background-color: #d93b2b;
  bottom: -10px;
  left: 45%;
  transform: rotate(45deg);
}
#mainMapContainer .redLinkSquare:hover,
#mainMapContainer .whiteLinkSquare:hover {
  background-color: #fff;
  color: #d93b2b;
  border: 3px solid #d93b2b;
}
#mainMapContainer .redLinkSquare:hover:before,
#mainMapContainer .whiteLinkSquare:hover:before {
  border-bottom: 3px solid #d93b2b;
  border-right: 3px solid #d93b2b;
  background-color: #fff;
}
#mainMapContainer .whiteLinkSquare {
  background-color: #fff;
  color: #000;
  border-color: #000;
}
#mainMapContainer .whiteLinkSquare:before {
  background-color: #fff;
  border-color: #000;
}
#mainMapContainer .whiteLinkSquare:hover {
  background-color: #000;
  color: #fff;
  border: 3px solid #fff;
}
#mainMapContainer .whiteLinkSquare:hover:before {
  border-color: #fff;
  background-color: #000;
}
#mainMapContainer .trainCircle {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 3px solid #000;
  background-color: #fff;
  z-index: 1;
}
#mainMapContainer .trainCircle:before {
  position: absolute;
  font-size: 2.2em;
  top: 0px;
  left: -7px;
  color: #000;
}
#mainMapContainer .svgOverlay {
  position: absolute;
  z-index: 1;
}
#mainMapContainer .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
  color: #fff;
}
#mainMapContainer .tooltip:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
#mainMapContainer .tooltip.open {
  display: block;
  opacity: 0;
  animation-name: generic_fade_in;
  animation-duration: 0.5s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
  animation-fill-mode: forwards;
  /* or: backwards, both, none */
  overflow-y: scroll;
  overflow-x: hidden;
}
@media only screen and (min-width: 480px) {
  #mainMapContainer .tooltip.open {
    overflow: hidden;
  }
}
#mainMapContainer .tooltip.open-remove {
  display: block;
  animation-name: generic_fade_out;
  animation-duration: 0.5s;
  /* or: Xms */
  animation-timing-function: ease-in-out;
  /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
  animation-fill-mode: forwards;
  /* or: backwards, both, none */
}
#mainMapContainer .tooltip .toolContainer {
  border: 4px solid #fff;
  position: absolute;
  width: 80%;
  top: 51%;
  left: 50%;
  margin-left: -40%;
  margin-top: -25%;
  z-index: 1;
  font-family: "museo", serif;
  text-transform: uppercase;
}
#mainMapContainer .tooltip .toolContainer h3 {
  color: #fff;
  font-size: 1.1em;
  margin: 0 0 10px 0;
  padding: 0 0 0 22px;
  position: relative;
}
#mainMapContainer .tooltip .toolContainer h3:before {
  position: absolute;
  top: -8px;
  left: -15px;
  font-size: 1.8em;
}
#mainMapContainer .tooltip .toolContainer h3.h3extra {
  margin: 0 0 16px 0px;
}
#mainMapContainer .tooltip .toolContainer a.tooltipClose {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 1.4em;
  text-decoration: none;
  width: 44px;
  height: 44px;
  z-index: 2;
}
#mainMapContainer .tooltip .toolContainer a.tooltipClose:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #fff;
  top: 12px;
  left: 14px;
  transform: rotate(45deg);
}
#mainMapContainer .tooltip .toolContainer a.tooltipClose:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #fff;
  top: 12px;
  right: 0;
  transform: rotate(-45deg);
}
#mainMapContainer .tooltip .toolContainer .toolWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  position: relative;
  /*
                &:before{
                    content: '';
                    position: absolute;
                    bottom: -6px;
                    right: -27px;
                    width: 0;
                    height: 0;
                    border-left: 42px solid transparent;
                    border-right: 42px solid transparent;
                    border-top: 42px solid #333;
                    transform: rotate(-45deg);
                }
                */
}
@media only screen and (min-width: 641px) {
  #mainMapContainer .tooltip .toolContainer .toolWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 641px) {
  #mainMapContainer .tooltip .toolContainer .toolWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 480px) {
  #mainMapContainer .tooltip .toolContainer .toolWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoImg {
  width: 100%;
  background-color: #333;
}
@media only screen and (min-width: 480px) {
  #mainMapContainer .tooltip .toolContainer .toolWrap .infoImg {
    width: 20%;
  }
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoImg img {
  width: 100%;
  height: auto;
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt {
  width: 100%;
  padding: 32px 38px 32px 18px;
}
@media only screen and (min-width: 480px) {
  #mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt {
    width: 80%;
  }
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt a {
  color: #fff;
  text-decoration: underline;
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt .suburbList {
  margin: 0;
  padding: 0;
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt .suburbList li {
  position: relative;
  display: block;
  padding: 6px 0 10px 44px;
}
#mainMapContainer .tooltip .toolContainer .toolWrap .infoTxt .suburbList li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2em;
  color: #d93b2b;
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
#mainMapContainer #info-gi {
  color: #fff;
}
#mainMapContainer #info-gi .toolContainer {
  background-color: #f37021;
}
#mainMapContainer #info-3c {
  color: #fff;
}
#mainMapContainer #info-3c .toolContainer {
  background-color: #fdb913;
}
/**
BURGER
*/
#mobileMenuBtnWrap {
  display: block;
  position: relative;
  padding: 0 0.75rem 0 0;
}
@media screen and (min-width: 991px) {
  #mobileMenuBtnWrap {
    display: none;
  }
}
#mobileMenuBtn,
#mobileMenuBtnSecond {
  display: block;
  height: 26px;
  position: relative;
  border: none;
  outline: none;
  padding: 0 44px 0px 0;
  background-color: transparent;
  font-size: 0.8em;
  text-indent: -9999px;
}
#mobileMenuBtn .burger,
#mobileMenuBtnSecond .burger,
#mobileMenuBtn .burger:after,
#mobileMenuBtnSecond .burger:after,
#mobileMenuBtn .burger:before,
#mobileMenuBtnSecond .burger:before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  content: '';
  background-color: #444443;
  border-radius: 1px;
  height: 4px;
  width: 36px;
  position: absolute;
  top: 0px;
  right: 0;
}
#mobileMenuBtn .burger:before,
#mobileMenuBtnSecond .burger:before {
  top: 10px;
}
#mobileMenuBtn .burger:after,
#mobileMenuBtnSecond .burger:after {
  top: 20px;
}
#offCanvas.active #mobileMenuBtn .burger:before,
#offCanvas.active #mobileMenuBtnSecond .burger:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#offCanvas.active #mobileMenuBtn .burger,
#offCanvas.active #mobileMenuBtnSecond .burger {
  background-color: transparent;
}
#offCanvas.active #mobileMenuBtn .burger:after,
#offCanvas.active #mobileMenuBtnSecond .burger:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 10px;
}
/***
NAV - Mobile
*/
#navigationMobile {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  float: right;
  margin-right: -100%;
  width: 85%;
  background-color: #f7f7f7;
  font-size: 0.9em;
  border-bottom: 1px solid #dfdfdf;
}
@media only screen and (min-width: 769px) {
  #navigationMobile {
    display: none;
  }
}
#navigationMobile .icon-search {
  position: absolute;
  top: 24px;
  left: 126px;
  z-index: 1;
}
#navigationMobile #block-search-form {
  position: relative;
}
#navigationMobile #block-search-form .form-item input {
  outline: none;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 0.8em;
  width: 120px;
}
#navigationMobile #superNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 16px 10px;
}
#navigationMobile #superNav .siteSwitcher a {
  display: inline-block;
  position: relative;
  background-color: #e7e7e7;
  color: #444443;
  padding: 5px 10px;
  margin: 0 0 0 8px;
  text-align: center;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: 80px;
  text-decoration: none;
}
#navigationMobile #superNav .siteSwitcher a:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  background-image: url('../img/house.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
#navigationMobile #main-menu {
  margin: 0;
  padding: 0;
}
#navigationMobile #main-menu ul {
  margin: 0;
  padding: 0;
}
#navigationMobile #main-menu li {
  padding: 0;
}
#navigationMobile #main-menu li .aspectRatio {
  display: none;
}
#navigationMobile #main-menu li a {
  display: block;
  color: #8f8f8f;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  padding: 10px 15px;
  background-color: #e7e7e7;
  border-top: 1px solid #dfdfdf;
}
#navigationMobile #main-menu li.activeLi > a {
  position: relative;
  color: #000;
}
#navigationMobile #main-menu li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#navigationMobile #main-menu li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#navigationMobile #main-menu li li a {
  text-transform: none;
  font-weight: 400;
  background-color: transparent;
  padding: 10px 15px 10px 30px;
}
#navigationMobile #main-menu li li.activeLi > a {
  position: relative;
  color: #000;
}
#navigationMobile #main-menu li li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#navigationMobile #main-menu li li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#navigationMobile #main-menu li li li a {
  padding: 10px 15px 10px 50px;
}
#navigationMobile #main-menu li li li.activeLi > a {
  position: relative;
  color: #000;
}
#navigationMobile #main-menu li li li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#navigationMobile #main-menu li li li.activeLi > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
.activeNav {
  position: relative;
  color: #000;
}
.activeNav:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #f37021;
}
#offCanvas.active #navigationMobile {
  margin-right: 0;
}
#breadcrumbs {
  min-height: 20px;
  height: auto;
  border-top: 1px solid #e6e6e6;
}
#breadcrumbs #crumbler {
  padding: 14px 20px;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  #breadcrumbs #crumbler {
    display: block;
  }
}
@media only screen and (min-width: 1020px) {
  #breadcrumbs #crumbler {
    padding: 14px 0px;
  }
}
#breadcrumbs ul {
  margin: 0;
  padding: 0;
}
#breadcrumbs li {
  display: inline-block;
  padding: 0 8px 0 0;
}
#breadcrumbs li a {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #444443;
  text-decoration: none;
  padding: 0 8px 0 0;
  font-size: 0.8em;
}
#breadcrumbs li a:hover {
  color: #f37021;
}
#breadcrumbs li.activeCrumb {
  color: #f37021;
  font-size: 0.8em;
}
/*****************************
OOCSS Grid
https://github.com/stubbornella/oocss/wiki/grids
*/
.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  padding: 0 10px;
}
.unit {
  /* unit - Base class which divides a line into sections (columns). */
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  padding: 0;
}
.unit img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .unit {
    float: left;
    padding: 0 40px;
  }
}
.unitRightv {
  /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
  float: right;
}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */
.size1of1 {
  float: none;
}
.size1of2,
.size2of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of2,
  .size2of4 {
    width: 50%;
  }
}
.size1of3 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of3 {
    width: 33.33333%;
  }
}
.size2of3 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size2of3 {
    width: 66.66666%;
  }
}
.size1of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of4 {
    width: 25%;
  }
}
.size3of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size3of4 {
    width: 75%;
  }
}
.size3of4.fullwidth {
  width: 100%;
}
.size1of5 {
  width: 20%;
}
.size2of5 {
  width: 40%;
}
.size3of5 {
  width: 60%;
}
.size4of5 {
  width: 80%;
}
.lastUnit {
  /* lastUnit - Extends unit. Applied to the last child of every line. */
  /*float:none;
  width:auto;*/
  _position: relative;
  /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
  meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
  _left: -3px;
  _margin-right: -3px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .firstUnit {
    padding: 0 40px 0 0;
  }
}
/*****************************
SEARCH */
.page-search {
  /*
  .blockText{
    padding: 20px 8%;
  }
  */
}
.page-search section .content {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  padding: 80px 8%;
}
.page-search h3 {
  margin: 0 0 8px 0;
}
.page-search h3 a {
  text-decoration: none;
}
#searchTotals {
  font-size: 1.2em;
  border-bottom: 1px solid #dfdfdf;
  margin: 40px 0 0;
  padding: 0 0 6px;
}
.search-results .search-snippet-info {
  padding: 0;
}
.dateCreated {
  font-size: 0.85em;
  font-style: italic;
  padding: 0 0 30px 0;
}
/* Search pager */
.page-search .pager,
#pager .pager {
  margin: 0;
  padding: 0;
  text-align: center;
}
.page-search .pager li,
#pager .pager li {
  display: inline-block;
  padding: 6px 12px;
  list-style: none;
}
.page-search .pager li:before,
#pager .pager li:before {
  background: none;
  content: '';
}
.page-search .pager li a,
#pager .pager li a {
  display: inline-block;
  color: #444443;
  text-decoration: none;
}
.page-search .pager li.pager-current,
#pager .pager li.pager-current {
  background-color: #f37021;
  color: #fff;
}
/*****************************
GENERAL
*/
/* Breaks */
/*****************************
COLORS
*/
/*
@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%);// #222
@gray-dark:              lighten(@gray-base, 20%);// #333
@gray:                   lighten(@gray-base, 33.5%);// #555
@gray-light:             lighten(@gray-base, 46.7%);// #777
@gray-lighter:           lighten(@gray-base, 93.5%);// #eee
@white:          #fff;
*/
/*****************************
FONTS
*/
@font-face {
  font-family: 'Calibri-Italic';
  src: url('../fonts/30B02A_0_0.eot');
  src: url('../fonts/30B02A_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_0_0.woff2') format('woff2'), url('../fonts/30B02A_0_0.woff') format('woff'), url('../fonts/30B02A_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri-BoldItalic';
  src: url('../fonts/30B02A_1_0.eot');
  src: url('../fonts/30B02A_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_1_0.woff2') format('woff2'), url('../fonts/30B02A_1_0.woff') format('woff'), url('../fonts/30B02A_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri-Bold';
  src: url('../fonts/30B02A_2_0.eot');
  src: url('../fonts/30B02A_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_2_0.woff2') format('woff2'), url('../fonts/30B02A_2_0.woff') format('woff'), url('../fonts/30B02A_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/30B02A_3_0.eot');
  src: url('../fonts/30B02A_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_3_0.woff2') format('woff2'), url('../fonts/30B02A_3_0.woff') format('woff'), url('../fonts/30B02A_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'tamaki';
  src: url('../fonts/tamaki.eot?75206802');
  src: url('../fonts/tamaki.eot?75206802#iefix') format('embedded-opentype'), url('../fonts/tamaki.woff?75206802') format('woff'), url('../fonts/tamaki.ttf?75206802') format('truetype'), url('../fonts/tamaki.svg?75206802#tamaki') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tamaki';
    src: url('../font/tamaki.svg?23338259#tamaki') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tamaki";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8;*/
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%;*/
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}
/* Declare all the icons
.icon-search,
.icon-down-open-big,
.icon-left-open-big,
.icon-right-open-big,
.icon-up-open-big,
.icon-tag{
  display: block;
  position: relative;
};
*/
.icon-down-open-big:before {
  content: '\e800';
}
/* '' */
.icon-left-open-big:before {
  content: '\e801';
}
/* '' */
.icon-right-open-big:before {
  content: '\e802';
}
/* '' */
.icon-up-open-big:before {
  content: '\e803';
}
/* '' */
.icon-search:before {
  content: '\e804';
  color: #f37021;
  font-size: 15pt;
  padding-top: 0.25rem;
}
/* '' */
.icon-file-word:before {
  content: '\e805';
}
/* '' */
.icon-file-pdf:before {
  content: '\e806';
}
/* '' */
.icon-file-excel:before {
  content: '\e807';
}
/* '' */
.icon-file-powerpoint:before {
  content: '\e808';
}
/* '' */
.icon-doc-text:before {
  content: '\e809';
}
/* '' */
.icon-file-image:before {
  content: '\e80a';
}
/* '' */
/*
@font-face {
  font-family: 'tamaki-tags';
  src: url('../fonts/tamaki-tags.eot?59859612');
  src: url('../fonts/tamaki-tags.eot?59859612#iefix') format('embedded-opentype'),
       url('../fonts/tamaki-tags.woff2?59859612') format('woff2'),
       url('../fonts/tamaki-tags.woff?59859612') format('woff'),
       url('../fonts/tamaki-tags.ttf?59859612') format('truetype'),
       url('../fonts/tamaki-tags.svg?59859612#tamaki-tags') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tamaki-tags';
    src: url('../font/tamaki-tags.svg?52464413#tamaki-tags') format('svg');
  }
}
*/
/**
 * Switching off for now

 [class="tagIcon"]:before{
  font-family: "tamaki-tags";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8;*/
/* For safety - reset parent styles, that can break glyph codes*
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap *
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric *
  /* remove if not needed *
  margin-left: .2em;

  /* you can be more comfortable with increased icons size *
  /* font-size: 120%;*

  /* Font smoothing. That was taken from TWBS *
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect *
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*
}

*/
.icon-career-opportunities {
  /* '' */
}
.icon-career-opportunities:before {
  content: '\e800';
}
.icon-strong-cultural-identity {
  /* '' */
}
.icon-strong-cultural-identity:before {
  content: '\e801';
}
.icon-town-center {
  /* '' */
}
.icon-town-center:before {
  content: '\e802';
}
.icon-great-neighbourhoods {
  /* '' */
}
.icon-great-neighbourhoods:before {
  content: '\e803';
}
.icon-healthy-residents {
  /* '' */
}
.icon-healthy-residents:before {
  content: '\e804';
}
.icon-improved-education {
  /* '' */
}
.icon-improved-education:before {
  content: '\e805';
}
.icon-invest-opportunities {
  /* '' */
}
.icon-invest-opportunities:before {
  content: '\e806';
}
.icon-safe-parks {
  /* '' */
}
.icon-safe-parks:before {
  content: '\e807';
}
.icon-successful-businesses {
  /* '' */
}
.icon-successful-businesses:before {
  content: '\e808';
}
.icon-thriving-children {
  /* '' */
}
.icon-thriving-children:before {
  content: '\e809';
}
.icon-warm-homes {
  /* '' */
}
.icon-warm-homes:before {
  content: '\e80a';
}
.icon-default {
  /* '' */
}
.icon-default:before {
  content: '\e80b';
}
/*
* Transitions
*/
.transitions-all {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transitions-color {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.transitions-background-color {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.transitions-opacity {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.transitions-height {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.transitions-width {
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.transitions-padding {
  -webkit-transition: padding 0.2s ease;
  -moz-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
}
.transitions-transform {
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
  transition: transform 2.5s ease;
}
/*
* Key frames
*/
@keyframes slidein {
  from {
    background-size: 500px 657px;
    background-position: 120% 0;
  }
  to {
    background-size: 628px 826px;
    background-position: 100% 20px;
  }
}
@keyframes slideinleft {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: 84% 0px;
  }
}
@keyframes slideinleftfull {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: 100% 0px;
  }
}
/*
* Hardware accelaration
*/
.accelerate {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
/*
* Flex
*/
.flexDisplay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flexAlignCenter {
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flexWrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justifyCenter {
  -webkit-justify-content: center;
  justify-content: center;
}
.justifyLeft {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.justifyRight {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.spaceInBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.spaceAround {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flexColumn {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flexRow {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flex1 {
  -webkit-box-flex: 1 0 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 0 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 0 auto;
  /* Chrome */
  -ms-flex: 1 0 auto;
  /* IE 10 */
  flex: 1 0 auto;
}
.beFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 641px) {
  .beFlex {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
/*
.beFlex{
  @media only screen and (min-width: @stageMinDeskWidth) {
    .flexDisplay;
  }
}
*/
/*
* Center content
*/
.centerContent {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
/*
* Buttons
*/
.buttonStyle {
  display: block;
  border: none;
  outline: none;
  background-color: transparent;
}
/*
* New block context
*/
.newBlockContext {
  overflow: hidden;
}
/*
* Mobile only
*/
.mobile {
  display: block;
}
@media only screen and (min-width: 769px) {
  .mobile {
    display: none;
  }
}
/*
* Mobile padding - sets padding for width before @stageMaxWidth
*/
.mobilePadding {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 1020px) {
  .mobilePadding {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
* Before and After standard block
*/
.beforeAfter {
  content: '';
  position: absolute;
}
/*
* Brightness fix for greying of whites in some browsers
*/
.brightness {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
  /* Firefox 3.5+ */
  filter: brightness(1.085);
  -webkit-filter: brightness(108.5%);
  /* Chrome 19+ & Safari 6+ */
}
/*
* Hidetext using text-indent
*/
.hide-text {
  display: block;
  text-indent: -9999px;
}
/*
* Handle iFrame resizing for embedded videos using iFrames
*/
.videoItem {
  /* Firefox 3.5+ */
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
  /* Firefox 3.5+ */
  filter: brightness(1.085);
  -webkit-filter: brightness(108.5%);
  /* Chrome 19+ & Safari 6+ */
  vertical-align: bottom;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.videoItem iframe,
.videoItem object,
.videoItem embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
* Shapes
*/
.triangleDown {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
}
.triangleDownSmall {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
}
.triangleRight {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #444443;
  top: -1px;
  left: -20px;
}
/*
* Aspect ratio
*/
.aspectRatio16by9 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.aspectRatio4by3 {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
}
.aspectRatio3by2 {
  position: relative;
  width: 100%;
  padding-bottom: 66.66%;
}
.aspectRatio340by284 {
  position: relative;
  width: 100%;
  padding-bottom: 83.5%;
}
.aspectRatioYouTube {
  position: relative;
  width: 100%;
  padding-bottom: 56.3%;
}
.aspectContent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aspectRatio {
  position: relative;
  width: 100%;
  padding-bottom: 120%;
}
@media only screen and (min-width: 540px) {
  .aspectRatio {
    padding-bottom: 95%;
  }
}
@media only screen and (min-width: 668px) {
  .aspectRatio {
    padding-bottom: 84%;
  }
}
@media only screen and (min-width: 768px) {
  .aspectRatio {
    padding-bottom: 64%;
  }
}
@media only screen and (min-width: 1020px) {
  .aspectRatio {
    padding-bottom: 52%;
  }
}
@media only screen and (min-width: 1100px) {
  .aspectRatio {
    padding-bottom: 45%;
  }
}
@media only screen and (min-width: 1300px) {
  .aspectRatio {
    padding-bottom: 38%;
  }
}
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/*****************************
OOCSS Grid
https://github.com/stubbornella/oocss/wiki/grids
*/
.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  padding: 0 10px;
}
.unit {
  /* unit - Base class which divides a line into sections (columns). */
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  padding: 0;
}
.unit img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .unit {
    float: left;
    padding: 0 40px;
  }
}
.unitRightv {
  /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
  float: right;
}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */
.size1of1 {
  float: none;
}
.size1of2,
.size2of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of2,
  .size2of4 {
    width: 50%;
  }
}
.size1of3 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of3 {
    width: 33.33333%;
  }
}
.size2of3 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size2of3 {
    width: 66.66666%;
  }
}
.size1of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size1of4 {
    width: 25%;
  }
}
.size3of4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .size3of4 {
    width: 75%;
  }
}
.size3of4.fullwidth {
  width: 100%;
}
.size1of5 {
  width: 20%;
}
.size2of5 {
  width: 40%;
}
.size3of5 {
  width: 60%;
}
.size4of5 {
  width: 80%;
}
.lastUnit {
  /* lastUnit - Extends unit. Applied to the last child of every line. */
  /*float:none;
  width:auto;*/
  _position: relative;
  /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
  meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
  _left: -3px;
  _margin-right: -3px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .firstUnit {
    padding: 0 40px 0 0;
  }
}
/*****************************
SYSTEM */
/*Profile screens*/
.profile {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
/*Login toboggan*/
.toboggan-unified {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
.toboggan-unified #login-message {
  margin: 30px 0 20px 0;
  color: #f37021;
}
.toboggan-unified #login-links .login-link {
  padding: 12px;
  border: none;
  background-color: #e3e3e3;
  color: #bfbfbf;
  text-decoration: none;
  font-size: 0.6em;
  display: block;
  margin: 6px 0 0 0;
}
@media only screen and (min-width: 370px) {
  .toboggan-unified #login-links .login-link {
    display: inline;
  }
}
.toboggan-unified #login-links #login-link.lt-active,
.toboggan-unified #login-links #register-link.lt-active,
.toboggan-unified #login-links .login-link:hover {
  color: #fff;
  border: none;
  background-color: #d93b2b;
}
#user-login,
#register-form {
  padding: 15px;
}
#user-login .form-type-textfield:before,
#register-form .form-type-textfield:before {
  background: none;
}
#user-login .form-item,
#register-form .form-item {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 640px) {
  #user-login .form-item label,
  #register-form .form-item label {
    min-width: 240px;
    display: inline-block;
  }
}
#user-login .form-item input,
#register-form .form-item input {
  width: 100%;
  max-width: 500px;
  padding: 3px !important;
  outline: none;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
#user-login .form-actions input,
#register-form .form-actions input {
  width: auto;
  position: relative !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  padding: 3px 7px !important;
}
#user-login .description,
#register-form .description {
  font-style: italic;
  font-size: 0.9em;
  margin: 5px 0 0 0;
}
.tabs {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
.tabs ul.primary {
  border: none;
  border-bottom: 1px solid #444443;
  margin: 4px 0 0 4px;
  padding: 0;
}
.tabs ul.primary li a {
  border: none;
  padding: 0 14px;
  background-color: #fff;
  color: #444443;
  border-radius: 10px 10px 0 0;
}
.tabs ul.primary li.active a {
  border: none;
  color: #d93b2b;
}
/*****************************
SITEMAP */
section #site-map {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  padding: 80px 8%;
}
#siteMapHeader {
  background-color: #e3e3e3;
}
#siteMapHeader h1 {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 100px 8% 0;
  background-color: #fff;
  box-sizing: border-box;
}
.site-map-menu {
  margin: 0;
}
.site-map-menu li,
.site-map-menu li.leaf,
.site-map-menu li.expanded {
  list-style: none;
  border-bottom: 1px solid #f1f1f1;
  padding: 7px 0;
}
.site-map-menu li.expanded ul {
  padding: 0 0 0 20px;
}
.site-map-menu li.expanded ul li {
  border: none;
  padding: 4px 0;
}
.site-map-menu li.collapsed {
  list-style-image: none;
  list-style: none;
}
.site-map-menu li:before {
  top: 10px;
}
.content .site-map-box a {
  text-decoration: none;
  color: #d93b2b;
}
.content .site-map-box a:hover {
  text-decoration: underline;
}
.page-sitemap .content h2 {
  display: none !important;
  visibility: hidden;
}
/*****************************
404 */
.page-navigation404 section .content {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px 8%;
}
.page-navigation404 h1.systemHeader1 {
  padding: 100px 0;
}
/*****************************
MESSAGES - ERRORS */
#messages {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
#messages div.messages {
  margin-top: 20px;
  padding: 10px 10px;
  background: #fdb913;
}
#messages div.messages ul {
  margin: 10px 0;
}
#messages div.messages ul li {
  font-size: 0.9em;
}
#messages div.messages ul li:before {
  background-color: transparent;
}
div.error,
table tr.error {
  background-color: transparent;
}
div.error,
.error {
  color: #f37021;
}
div.error {
  background-image: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 4px solid #f37021;
}
div.status {
  background-image: none;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 4px solid #fdb913;
}
/*****************************
GRID RESULTS */
#gridWrap {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 16px;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  #gridWrap {
    padding: 0;
    background-color: transparent;
  }
}
#gridSearchResults {
  float: left;
  width: 100%;
  background-color: #fff;
}
#filteredBy {
  padding: 60px 0 30px;
  text-align: center;
  background-color: #fff;
}
#filter {
  background-color: #fdb913;
  padding: 90px 0;
  text-align: center;
}
#filter .instructions {
  padding: 0 0 10px 0;
}
#filter #selectWrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  max-width: 500px;
}
#filter #selectWrap #selectDrop {
  position: absolute;
  top: 7px;
  right: 22%;
  width: 25px;
  height: 22px;
  z-index: 1;
  background-image: url('../img/oArrow.svg');
  background-repeat: no-repeat;
  background-position: 0 6px;
  background-size: 100%;
  background-color: #fff;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #filter #selectWrap #selectDrop {
    top: 0;
    right: 11%;
    height: 37px;
    background-position: 0 4px;
  }
}
#filter select {
  width: 60%;
  height: 35px;
  padding: 5px;
  text-align: center;
  font-size: 1em;
  margin: 0;
  color: #444443;
  background-color: #fff;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  cursor: pointer;
  position: relative;
}
#filter select option {
  display: block;
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  padding: 8px 4px 4px 4px !important;
}
#filter select option:disabled {
  color: #e3e3e3;
}
#gridTitle {
  padding: 30px 16px 0px;
  background-color: #fff;
}
#gridTitle h1 {
  margin: 0;
}
#gridResults {
  width: 100%;
  float: left;
}
.gridItem {
  /*
  width: 100%;
  @media only screen and (min-width: @columnBreak) {
    width: 25%;
  }
  img{
    width: 100%;
    height: auto;
  }
  */
  display: block;
  float: left;
  width: 98%;
  height: 100%;
  min-height: 650px;
  margin: 1%;
  padding: 0 0 20px 0;
}
@media only screen and (min-width: 481px) {
  .gridItem {
    width: 47%;
    margin: 0 1.5%;
    min-height: 600px;
  }
}
@media only screen and (min-width: 641px) {
  .gridItem {
    width: 30%;
  }
}
@media only screen and (min-width: 769px) {
  .gridItem {
    width: 22%;
    min-height: 614px;
  }
}
.gridItem img {
  width: 100%;
  height: auto;
}
.partners-grid .gridItem {
  margin-bottom: 25px;
  min-height: 0;
}
@media only screen and (min-width: 481px) {
  .partners-grid .gridItem {
    min-height: 0;
  }
}
@media only screen and (min-width: 769px) {
  .partners-grid .gridItem {
    min-height: 0;
  }
}
.partners-grid .gridItem p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 481px) {
  .partners-grid .clear-2 {
    clear: both;
  }
}
@media only screen and (min-width: 641px) {
  .partners-grid .clear-2 {
    clear: none;
  }
  .partners-grid .clear-3 {
    clear: both;
  }
}
@media only screen and (min-width: 769px) {
  .partners-grid .clear-3 {
    clear: none;
  }
  .partners-grid .clear-4 {
    clear: both;
  }
}
.partners-grid p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 769px) {
  .nid_39 .gridItem {
    min-height: auto;
  }
}
#gridWrap.downloads .gridItem {
  min-height: 445px;
}
@media only screen and (min-width: 769px) {
  #gridWrap.downloads .gridItem {
    min-height: 425px;
  }
}
#moreMedia .gridItem {
  margin-bottom: 25px;
  min-height: 0;
}
@media only screen and (min-width: 481px) {
  #moreMedia .gridItem {
    width: 47%;
    margin: 0 1.5%;
    min-height: 400px;
  }
}
@media only screen and (min-width: 641px) {
  #moreMedia .gridItem {
    width: 30%;
  }
}
@media only screen and (min-width: 769px) {
  #moreMedia .gridItem {
    width: 22%;
    min-height: 414px;
  }
}
.gridItem img {
  width: 100%;
  height: auto;
}
.node-gallery .gridItem {
  position: relative;
}
.node-gallery .gridItem .aspectRatio {
  padding-bottom: 100%;
}
.node-gallery .gridItem .gridImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .node-gallery .gridItem {
    min-height: 100%;
  }
}
.gridImage img {
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
  transition: transform 2.5s ease;
}
.gridImage a {
  display: block;
  overflow: hidden;
}
.gridImage a:hover img {
  transform: scale(1.05);
}
.newsPublished {
  font-size: 0.9em;
  padding: 15px 0 0;
}
.newsResultTitle {
  padding: 10px 0 14px;
  color: #444443;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: 600;
}
.newsResultTitle a {
  color: #444443 !important;
  text-decoration: none;
}
.newsResultTitle a:hover {
  text-decoration: underline;
}
.newsSnippet {
  padding: 10px 0;
}
.newsSnippet p {
  margin: 0;
}
.newsReadmore {
  color: #f37021;
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  display: inline-block;
}
.newsReadmore:hover,
.newsReadmore:visited {
  color: #f37021;
  text-decoration: none;
}
.teamDeets {
  font-size: 0.9em;
}
#noResults {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 16px;
}
#pager {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0 40px;
  text-align: center;
  background-color: #fff;
}
#pager #loadMore {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  font-family: "museo", serif;
  background-color: #f37021;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 1em;
}
#pager #loadMore:hover {
  background-color: #f68f51;
}
/*****************************
SEARCH */
.page-search {
  /*
  .blockText{
    padding: 20px 8%;
  }
  */
}
.page-search section .content {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  padding: 80px 8%;
}
.page-search h3 {
  margin: 0 0 8px 0;
}
.page-search h3 a {
  text-decoration: none;
}
#searchTotals {
  font-size: 1.2em;
  border-bottom: 1px solid #dfdfdf;
  margin: 40px 0 0;
  padding: 0 0 6px;
}
.search-results .search-snippet-info {
  padding: 0;
}
.dateCreated {
  font-size: 0.85em;
  font-style: italic;
  padding: 0 0 30px 0;
}
/* Search pager */
.page-search .pager,
#pager .pager {
  margin: 0;
  padding: 0;
  text-align: center;
}
.page-search .pager li,
#pager .pager li {
  display: inline-block;
  padding: 6px 12px;
  list-style: none;
}
.page-search .pager li:before,
#pager .pager li:before {
  background: none;
  content: '';
}
.page-search .pager li a,
#pager .pager li a {
  display: inline-block;
  color: #444443;
  text-decoration: none;
}
.page-search .pager li.pager-current,
#pager .pager li.pager-current {
  background-color: #f37021;
  color: #fff;
}
html,
button,
input,
select,
textarea {
  color: #444443;
  font-family: "Calibri", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 1em;
  font-weight: 200;
  line-height: 1.3em;
  background-color: #f5f4f2;
  margin: 0;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
  margin: 0;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
nav,
header,
div,
section,
article,
main {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
ul {
  padding: 0 0 0 22px;
  margin: 0 0 20px 0;
}
ul li {
  list-style: none;
  padding: 3px 0;
}
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 22px;
}
ol li {
  list-style: inherit;
  padding: 4px 0 4px 4px;
}
ol li:before {
  content: '';
}
section div.sectionText ul {
  margin: 0 auto 20px;
  text-align: left;
  width: 80%;
}
section div.sectionText ul li {
  position: relative;
}
section div.sectionText ul li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #444443;
  top: -1px;
  left: -20px;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #f37021;
  top: 7px;
  left: -18px;
}
section div.sectionText ul li li:before,
section div.sectionText ul ul li:before {
  border-color: transparent transparent transparent #444443;
  border-width: 4px 0 4px 8px;
  top: 9px;
}
p {
  margin: 0 0 22px 0;
}
p.introPara {
  font-family: "museo", serif;
  font-size: 3em;
  line-height: 1.2em;
}
/* Links */
a {
  color: #f37021;
  text-decoration: underline;
}
a:hover,
a:active {
  text-decoration: none;
}
a:visited {
  color: #f37021;
}
a:focus,
button:focus {
  outline: none;
}
a.external {
  background: url('../img/external.png') no-repeat 100% 4px;
  padding: 0 15px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  a.external {
    /*Webkit hack*/
    background-position: 100% 3px;
  }
}
.footerLinks a.external {
  background-position: 100% -17px;
}
a.pdf {
  position: relative;
}
a.pdf::after {
  position: absolute;
  content: '';
  right: -17px;
  width: 12px;
  height: 16px;
  background: url('../img/icon-pdf.png') no-repeat 0 0;
  background-size: 100%;
}
blockquote {
  position: relative;
  color: #444443;
  font-weight: 600;
  font-size: 1.4em;
  line-height: 1.1em;
  padding: 28px 50px 10px;
  margin: 40px 16px;
  text-align: center;
  z-index: 0;
}
@media only screen and (min-width: 641px) {
  blockquote {
    margin: 45px 16px;
  }
}
blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: url('../img/rTriangle.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  max-width: 75px;
  z-index: -1;
}
blockquote:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  background-image: url('../img/rTriangle.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  max-width: 75px;
  transform: rotate(180deg);
  z-index: -1;
}
blockquote .attribution {
  text-transform: uppercase;
  font-size: 0.6em;
  font-weight: 400;
}
blockquote.singleY:before {
  background-image: url('../img/yTriangle.svg');
}
blockquote.singleY:after {
  display: none;
}
strong {
  font-weight: 600;
}
/*****************************
HEADERS */
/*HEADING 1*/
h1 {
  font-family: "museo", serif;
  font-weight: 600;
  color: #444443;
  text-transform: uppercase;
  font-size: 1em;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 15px 0px;
  box-sizing: border-box;
}
h1.pageTitle {
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 22px 0;
  font-size: 0.6em;
  line-height: 1em;
  position: relative;
}
h1.pageTitle:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
h1.resultsTitle {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
  color: #444443;
  text-align: center;
  padding: 0 0 30px 0;
  position: relative;
}
h1.resultsTitle:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  border-top-color: #444443;
  top: -22px;
  left: 50%;
  margin-left: -10px;
}
h1.resultsNoFilter {
  background-color: #fff;
  padding: 80px 0 0 0;
  font-size: 1.7vw;
  font-weight: 400;
  color: #444443;
  text-align: center;
  position: relative;
}
h1.resultsNoFilter:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  border-top-color: #444443;
  top: 50px;
  left: 50%;
  margin-left: -10px;
}
h1.hideMe {
  background-color: #fff;
  padding: 44px 0 0 0;
  font-size: 1.7vw;
  font-weight: 400;
  display: block;
  text-indent: -9999px;
}
div.bigAssHeadingWithImage,
div.bigAssHeading {
  font-family: "museo", serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box;
  background-color: #d93b2b;
  font-size: 1.5em;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  padding: 13% 0 17%;
  position: relative;
  z-index: 0;
  text-align: center;
  height: 100%;
}
@media screen and (min-width: 767px) {
  div.bigAssHeadingWithImage,
  div.bigAssHeading {
    max-height: 500px;
    min-height: 220px;
  }
}
@media only screen and (min-width: 769px) {
  div.bigAssHeadingWithImage,
  div.bigAssHeading {
    font-size: 4.5vw;
  }
}
@media only screen and (min-width: 1020px) {
  div.bigAssHeadingWithImage,
  div.bigAssHeading {
    padding: 146px 0 209px;
  }
}
@media only screen and (min-width: 1800px) {
  div.bigAssHeadingWithImage,
  div.bigAssHeading {
    font-size: 5em;
  }
}
#heroTextWrap {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
div.bigAssHeadingWithImage {
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
div.bigAssHeading:before {
  content: '';
  position: absolute;
  top: -4%;
  left: 50%;
  margin-left: -50%;
  background-image: url('../img/yArrow.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 94%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#articleHeader h1 {
  font-family: "Calibri", Arial, sans-serif;
  font-size: 8vw;
  text-transform: none;
  line-height: 0.9em;
  margin: 15px 0 13px;
}
@media only screen and (min-width: 641px) {
  #articleHeader h1 {
    font-size: 5vw;
  }
}
@media only screen and (min-width: 1020px) {
  #articleHeader h1 {
    font-size: 3.6vw;
  }
}
/*HEADING 2*/
.node-type-home h2 {
  font-family: "museo", serif;
  color: #444443;
  text-transform: uppercase;
  font-size: 15pt;
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (min-width: 991px) {
  .node-type-home h2 {
    font-size: 2.5vw;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .node-type-home h2 {
    font-size: 2.5vw;
  }
}
.node-type-home .sectionText h2 {
  margin: 1rem 0 1rem;
  position: relative;
  text-align: left;
  text-transform: none;
}
@media screen and (min-width: 991px) {
  .node-type-home .sectionText h2 {
    margin: 2rem 0 2rem;
    text-align: center;
  }
}
.sectionText h2:after {
  content: '';
  display: block;
  position: absolute;
  background-image: url('../img/yTriangle.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 55px;
  height: 33px;
  transform: rotate(-135deg);
  bottom: 35px;
  left: 50%;
  margin-left: -27px;
}
.node-type-home .sectionText h2:after {
  display: none;
}
@media only screen and (min-width: 641px) {
  .node-type-home .sectionText h2 {
    padding: 0 2rem;
    margin: 2rem 0 3rem;
  }
  .node-type-home .sectionText h2:after {
    height: 55px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 769px) {
  .node-type-home .sectionText h2 {
    margin: 3rem 0 3rem;
  }
}
@media only screen and (min-width: 769px) {
  .home #promoArea h2 {
    margin: 3rem 0 3rem;
  }
}
#gridWrap .sectionText h2 {
  margin: 0px 0 50px;
  padding: 26px 0 58px;
}
.formWrap h2 {
  font-size: 7vw;
  margin: 0 0 0;
  padding: 0 0 24px;
}
@media only screen and (min-width: 769px) {
  .formWrap h2 {
    font-size: 2em;
  }
}
.formWrap h2:after {
  background-image: none;
}
.formSide h2 {
  font-size: 1.2em;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
}
#footerSocial h2 {
  color: #fff;
  margin: 0 0 20px 0;
  font-size: 2em;
}
/*HEADING 3*/
h3 {
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 20px 0;
}
/*HEADING 4*/
h4 {
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1em;
  margin: 32px 0;
}
/*****************************
TABLES */
table {
  border: 1px solid #ddd;
  border-radius: 3px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 12px 0;
  background-color: #ffffff;
}
thead th {
  border: 1px solid #ddd;
  background-color: #f5f1eb;
  color: #9e7c4c;
  padding: 9px 10px;
}
tbody {
  border: none;
  border-collapse: collapse;
  font-size: 0.9em;
}
tbody th {
  border: 1px solid #ddd;
  background-color: #f5f1eb;
  color: #9e7c4c;
  padding: 9px 10px;
}
tbody tr:nth-child(2n+1) td,
tbody tr:nth-child(2n+1) th {
  background-color: #f9f9f9;
}
tbody td {
  border: 1px solid #ddd;
  padding: 9px 10px;
}
table.imgThird {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgThird {
    width: 33.3333%;
  }
}
table.imgThird td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgThird img {
  width: 100%;
  height: auto;
}
table.imgHalf {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgHalf {
    width: 50%;
  }
}
table.imgHalf td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgHalf img {
  width: 100%;
  height: auto;
}
table.imgTwoThird {
  width: 100%;
  border: none;
}
@media only screen and (min-width: 768px) {
  table.imgTwoThird {
    width: 66.6667%;
  }
}
table.imgTwoThird td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgTwoThird img {
  width: 100%;
  height: auto;
}
table.imgFull {
  width: 100%;
  border: none;
}
table.imgFull td {
  border: none;
  vertical-align: top;
  background-color: transparent!important;
}
table.imgFull img {
  width: 100%;
  height: auto;
}
table.alignLeft {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 768px) {
  table.alignLeft {
    float: left;
    margin: 0 18px 12px 0;
  }
}
table.alignRight {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 768px) {
  table.alignRight {
    float: right;
    margin: 0 0 12px 18px;
  }
}
td.numData {
  text-align: right;
}
.pinned {
  border: none !important;
}
.st-key,
td.numData {
  text-align: left;
}
.st-key {
  width: 39%;
  padding-right: 1%;
}
.st-val {
  width: 59%;
  padding-left: 1%;
}
#breadcrumbs {
  min-height: 20px;
  height: auto;
  border-top: 1px solid #e6e6e6;
}
#breadcrumbs #crumbler {
  padding: 14px 20px;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  #breadcrumbs #crumbler {
    display: block;
  }
}
@media only screen and (min-width: 1020px) {
  #breadcrumbs #crumbler {
    padding: 14px 0px;
  }
}
#breadcrumbs ul {
  margin: 0;
  padding: 0;
}
#breadcrumbs li {
  display: inline-block;
  padding: 0 8px 0 0;
}
#breadcrumbs li a {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #444443;
  text-decoration: none;
  padding: 0 8px 0 0;
  font-size: 0.8em;
}
#breadcrumbs li a:hover {
  color: #f37021;
}
#breadcrumbs li.activeCrumb {
  color: #f37021;
  font-size: 0.8em;
}
/*****************************
HEADER */
header {
  -webkit-transition: padding 0.2s ease;
  -moz-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
  position: relative;
  width: 100%;
  padding: 4vw 10px;
  z-index: 5;
}
@media only screen and (min-width: 641px) {
  header {
    padding: 4vw 10px;
  }
}
@media only screen and (min-width: 769px) {
  header {
    padding: 2rem 10px 0px;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 1020px) {
  header {
    padding: 2rem 1rem 0px;
  }
}
@media screen and (min-width: 1200px) {
  header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  header {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
#headerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  #headerWrapper {
    padding: 0px 0 20px;
  }
}
.page-shaping-tāmaki-together-masterplan-map header {
  height: 40px;
  padding: 8px 10px;
}
.page-shaping-tāmaki-together-masterplan-map header #logo {
  height: 24px;
  width: 100px;
}
@media only screen and (min-width: 769px) {
  .page-shaping-tāmaki-together-masterplan-map header {
    height: auto;
    padding: 4vw 10px 0vw;
  }
  .page-shaping-tāmaki-together-masterplan-map header #logo {
    height: 52px;
    width: 264px;
  }
}
#superNav.desktop {
  display: none;
}
@media screen and (min-width: 991px) {
  #superNav.desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 10px;
    padding: 10px 0 0 0;
    text-align: right;
  }
  #superNav.desktop ul {
    margin: 0 25px 0 0;
    padding: 0;
  }
  #superNav.desktop li {
    display: inline-block;
    padding: 5px 15px 0;
    margin: 0;
  }
  #superNav.desktop a {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    display: inline-block;
    color: #444443;
    text-decoration: none;
  }
  #superNav.desktop a:hover {
    color: #f37021;
  }
  #superNav.desktop .siteSwitcher a {
    position: relative;
    padding: 0;
    color: #f37021;
  }
  #superNav.desktop .icon-search {
    position: absolute;
    top: 16px;
    right: 8px;
    z-index: 1;
  }
  #superNav.desktop #block-search-form {
    position: relative;
  }
  #superNav.desktop #block-search-form .form-item input {
    outline: none;
    border: 2px solid #f37021;
    padding: 0.75rem 1rem;
    width: 180px;
    font-family: "museo", serif;
    font-weight: normal;
  }
  #superNav.desktop #block-search-form .form-item input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #828282;
    opacity: 1;
    /* Firefox */
  }
  #superNav.desktop #block-search-form .form-item input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #828282;
  }
  #superNav.desktop #block-search-form .form-item input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #828282;
  }
}
@media only screen and (min-width: 1020px) {
  #superNav.desktop {
    right: 1rem;
    top: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  #superNav.desktop {
    right: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  #superNav.desktop {
    right: 4rem;
  }
}
.block-search #edit-actions {
  position: absolute;
  top: 0px;
  left: 115px;
  width: 25px;
  height: 28px;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .block-search #edit-actions {
    left: 166px;
    width: 35px;
  }
}
.block-search #edit-actions input {
  outline: none;
  border: none;
  background-color: transparent;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.logoWrap {
  padding: 0;
  margin: 0;
  width: 50%;
}
@media only screen and (min-width: 769px) {
  .logoWrap {
    width: auto;
  }
}
.logoWrap #logo {
  display: block;
  width: 100%;
  height: 13vw;
  text-indent: -9999px;
}
@media only screen and (min-width: 769px) {
  .logoWrap #logo {
    height: 83px;
    width: 264px;
  }
}
.Tamaki .logoWrap #logo {
  background: url('../img/logo.png') no-repeat 0 0 transparent;
  background-size: contain;
}
.Tamaki-Housing .logoWrap #logo {
  background: url('../img/logo-t.png') no-repeat 0 0 transparent;
  background-size: contain;
  height: 83px;
}
#printLogo {
  display: none;
}
#slogan {
  display: none;
}
@media only screen and (min-width: 769px) {
  #slogan {
    display: block;
    position: relative;
    font-family: "museo", serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #444443;
    text-transform: uppercase;
    line-height: 1em;
    padding: 16px 20px 0 0;
  }
}
#slogan:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url('../img/yArrow.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  transform: rotate(-135deg);
}
/*
* IE10 specific
*/
/*****************************
MAIN CONTENT */
#offCanvas {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}
#page-wrapper {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: left;
  margin-left: 0;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  #page-wrapper {
    float: none;
  }
}
#offCanvas.active #page-wrapper {
  margin-left: -85%;
}
#page-wrapper {
  width: 100%;
  background-color: #fff;
  position: relative;
}
#page-wrapper header,
#page-wrapper #navigationDesk #block-system-main-menu,
#page-wrapper footer,
#page-wrapper .region-content > .block-block,
#page-wrapper .region-content > .block-views,
#page-wrapper #block-system-main .node-page {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
}
@media screen and (min-width: 767px) {
  #page-wrapper header,
  #page-wrapper #navigationDesk #block-system-main-menu,
  #page-wrapper footer,
  #page-wrapper .region-content > .block-block,
  #page-wrapper .region-content > .block-views,
  #page-wrapper #block-system-main .node-page {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  #page-wrapper header,
  #page-wrapper #navigationDesk #block-system-main-menu,
  #page-wrapper footer,
  #page-wrapper .region-content > .block-block,
  #page-wrapper .region-content > .block-views,
  #page-wrapper #block-system-main .node-page {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  #page-wrapper header,
  #page-wrapper #navigationDesk #block-system-main-menu,
  #page-wrapper footer,
  #page-wrapper .region-content > .block-block,
  #page-wrapper .region-content > .block-views,
  #page-wrapper #block-system-main .node-page {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  #page-wrapper header,
  #page-wrapper #navigationDesk #block-system-main-menu,
  #page-wrapper footer,
  #page-wrapper .region-content > .block-block,
  #page-wrapper .region-content > .block-views,
  #page-wrapper #block-system-main .node-page {
    width: 1420px;
  }
}
#page-wrapper header:before,
#page-wrapper #navigationDesk #block-system-main-menu:before,
#page-wrapper footer:before,
#page-wrapper .region-content > .block-block:before,
#page-wrapper .region-content > .block-views:before,
#page-wrapper #block-system-main .node-page:before,
#page-wrapper header:after,
#page-wrapper #navigationDesk #block-system-main-menu:after,
#page-wrapper footer:after,
#page-wrapper .region-content > .block-block:after,
#page-wrapper .region-content > .block-views:after,
#page-wrapper #block-system-main .node-page:after {
  clear: both;
  display: table;
  content: '';
}
.node-type-home #page-wrapper {
  width: 100%;
  background-color: #f5f4f2;
  position: relative;
}
.node-type-home #page-wrapper header,
.node-type-home #page-wrapper footer,
.node-type-home #page-wrapper #navigationDesk #block-system-main-menu,
.node-type-home #page-wrapper .region-content > .block-block,
.node-type-home #page-wrapper .region-content > .block-views,
.node-type-home #page-wrapper .region-content > .blockgroup,
.node-type-home #page-wrapper #block-system-main .node-page,
.node-type-home #page-wrapper #block-system-main .node-home {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
}
@media screen and (min-width: 767px) {
  .node-type-home #page-wrapper header,
  .node-type-home #page-wrapper footer,
  .node-type-home #page-wrapper #navigationDesk #block-system-main-menu,
  .node-type-home #page-wrapper .region-content > .block-block,
  .node-type-home #page-wrapper .region-content > .block-views,
  .node-type-home #page-wrapper .region-content > .blockgroup,
  .node-type-home #page-wrapper #block-system-main .node-page,
  .node-type-home #page-wrapper #block-system-main .node-home {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .node-type-home #page-wrapper header,
  .node-type-home #page-wrapper footer,
  .node-type-home #page-wrapper #navigationDesk #block-system-main-menu,
  .node-type-home #page-wrapper .region-content > .block-block,
  .node-type-home #page-wrapper .region-content > .block-views,
  .node-type-home #page-wrapper .region-content > .blockgroup,
  .node-type-home #page-wrapper #block-system-main .node-page,
  .node-type-home #page-wrapper #block-system-main .node-home {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .node-type-home #page-wrapper header,
  .node-type-home #page-wrapper footer,
  .node-type-home #page-wrapper #navigationDesk #block-system-main-menu,
  .node-type-home #page-wrapper .region-content > .block-block,
  .node-type-home #page-wrapper .region-content > .block-views,
  .node-type-home #page-wrapper .region-content > .blockgroup,
  .node-type-home #page-wrapper #block-system-main .node-page,
  .node-type-home #page-wrapper #block-system-main .node-home {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .node-type-home #page-wrapper header,
  .node-type-home #page-wrapper footer,
  .node-type-home #page-wrapper #navigationDesk #block-system-main-menu,
  .node-type-home #page-wrapper .region-content > .block-block,
  .node-type-home #page-wrapper .region-content > .block-views,
  .node-type-home #page-wrapper .region-content > .blockgroup,
  .node-type-home #page-wrapper #block-system-main .node-page,
  .node-type-home #page-wrapper #block-system-main .node-home {
    width: 1420px;
  }
}
.node-type-home #page-wrapper header:before,
.node-type-home #page-wrapper footer:before,
.node-type-home #page-wrapper #navigationDesk #block-system-main-menu:before,
.node-type-home #page-wrapper .region-content > .block-block:before,
.node-type-home #page-wrapper .region-content > .block-views:before,
.node-type-home #page-wrapper .region-content > .blockgroup:before,
.node-type-home #page-wrapper #block-system-main .node-page:before,
.node-type-home #page-wrapper #block-system-main .node-home:before,
.node-type-home #page-wrapper header:after,
.node-type-home #page-wrapper footer:after,
.node-type-home #page-wrapper #navigationDesk #block-system-main-menu:after,
.node-type-home #page-wrapper .region-content > .block-block:after,
.node-type-home #page-wrapper .region-content > .block-views:after,
.node-type-home #page-wrapper .region-content > .blockgroup:after,
.node-type-home #page-wrapper #block-system-main .node-page:after,
.node-type-home #page-wrapper #block-system-main .node-home:after {
  clear: both;
  display: table;
  content: '';
}
main {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.node {
  padding: 0;
  position: relative;
}
.node iframe {
  width: 100%;
}
.node .vidHolderYouTube iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node .intro {
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.3em;
}
.node .introOrange {
  font-weight: 600;
  color: #f37021;
}
#block-system-main {
  background-color: #e3e3e3;
}
.textCentre {
  text-align: left;
}
@media screen and (min-width: 991px) {
  .textCentre {
    text-align: center;
  }
}
.blockText {
  padding: 0 1rem 1rem;
  font-size: 1em;
  line-height: 1.3em;
}
@media screen and (min-width: 991px) {
  .blockText {
    padding: 0 10% 30px;
  }
}
#node-39 .blockText {
  padding: 30px 10%;
}
/************************************************
*Over-rides for TRC Form
*/
.trcWrap {
  padding-top: 20px;
  padding-bottom: 30px;
}
.tamaki-trc-form .trc-export-link {
  text-align: center;
  margin: 5px 0 10px;
}
.tamaki-trc-form .trc-export-link a {
  display: inline-block;
  background: #f37021;
  color: #fff;
  padding: 5px 20px;
  font-weight: bold;
  text-decoration: none;
}
.tamaki-trc-form .form-item-email,
.tamaki-trc-form .form-item-email-2 {
  margin-bottom: 35px;
}
.tamaki-trc-form h3 {
  margin: 20px 0 10px;
}
.tamaki-trc-form #tamaki-conn {
  margin: 20px 0;
}
.tamaki-trc-form .form-type-checkbox {
  margin: 15px 0;
}
.tamaki-trc-form .form-type-checkbox input {
  width: auto;
}
.tamaki-trc-form .form-type-checkbox label {
  display: inline !important;
  visibility: visible !important;
}
.tamaki-trc-form .form-type-select {
  margin: 15px 0;
}
.tamaki-trc-form .form-type-select label {
  display: block !important;
  visibility: visible !important;
}
.tamaki-trc-form .form-type-select select {
  font-size: 0.9em;
}
.tamaki-trc-form .form-item-declaration input {
  float: left;
  margin-top: 0;
}
.tamaki-trc-form .form-item-declaration label {
  margin-left: 20px;
  display: block !important;
  font-size: 0.8em;
  line-height: 1.1em;
}
.tamaki-trc-form .form-item-debt {
  margin: 30px 0;
}
.tamaki-trc-form .description {
  font-size: 0.8em;
  color: #666;
}
.tamaki-trc-form .form-item-savings,
.tamaki-trc-form .form-item-kiwisaver {
  position: relative;
}
.tamaki-trc-form .form-item-savings .field-prefix,
.tamaki-trc-form .form-item-kiwisaver .field-prefix {
  position: absolute;
  left: -12px;
  top: 18px;
}
/************************************************
*Over-rides for Housing section
*/
.Tamaki-Housing .textCentre {
  text-align: left;
}
.shared .textCentre,
.node-type-home .Tamaki-Housing .textCentre,
.page-shaping-tamaki-together-masterplan-neighbourhoods-developments .Tamaki-Housing .textCentre {
  text-align: left;
}
@media screen and (min-width: 991px) {
  .shared .textCentre,
  .node-type-home .Tamaki-Housing .textCentre,
  .page-shaping-tamaki-together-masterplan-neighbourhoods-developments .Tamaki-Housing .textCentre {
    text-align: center;
  }
}
#photoUpload.textCentre {
  text-align: left;
}
@media screen and (min-width: 991px) {
  #photoUpload.textCentre {
    text-align: center;
  }
}
/* Sections */
section#page {
  border-top: none;
}
/*
section:not(.noDivide){
  padding: 35px 0 0 0;
  position: relative;
  &:before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url('../img/houndsTooth.jpg');
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: 100% 35px;
    height: 35px;
  }
  @media only screen and (min-width: 769px) {
    padding: 65px 0 0 0;
    &:before{
      height: 65px;
      background-size: inherit;
    }
  }
}
*/
.divider {
  height: 30px;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
section[class="imgPromoArea"],
div[class="imgPromoArea"] {
  position: relative;
}
section[class="imgPromoArea"] img,
div[class="imgPromoArea"] img {
  width: 100%;
  height: auto;
  /*max-width: 1200px;*/
  display: block;
  margin: 0 auto;
}
section[class="imgPromoArea"] #promoText,
div[class="imgPromoArea"] #promoText {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -50%;
  padding: 32px 0 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "museo", serif;
  font-size: 2.5vw;
  line-height: 1em;
  text-transform: uppercase;
  z-index: 0;
  background-color: #fdb913;
  margin-bottom: 2rem;
  /*
    p{
      margin: 0 0 4px 0;
    }
    */
}
section[class="imgPromoArea"] #promoText span,
div[class="imgPromoArea"] #promoText span {
  display: block;
  padding: 0 4%;
}
section[class="imgPromoArea"] #promoText #promoHeading,
div[class="imgPromoArea"] #promoText #promoHeading {
  font-size: 2.5em;
  line-height: 1em;
  font-weight: 600;
}
section[class="imgPromoArea"] #promoText #promoTextBody,
div[class="imgPromoArea"] #promoText #promoTextBody {
  font-size: 1.5em;
  line-height: 1em;
  padding: 14px 4%;
  font-family: "Calibri", Arial, sans-serif;
}
section[class="imgPromoArea"] #promoText #promoLinkText,
div[class="imgPromoArea"] #promoText #promoLinkText {
  font-size: 1.2em;
  line-height: 1em;
  font-family: "Calibri", Arial, sans-serif;
  font-weight: 400;
  padding: 20px 0 14px;
}
section[class="imgPromoArea"] #promoText #promoLink,
div[class="imgPromoArea"] #promoText #promoLink {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
section[class="imgPromoArea"] #promoText:before,
div[class="imgPromoArea"] #promoText:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 100%;
  height: 20px;
  bottom: -20px;
  margin-left: -50%;
  background-image: url('../img/yLongArrow.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 640px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 35px 0 0px;
  }
  section[class="imgPromoArea"] #promoText:before,
  div[class="imgPromoArea"] #promoText:before {
    height: 40px;
    bottom: -40px;
  }
}
@media only screen and (min-width: 769px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 50px 0 0px;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1010px) {
  section[class="imgPromoArea"] #promoText,
  div[class="imgPromoArea"] #promoText {
    padding: 50px 0 0px;
  }
}
section[id="btmPromo"] {
  position: relative;
}
section[id="btmPromo"] .divider {
  max-width: 100%;
}
section[id="btmPromo"] #promoText {
  position: static;
  margin-left: 0;
  padding: 30px 0 15px;
  background-color: #f37021;
}
section[id="btmPromo"] #promoText:before {
  background-image: none;
}
.imgTextColWrap {
  margin: 32px 0 0;
}
/* Columns */
@media only screen and (min-width: 769px) {
  .columnWrap {
    padding: 0;
  }
}
.columnThird {
  width: 100%;
  padding: 10px;
}
.columnThird img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnThird {
    width: 33.333%;
    padding: 16px;
  }
}
.columnTwoThird {
  width: 100%;
  padding: 10px;
}
.columnTwoThird img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnTwoThird {
    width: 66.666%;
    padding: 16px;
  }
}
.columnHalf {
  width: 100%;
  padding: 0px 16px 32px;
}
.columnHalf img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  .columnHalf {
    width: 50%;
  }
}
/*****************************
ARTICLES */
#featureImgWrap img {
  width: 100%;
  height: auto;
}
#articleHeader {
  width: 100%;
  padding: 10px;
  margin: 0;
}
#articleHeader img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  #articleHeader {
    width: 66.666%;
    padding: 16px;
  }
}
#articleHeader img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 641px) {
  #articleHeader {
    width: 66.666%;
    padding: 16px;
  }
}
#articleHeader .author {
  margin: 10px 0 0 0;
}
#articleHeader .author,
#articleHeader .newsDate {
  font-size: 0.95em;
}
#externalLinks {
  border-top: 1px solid #444443;
  border-bottom: 1px solid #444443;
  padding: 28px 0;
}
#socialArticle .addthis_custom_sharing {
  background-color: transparent;
  text-align: left;
  /*
    .at-svc-email{
      position: relative;
      padding: 0 0 0 30px;
      &:before{
        content: '';
        position: absolute;
        display: block;
        height: 100%;
        width: 1px;
        background-color: @textGrey;
        top: 0;
        left: 13px;
      }
    }
    */
}
#moreMedia {
  overflow: hidden;
  padding: 0 16px;
}
#moreMedia h4 {
  border-top: 2px solid #EC6707;
  padding: 15px 0 0;
  font-family: Calibri, Arial, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  width: 160px;
}
#backToResults {
  /*margin-bottom:2em;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  position: relative;
  background-color: #f37021;
  font-family: "museo", serif;
  color: #fff;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin: 16px 0 14px 10px;
  padding: 10px 26px 9px 35px;*/
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  line-height: 1em;
  position: relative;
  background: rgba(255, 255, 255, 0.25);
  color: #4f4f4f;
  text-transform: uppercase;
  border: 2px solid #fcb900;
  font-family: "museo", serif;
  margin-bottom: 1em;
}
/*#backToResults:before {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13.0px 7.5px 0;
  border-color: transparent #ffffff transparent transparent;
}*/
#backToResults:hover {
  background-color: #fdb913;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  #backToResults {
    font-family: Calibri, Arial, sans-serif;
    padding: 1em 2em;
    font-size: 1em;
    margin: 20px 0 40px 16px;
  }
  #backToResults:before {
    top: 14px;
  }
}
#articleImgHolder a {
  display: block;
  position: relative;
}
.moreImg {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  font-family: "museo", serif;
  margin: 0 0 0 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #fff;
  background-color: #f37021;
  padding: 5px 10px 4px 35px;
  background-image: url('../img/mag.svg');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 8px 6px;
  z-index: 1;
}
.moreImg:hover {
  background-color: #f68f51;
}
/*
.moreImg{
  .transitions-background-color;
  position: relative;
  display: inline-block;
  font-family: @font-family-serif;
  margin: 0 0 20px 0;
  &:before{
    content: 'View';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    background-color: @brandPrimary;
    padding: 4px 10px 5px 35px;
    background-image: url('../img/mag.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 8px 6px;
  }
  &:hover{
    background-color: lighten(@brandPrimary, 10%);
  }
}
*/
/*tags*/
#tagHolder {
  margin-top: 10px;
}
.tagIcon {
  display: block;
  color: #f37021;
  font-size: 0.8em;
  position: relative;
  padding: 8px 0 8px 44px;
}
.tagIcon:before {
  font-size: 2.2em;
  position: absolute;
  left: 0;
  top: 9px;
}
#tag_14 {
  background-image: url('../img/tag-icons/great-neighbourhoods.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_18 {
  background-image: url('../img/tag-icons/warm-homes.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_19 {
  background-image: url('../img/tag-icons/safe-parks.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_20 {
  background-image: url('../img/tag-icons/town-center.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_21 {
  background-image: url('../img/tag-icons/healthy-residents.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_22 {
  background-image: url('../img/tag-icons/thriving-children.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_23 {
  background-image: url('../img/tag-icons/strong-cultrual-identity.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_24 {
  background-image: url('../img/tag-icons/improved-education.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_25 {
  background-image: url('../img/tag-icons/successful-businesses.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_26 {
  background-image: url('../img/tag-icons/invest-opportunities.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
#tag_27 {
  background-image: url('../img/tag-icons/career-opportunities.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
span[id^="tag_"] {
  background-image: url('../img/tag-icons/default.svg');
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 32px auto;
}
/* Generic orange btn*/
.orangeBtn {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: inline-block;
  font-family: "museo", serif;
  background-color: #f37021;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 25px;
  font-size: 1em;
}
.orangeBtn:hover {
  background-color: #f68f51;
}
#viewAll {
  margin: 12px 0;
}
/* Social sharing */
.addthis_custom_sharing {
  background-color: #fdb913;
  padding: 30px 0;
  text-align: center;
  /*
  .at-icon-wrapper{
    height: 45px;
    width: 45px;
    line-height: 45px;
    svg{
      height: 37px !important;
      width: 37px !important;
      padding: 4px 0 0 4px !important;
    }
  }
  */
}
#sectionSocial .addthis_custom_sharing .at-svc-email,
#sectionSocial .addthis_custom_sharing .at-svc-pdfonline {
  display: none;
}
/*****************************
FORMS */
.formWrap {
  background-color: #fdb913;
}
.formWrap form {
  width: 100%;
  max-width: 520px;
  text-align: left;
  /*
    div:not(.form-item-consent) > label{
      .visuallyhidden;
    }
    */
}
@media only screen and (min-width: 521px) {
  .formWrap form {
    margin: 0 auto;
  }
}
.formWrap form input,
.formWrap form textarea {
  width: 90%;
  outline: none;
  border: none;
  padding: 10px;
  font-family: "Calibri", Arial, sans-serif;
  color: #444443;
  font-size: 0.9em;
  margin: 10px 0 0px 0;
  background-color: #fff;
}
.formWrap form textarea {
  width: 97.5%;
}
@media only screen and (min-width: 400px) {
  .formWrap form textarea {
    width: 96.2%;
  }
}
@media only screen and (min-width: 604px) {
  .formWrap form textarea {
    width: 94%;
    min-height: auto;
  }
}
.formWrap form .grippie {
  display: none !important;
  visibility: hidden;
}
.formWrap form div > label {
  display: none !important;
  visibility: hidden;
}
.formWrap form div.form-item-debt > label {
  display: block !important;
  visibility: visible;
  font-weight: bold;
  font-size: 17px;
}
.formWrap form div > label.form-checkboxes {
  display: none !important;
  visibility: hidden;
}
.formWrap form input[type="submit"] {
  background-color: #444443;
  color: #fff;
  width: 50%;
  margin: 20px auto 0;
  display: block;
}
.formWrap form .form-item-honeypot {
  display: none !important;
  visibility: hidden;
}
.formWrap form .form-required {
  display: none !important;
  visibility: hidden;
}
.formWrap form div.form-item-consent input,
.formWrap form div.form-item-sendoptions input {
  width: auto;
}
.formWrap form div.form-item-consent label,
.formWrap form div.form-item-sendoptions label {
  text-align: left;
  margin-top: 8px;
  visibility: visible;
  display: inline-block !important;
}
.formWrap form div.form-item-consent label:nth-child(2),
.formWrap form div.form-item-sendoptions label:nth-child(2) {
  display: none;
}
.formWrap form div.form-item-request textarea {
  min-height: 280px;
}
@media only screen and (min-width: 641px) {
  .formWrap form div.form-item-request textarea {
    min-height: auto;
  }
}
.formSide {
  background-color: #fff;
}
.formSide form input,
.formSide form label {
  width: 90%;
}
.formSide form input {
  border: 1px solid #dfdfdf;
}
/*****************************
LIGHTBOX OVER RIDES */
body:after {
  content: url(../js/vendor/close.png) url(../js/vendor/loading.gif) url(../js/vendor/prev.png) url(../js/vendor/next.png);
}
.lb-cancel {
  background: url(../js/vendor/loading.gif) no-repeat;
}
.lb-nav a.lb-prev {
  background: url(../js/vendor/prev.png) left 48% no-repeat;
}
.lb-nav a.lb-next {
  background: url(../js/vendor/next.png) right 48% no-repeat;
}
.lb-data .lb-close {
  background: url(../js/vendor/close.png) top right no-repeat;
}
#page .slick-dotted.slick-slider {
  margin-bottom: 25px;
}
.tamaki-carousel {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
}
.tamaki-carousel li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.tamaki-carousel li .slide-alt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #ffffff;
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
}
.tamaki-carousel li img {
  display: block;
  width: 100%;
  height: auto;
}
.tamaki-carousel .slick-next {
  right: 5px;
}
.tamaki-carousel .slick-prev {
  left: 5px;
}
.tamaki-carousel .slick-next,
.tamaki-carousel .slick-prev {
  width: 40px;
  height: 40px;
  z-index: 2;
}
.tamaki-carousel .slick-next:before,
.tamaki-carousel .slick-prev:before {
  font-size: 40px;
}
.tamaki-carousel .slick-dots {
  background: #ffffff;
}
.tamaki-carousel .slick-dots li button:before {
  font-size: 12px;
}
/*****************************
CAROUSELS */
#carousel {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}
#carTmp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#heroCarContainer {
  position: relative;
  width: 100%;
  height: 60vw;
}
@media only screen and (min-width: 769px) {
  #heroCarContainer {
    height: 42vw;
  }
}
.carItem {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  color: #fff;
  padding: 0;
  top: 0;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  font-family: "museo", serif;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}
.carItem h2,
.carItem p {
  color: #fff;
  font-size: 8vw;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .carItem h2,
  .carItem p {
    font-size: 5vw;
  }
}
.carItem a,
.carItem a:visited {
  font-size: 3vw;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 6% 0 0 0;
}
@media only screen and (min-width: 769px) {
  .carItem a,
  .carItem a:visited {
    font-size: 2vw;
  }
}
.carItem .promoLink {
  font-size: 24px;
}
.carouselCell {
  display: table-cell;
  vertical-align: middle;
}
.car_0 {
  display: table;
  z-index: 2;
}
.defaultCar {
  background-color: #d93b2b;
}
.defaultCar .carouselCell {
  position: relative;
}
.defaultCar .carouselCell:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  background-image: url('../img/yArrow.svg');
  background-position: 0 -30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#pipWrap {
  display: none;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 40px 0 0;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  #pipWrap {
    display: block;
  }
}
#pips {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  width: 60%;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#pips button {
  outline: none;
  display: block;
  text-indent: -9999px;
  background-color: #444443;
  border-radius: 16px;
  border: 0px solid #fff;
  height: 11px;
  width: 11px;
  float: left;
  margin: 3px 17px 0 0;
  cursor: pointer;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #pips button {
    width: 1em;
    height: 2em;
    -webkit-border-radius: 80%;
  }
}
#pips button.active {
  background-color: #fff;
  border: 2px solid #444443;
  margin: 0 17px 0 0;
  height: 16px;
  width: 16px;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #pips button.active {
    width: 2em;
    height: 2.4em;
    -webkit-border-radius: 80%;
  }
}
/*
Home grid
*/
#homePromoContainer {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 641px) {
  #homePromoContainer {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 641px) {
  #homePromoContainer {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 769px) {
  #homePromoContainer {
    border-bottom: 1px solid #444443;
    padding: 0 0 0;
  }
}
.homeGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  /* Custom tiles*/
}
@media only screen and (min-width: 769px) {
  .homeGroup {
    width: 50%;
  }
}
.homeGroup .promoItem {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-color: #fff;
  /*TESTING*/
  width: 100%;
  position: relative;
  /**/
}
.homeGroup .promoItem .aspectRatio {
  padding-bottom: 100%;
}
.homeGroup .promoItem img {
  width: 100%;
  height: auto;
}
.homeGroup .promoItem a {
  /*TESTING
      Looks good and holding - 23-3-2016
      see: http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
      */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /**/
  text-decoration: none;
  display: block;
  padding: 10vw 22px;
  box-sizing: border-box;
  line-height: 1.3em;
  font-size: 5vw;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoItem a {
    padding: 18% 22px;
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1020px) {
  .homeGroup .promoItem a {
    font-size: 1.5em;
  }
}
.homeGroup .promoItem a:hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #f37021;
  opacity: 0.4;
}
.homeGroup .promoItem .tileHead {
  color: #f37021;
  font-weight: 600;
  font-size: 3vw;
  text-transform: uppercase;
  padding: 1% 0;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoItem .tileHead {
    font-size: 1.8vw;
  }
}
@media only screen and (min-width: 1020px) {
  .homeGroup .promoItem .tileHead {
    font-size: 0.7em;
  }
}
.homeGroup .promoItem .tileTitle {
  color: #444443;
  font-weight: 600;
  line-height: 1.2em;
}
.homeGroup .promoPad a {
  padding: 5vw 22px;
}
@media only screen and (min-width: 769px) {
  .homeGroup .promoPad a {
    padding: 4% 22px;
  }
}
.homeGroup .promo1x1 {
  width: 50%;
}
.homeGroup .promo2x1 {
  width: 100%;
}
.homeGroup .promo_6 {
  font-weight: 600;
  line-height: 1.2em;
  position: relative;
  z-index: 0;
  /*
    &:before{
      content: '';
        display: block;
        position: absolute;
        background-image: url('../img/yTriangle.svg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 255px;
        height: 255px;
        //transform: rotate(0deg);
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    */
}
.homeGroup .promo_6 p {
  color: #444443;
}
.homeGroup .promo_7 {
  font-weight: 600;
  line-height: 1.2em;
  background-color: #444443;
}
.homeGroup .promo_7 p,
.homeGroup .promo_7 a {
  color: #fdb913 !important;
}
.homeGroup .promo_8 {
  font-weight: 600;
  line-height: 1.2em;
  position: relative;
  z-index: 0;
  /*
    &:before,
    &:after{
      content: '';
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 255px;
        height: 255px;
        //transform: rotate(0deg);
        z-index: -1;
    }
    &:before{
      background-image: url('../img/yTriangle.svg');
      top: 0;
        left: 0;
    }
    &:after{
        background-image: url('../img/rTriangle.svg');
        transform: rotate(180deg);
        bottom: 0;
        right: 0;
    }
    */
}
.homeGroup .promo_8 p {
  color: #444443;
}
.homeGroup .promo_9 {
  font-weight: 600;
  line-height: 1.2em;
}
.homeGroup .promo_9 p,
.homeGroup .promo_9 a {
  color: #fff !important;
}
.homeGroup .defaultHomeGrid {
  background-image: url('../img/orangeWhite.gif');
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
/*****************************
FOOTER */
footer {
  background-color: #444443;
  color: #ffffff;
  font-size: 0.9em;
  position: relative;
}
footer:after {
  content: '';
  position: relative;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  height: 30px;
}
footer a {
  color: #fff;
}
footer a:visited {
  color: #fff;
}
footer p {
  margin: 0 0 15px 0;
}
#footerWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (min-width: 641px) {
  #footerWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 641px) {
  #footerWrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1020px) {
  #footerWrap {
    padding: 0;
  }
}
#footerCopy {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (min-width: 641px) {
  #footerCopy {
    text-align: inherit;
  }
}
@media only screen and (min-width: 1020px) {
  #footerCopy {
    padding: 0;
  }
}
.footerLinks {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .footerLinks {
    width: 60%;
  }
}
.footerLinks ul {
  text-align: center;
  margin: 1px 0 0 0;
  padding: 0;
  /*
    li:after{
      content: '|';
      position: absolute;
      right: 3px;
      top: 0;
      color: @white;
      width: 10px;
      height: inherit;
    }
    li:last-child:after{
      content: '';
    }
    */
}
@media only screen and (min-width: 641px) {
  .footerLinks ul {
    text-align: inherit;
  }
}
.footerLinks ul li {
  display: block;
  padding: 0 20px 0 0;
  position: relative;
}
@media only screen and (min-width: 641px) {
  .footerLinks ul li {
    display: inline-block;
  }
  .footerLinks ul li:after {
    content: '|';
    position: absolute;
    right: 3px;
    top: 0;
    color: #ffffff;
    width: 10px;
    height: inherit;
  }
  .footerLinks ul li:last-child:after {
    content: '';
  }
}
.footerLinks ul li a {
  color: #ffffff;
  text-decoration: underline;
}
.footerLinks ul li a:hover {
  text-decoration: none;
}
.footerLinks #footer-menu li > div.subMenuWrap {
  display: none;
}
#footerSocial {
  width: 100%;
  margin: 40px 0 0;
  text-align: center;
  /*
  .addthis_custom_sharing{
    background-color: inherit;
    padding: 0;
    //text-align: right;
    .at-custom-button-color .at-icon-wrapper{
      background-color: #fff;
    }
    .at-icon{
      fill: @textGrey;
    }
    //Hide extras
    .at-svc-email,
    .at-svc-pdfonline{
      display: none;
    }
  }
  */
}
@media only screen and (min-width: 641px) {
  #footerSocial {
    width: 40%;
    margin: 0;
  }
}
#footerSocial #twitter {
  display: inline-block;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  background-image: url('../img/twitter.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  margin-top: 20px;
}
/*****************************
SYSTEM */
/*Profile screens*/
.profile {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
/*Login toboggan*/
.toboggan-unified {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
.toboggan-unified #login-message {
  margin: 30px 0 20px 0;
  color: #f37021;
}
.toboggan-unified #login-links .login-link {
  padding: 12px;
  border: none;
  background-color: #e3e3e3;
  color: #bfbfbf;
  text-decoration: none;
  font-size: 0.6em;
  display: block;
  margin: 6px 0 0 0;
}
@media only screen and (min-width: 370px) {
  .toboggan-unified #login-links .login-link {
    display: inline;
  }
}
.toboggan-unified #login-links #login-link.lt-active,
.toboggan-unified #login-links #register-link.lt-active,
.toboggan-unified #login-links .login-link:hover {
  color: #fff;
  border: none;
  background-color: #d93b2b;
}
#user-login,
#register-form {
  padding: 15px;
}
#user-login .form-type-textfield:before,
#register-form .form-type-textfield:before {
  background: none;
}
#user-login .form-item,
#register-form .form-item {
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 640px) {
  #user-login .form-item label,
  #register-form .form-item label {
    min-width: 240px;
    display: inline-block;
  }
}
#user-login .form-item input,
#register-form .form-item input {
  width: 100%;
  max-width: 500px;
  padding: 3px !important;
  outline: none;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
#user-login .form-actions input,
#register-form .form-actions input {
  width: auto;
  position: relative !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  padding: 3px 7px !important;
}
#user-login .description,
#register-form .description {
  font-style: italic;
  font-size: 0.9em;
  margin: 5px 0 0 0;
}
.tabs {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.tabs ul.primary {
  border: none;
  border-bottom: 1px solid #444443;
  margin: 4px 0 0 4px;
  padding: 0;
}
.tabs ul.primary li a {
  border: none;
  padding: 0 14px;
  background-color: #fff;
  color: #444443;
  border-radius: 10px 10px 0 0;
}
.tabs ul.primary li.active a {
  border: none;
  color: #d93b2b;
}
/*****************************
SITEMAP */
section #site-map {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  padding: 80px 8%;
}
#siteMapHeader {
  background-color: #e3e3e3;
}
#siteMapHeader h1 {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 100px 8% 0;
  background-color: #fff;
  box-sizing: border-box;
}
.site-map-menu {
  margin: 0;
}
.site-map-menu li,
.site-map-menu li.leaf,
.site-map-menu li.expanded {
  list-style: none;
  border-bottom: 1px solid #f1f1f1;
  padding: 7px 0;
}
.site-map-menu li.expanded ul {
  padding: 0 0 0 20px;
}
.site-map-menu li.expanded ul li {
  border: none;
  padding: 4px 0;
}
.site-map-menu li.collapsed {
  list-style-image: none;
  list-style: none;
}
.site-map-menu li:before {
  top: 10px;
}
.content .site-map-box a {
  text-decoration: none;
  color: #d93b2b;
}
.content .site-map-box a:hover {
  text-decoration: underline;
}
.page-sitemap .content h2 {
  display: none !important;
  visibility: hidden;
}
/*****************************
404 */
.page-navigation404 section .content {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px 8%;
}
.page-navigation404 h1.systemHeader1 {
  padding: 100px 0;
}
/*****************************
MESSAGES - ERRORS */
#messages {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
#messages div.messages {
  margin-top: 20px;
  padding: 10px 10px;
  background: #fdb913;
}
#messages div.messages ul {
  margin: 10px 0;
}
#messages div.messages ul li {
  font-size: 0.9em;
}
#messages div.messages ul li:before {
  background-color: transparent;
}
div.error,
table tr.error {
  background-color: transparent;
}
div.error,
.error {
  color: #f37021;
}
div.error {
  background-image: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 4px solid #f37021;
}
div.status {
  background-image: none;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 4px solid #fdb913;
}
@font-face {
  font-family: 'tamaki-maps';
  src: url('../fonts/tamaki-maps.eot?34262837');
  src: url('../fonts/tamaki-maps.eot?34262837#iefix') format('embedded-opentype'), url('../fonts/tamaki-maps.woff2?34262837') format('woff2'), url('../fonts/tamaki-maps.woff?34262837') format('woff'), url('../fonts/tamaki-maps.ttf?34262837') format('truetype'), url('../fonts/tamaki-maps.svg?34262837#tamaki-maps') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tamaki-map';
    src: url('../font/tamaki-map.svg?73536848#tamaki-map') format('svg');
  }
}
*/
#mainMapContainer [class^="icon-"]:before,
#mainMapContainer [class*=" icon-"]:before {
  font-family: "tamaki-maps";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8;*/
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%;*/
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}
.icon-backarrow:before {
  content: '\e800';
}
/* '' */
.icon-bulldozer:before {
  content: '\e801';
}
/* '' */
.icon-citizensadvice:before {
  content: '\e802';
}
/* '' */
.icon-cross:before {
  content: '\e804';
}
/* '' */
.icon-gipanmurecentre:before {
  content: '\e805';
}
/* '' */
.icon-glenbraekids:before {
  content: '\e806';
}
/* '' */
.icon-hammer:before {
  content: '\e807';
}
/* '' */
.icon-home:before {
  content: '\e808';
}
/* '' */
.icon-information:before {
  content: '\e809';
}
/* '' */
.icon-library:before {
  content: '\e80a';
}
/* '' */
.icon-marae:before {
  content: '\e80b';
}
/* '' */
.icon-online:before {
  content: '\e80c';
}
/* '' */
.icon-reserve:before {
  content: '\e80d';
}
/* '' */
.icon-school:before {
  content: '\e80e';
}
/* '' */
.icon-somerville:before {
  content: '\e80f';
}
/* '' */
.icon-stonecottage:before {
  content: '\e810';
}
/* '' */
.icon-teoro:before {
  content: '\e811';
}
/* '' */
.icon-tereo:before {
  content: '\e812';
}
/* '' */
.icon-time:before {
  content: '\e813';
}
/* '' */
.icon-trainstation:before {
  content: '\e814';
}
/* '' */
.icon-water:before {
  content: '\e815';
}
/* '' */
.icon-ymca:before {
  content: '\e816';
}
/* '' */
.icon-ymcapool:before {
  content: '\e817';
}
/* '' */
.icon-communitycentre:before {
  content: '\e818';
}
/* '' */
/*
@font-face {
  font-family: 'tamaki-tags';
  src: url('../fonts/tamaki-tags.eot?59859612');
  src: url('../fonts/tamaki-tags.eot?59859612#iefix') format('embedded-opentype'),
       url('../fonts/tamaki-tags.woff2?59859612') format('woff2'),
       url('../fonts/tamaki-tags.woff?59859612') format('woff'),
       url('../fonts/tamaki-tags.ttf?59859612') format('truetype'),
       url('../fonts/tamaki-tags.svg?59859612#tamaki-tags') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tamaki-tags';
    src: url('../font/tamaki-tags.svg?52464413#tamaki-tags') format('svg');
  }
}
*/
/**
 * Switching off for now

 [class="tagIcon"]:before{
  font-family: "tamaki-tags";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8;*/
/* For safety - reset parent styles, that can break glyph codes*
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap *
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric *
  /* remove if not needed *
  margin-left: .2em;

  /* you can be more comfortable with increased icons size *
  /* font-size: 120%;*

  /* Font smoothing. That was taken from TWBS *
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect *
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*
}

*/
.icon-career-opportunities {
  /* '' */
}
.icon-career-opportunities:before {
  content: '\e800';
}
.icon-strong-cultural-identity {
  /* '' */
}
.icon-strong-cultural-identity:before {
  content: '\e801';
}
.icon-town-center {
  /* '' */
}
.icon-town-center:before {
  content: '\e802';
}
.icon-great-neighbourhoods {
  /* '' */
}
.icon-great-neighbourhoods:before {
  content: '\e803';
}
.icon-healthy-residents {
  /* '' */
}
.icon-healthy-residents:before {
  content: '\e804';
}
.icon-improved-education {
  /* '' */
}
.icon-improved-education:before {
  content: '\e805';
}
.icon-invest-opportunities {
  /* '' */
}
.icon-invest-opportunities:before {
  content: '\e806';
}
.icon-safe-parks {
  /* '' */
}
.icon-safe-parks:before {
  content: '\e807';
}
.icon-successful-businesses {
  /* '' */
}
.icon-successful-businesses:before {
  content: '\e808';
}
.icon-thriving-children {
  /* '' */
}
.icon-thriving-children:before {
  content: '\e809';
}
.icon-warm-homes {
  /* '' */
}
.icon-warm-homes:before {
  content: '\e80a';
}
.icon-default {
  /* '' */
}
.icon-default:before {
  content: '\e80b';
}
/*****************************
GENERAL
*/
/* Breaks */
/*****************************
COLORS
*/
/*
@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%);// #222
@gray-dark:              lighten(@gray-base, 20%);// #333
@gray:                   lighten(@gray-base, 33.5%);// #555
@gray-light:             lighten(@gray-base, 46.7%);// #777
@gray-lighter:           lighten(@gray-base, 93.5%);// #eee
@white:          #fff;
*/
/*****************************
FONTS
*/
@font-face {
  font-family: 'Calibri-Italic';
  src: url('../fonts/30B02A_0_0.eot');
  src: url('../fonts/30B02A_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_0_0.woff2') format('woff2'), url('../fonts/30B02A_0_0.woff') format('woff'), url('../fonts/30B02A_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri-BoldItalic';
  src: url('../fonts/30B02A_1_0.eot');
  src: url('../fonts/30B02A_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_1_0.woff2') format('woff2'), url('../fonts/30B02A_1_0.woff') format('woff'), url('../fonts/30B02A_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri-Bold';
  src: url('../fonts/30B02A_2_0.eot');
  src: url('../fonts/30B02A_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_2_0.woff2') format('woff2'), url('../fonts/30B02A_2_0.woff') format('woff'), url('../fonts/30B02A_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/30B02A_3_0.eot');
  src: url('../fonts/30B02A_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30B02A_3_0.woff2') format('woff2'), url('../fonts/30B02A_3_0.woff') format('woff'), url('../fonts/30B02A_3_0.ttf') format('truetype');
}
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/slick.eot');
  src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
.slick-prev:before[dir="rtl"] {
  content: "→";
}
.slick-next {
  right: -25px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
.slick-next:before[dir="rtl"] {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.relative,
.region-content {
  position: relative;
}
/* New Map of Development */
.img-dev-list .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}
.img-dev-list .view-content .views-row {
  order: 0;
  flex: 0 0 100%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 767px) {
  .img-dev-list .view-content .views-row {
    order: 0;
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 991px) {
  .img-dev-list .view-content .views-row {
    order: 0;
    flex: 0 0 33.3%;
  }
}
.img-dev-list .view-content .views-row .field-name-field-image .field-item a {
  display: block;
  position: relative;
}
.img-dev-list .view-content .views-row .field-name-field-image .field-item a img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  z-index: 0;
  position: relative;
}
.img-dev-list .view-content .views-row .field-name-field-image .field-item a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.img-dev-list .view-content .views-row .field-name-field-image .field-item a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.img-dev-list .view-content .views-row .field-name-title {
  position: absolute;
  z-index: 3;
  top: 1.3rem;
  left: 1.3rem;
  font-family: museo,serif;
  font-weight: bold;
}
.img-dev-list .view-content .views-row .field-name-title a {
  color: #000000;
  font-size: 19pt;
  text-decoration: none;
  text-transform: uppercase;
}
.img-dev-list .view-content .views-row:hover .field-name-field-image .field-item a:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.img-dev-list .view-content .views-row:hover .field-name-field-image .field-item a:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.img-dev-list .view-content .views-row.views-row-1 .field-name-field-image .field-item a:before {
  background: #d33020;
}
.img-dev-list .view-content .views-row.views-row-2 .field-name-field-image .field-item a:before {
  background: #ec6707;
}
.img-dev-list .view-content .views-row.views-row-3 .field-name-field-image .field-item a:before {
  background: #fcb900;
}
.view-neighbourhood-list .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items: stretch;
  align-content: stretch;
}
.view-neighbourhood-list .view-content .views-row {
  order: 0;
  flex: 0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 767px) {
  .view-neighbourhood-list .view-content .views-row {
    order: 0;
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 991px) {
  .view-neighbourhood-list .view-content .views-row {
    order: 0;
    flex: 0 0 33%;
  }
}
.view-neighbourhood-list .view-content .views-row .views-field-field-image {
  margin-bottom: 1rem;
}
.view-neighbourhood-list .view-content .views-row .views-field-field-image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
.view-neighbourhood-list .view-content .views-row .views-field-title {
  margin-bottom: 0.5rem;
}
.view-neighbourhood-list .view-content .views-row .views-field-title a {
  color: #4f4f4f;
  font-size: 13.5pt;
  font-weight: 600;
  text-decoration: none;
}
.view-neighbourhood-list .view-content .views-row .views-field-body .views-more-link {
  display: block;
  margin-top: 0.5rem;
  text-decoration: none;
}
.view-neighbourhood-list .view-content .views-row .views-field-body .views-more-link:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../img/readmore.svg) no-repeat center center;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 0 0.25rem;
}
.view-neighbourhood-list .view-content .views-row .views-field-body p {
  margin: 0 0 8px;
}
.view-neighbourhood-list .view-content .views-row .views-field-view-node a {
  text-decoration: none;
}
.view-neighbourhood-list .view-content .views-row .views-field-view-node:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../img/readmore.svg) no-repeat center center;
  vertical-align: middle;
  display: inline-block;
}
.fullscreen-btn {
  position: absolute;
  right: 2rem;
  top: 3rem;
  z-index: 2;
  font-family: museo,serif;
}
.fullscreen-btn a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
  background: rgba(255, 255, 255, 0.25);
  color: #4f4f4f;
  text-transform: uppercase;
  border: 2px solid #fcb900;
  text-decoration: none;
}
.fullscreen-btn a:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.fullscreen-btn a:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.fullscreen-btn a.Default {
  background-color: #fcb900 !important;
}
.fullscreen-btn a.Default:hover .n-link {
  background-color: #fcb900;
}
.fullscreen-btn a.default-button {
  background-color: #6BA539 !important;
}
.fullscreen-btn a.default-button:hover .n-link {
  background-color: #6BA539;
}
.fullscreen-btn a.Blue,
.fullscreen-btn a.blue-button {
  background-color: #3EB1C8 !important;
}
.fullscreen-btn a.Blue:hover .n-link,
.fullscreen-btn a.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.fullscreen-btn a.Dark-Blue,
.fullscreen-btn a.darkblue-button {
  background-color: #326295 !important;
}
.fullscreen-btn a.Dark-Blue:hover .n-link,
.fullscreen-btn a.darkblue-button:hover .n-link {
  background-color: #326295;
}
.fullscreen-btn a.Red,
.fullscreen-btn a.red-button {
  background-color: #D93B2B !important;
}
.fullscreen-btn a.Red:hover .n-link,
.fullscreen-btn a.red-button:hover .n-link {
  background-color: #D93B2B;
}
.fullscreen-btn a.Orange,
.fullscreen-btn a.orange-button {
  background-color: #F37021 !important;
}
.fullscreen-btn a.Orange:hover .n-link,
.fullscreen-btn a.orange-button:hover .n-link {
  background-color: #F37021;
}
.fullscreen-btn a.Green,
.fullscreen-btn a.green-button {
  background-color: #228848 !important;
}
.fullscreen-btn a.Green:hover .n-link,
.fullscreen-btn a.green-button:hover .n-link {
  background-color: #228848;
}
.fullscreen-btn a.Light-Green,
.fullscreen-btn a.lightgreen-button {
  background-color: #6BA539 !important;
}
.fullscreen-btn a.Light-Green:hover .n-link,
.fullscreen-btn a.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
.fullscreen-btn a:before {
  display: none;
}
.fullscreen-btn a:hover {
  background: #fcb900;
  color: #ffffff;
}
.fullscreen-btn a:after {
  font-family: FontAwesome;
  content: "\f08e";
  margin-left: 4px;
}
#block-system-main {
  background-color: initial;
}
.bigAssHeading {
  margin-top: 2rem;
}
.bigAssHeading .pageTitle {
  background: none;
  font-size: 36pt;
  padding: 0;
  margin: 0 auto;
  color: #fff;
}
.two-blocks-hp {
  margin: 1rem auto;
  padding: 0 1rem;
}
@media screen and (min-width: 767px) {
  .two-blocks-hp {
    margin: 4rem auto;
  }
}
.two-blocks-hp .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.two-blocks-hp .content .two-blocks-item {
  order: 0;
  flex: 0 0 100%;
}
.two-blocks-hp .content .two-blocks-item .two-blocks-header {
  font-size: 19pt;
  line-height: 1;
  margin: 1rem 0 1.5rem 0;
  padding: 0;
  display: block;
  text-align: center;
}
@media screen and (min-width: 767px) {
  .two-blocks-hp .content .two-blocks-item .two-blocks-header {
    margin: 0 0 2rem 0;
    text-align: left;
  }
}
.two-blocks-hp .content .two-blocks-item .two-blocks-header:after {
  display: none;
}
.two-blocks-hp .content .two-blocks-item .two-blocks-header .two-blocks-htext {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: 15px;
}
@media screen and (min-width: 767px) {
  .two-blocks-hp .content .two-blocks-item .two-blocks-header .two-blocks-htext {
    margin-top: 0;
  }
}
.two-blocks-hp .content .two-blocks-item .two-blocks-header .two-blocks-icon {
  display: inline-block;
  margin: 0 1rem 0 0;
  vertical-align: middle;
}
@media screen and (min-width: 767px) {
  .two-blocks-hp .content .two-blocks-item {
    order: 0;
    flex: 0 0 48%;
  }
}
@media screen and (min-width: 1200px) {
  .two-blocks-hp .content .two-blocks-item {
    order: 0;
    flex: 0 0 47%;
  }
}
.hp-faq-link {
  margin: 4rem auto;
  text-align: center;
}
.hp-faq-link h2 {
  font-size: 19pt;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: none;
}
.hp-faq-link h2:after {
  display: none;
}
.hp-faq-link a {
  color: #828282;
  border-bottom: 2px solid #fcb900;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 0.5rem;
  font-weight: 600;
}
.hp-faq-link a:hover {
  color: #111111;
}
/*.at-share-btn-elements{
  &:before{
    content:'Share this on';
    text-transform: uppercase;
    display: inline-block;
    color: @white;
    margin: 0 1rem 0 0;
    font-size: @font-size-h5;
    vertical-align: middle;
  }
}*/
.node-development.view-mode-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
}
@media screen and (min-width: 767px) {
  .node-development.view-mode-full {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .node-development.view-mode-full {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .node-development.view-mode-full {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .node-development.view-mode-full {
    width: 1420px;
  }
}
.node-development.view-mode-full .field-name-title {
  text-align: center;
  position: relative;
}
.node-development.view-mode-full .field-name-title:after {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/yTriangle.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 55px;
  height: 33px;
  transform: rotate(-135deg);
  bottom: -30px;
  left: 50%;
  margin-left: -27px;
}
.node-development.view-mode-full .field-name-body {
  /*text-align: center;*/
  margin: 4rem 0 1rem 0;
  padding: 0 1rem;
}
@media screen and (min-width: 767px) {
  .node-development.view-mode-full .field-name-body {
    margin: 4rem 0;
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 481px) {
  .node-development.view-mode-full .field-name-body {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 641px) {
  .node-development.view-mode-full .field-name-body {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 769px) {
  .node-development.view-mode-full .field-name-body {
    padding: 0 6rem;
  }
}
@media only screen and (min-width: 1020px) {
  .node-development.view-mode-full .field-name-body {
    padding: 0 12rem;
  }
}
.node-development.view-mode-full .field-name-title h2 {
  margin: 0 0 1.3em;
}
@media screen and (min-width: 767px) {
  .node-development.view-mode-full .field-name-title h2 {
    margin: .5em 0 1.3em;
  }
}
.page-node-539 .node-development.view-mode-full .field-name-title:after {
  background-image: url(../img/yTriangle-red.svg);
}
.page-node-540 .node-development.view-mode-full .field-name-title:after {
  background-image: url(../img/yTriangle-org.svg);
}
.node-neighbourhood .field-name-title h2 {
  text-transform: capitalize;
  margin: 0 0 .5em;
}
.node-neighbourhood .field-name-feedback-title {
  margin-top: 3rem;
}
.node-neighbourhood .field-name-feedback-title h3 {
  font-family: museo,serif;
}
.node-type-neighbourhood hr {
  width: 100px;
  border-top: 2px solid #EC6707;
}
.node-type-neighbourhood #main .region-content {
  *zoom: 1;
}
.node-type-neighbourhood .content .node-neighbourhood {
  margin: 0 1em;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .content .node-neighbourhood {
    margin: 0 2em;
  }
}
.node-type-neighbourhood #block-system-main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 1rem;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood #block-system-main {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .node-type-neighbourhood #block-system-main {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .node-type-neighbourhood #block-system-main {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .node-type-neighbourhood #block-system-main {
    width: 1420px;
  }
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block {
  padding: 0 1em;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/
  background-color: #fff;
  font-size: 1em;
  line-height: 1.4em;
  *zoom: 1;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    padding: 0 2em;
  }
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    width: 1420px;
  }
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper:after,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block:after {
  content: '';
  display: block;
  clear: both;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-gallery,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-gallery {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-gallery,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-gallery {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-gallery,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-gallery {
    width: 60%;
  }
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form {
  float: left;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form {
    width: 50%;
    padding-left: 5%;
  }
}
@media screen and (min-width: 991px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form {
    padding-left: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form,
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form {
    width: 40%;
    padding-left: 10%;
  }
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content {
  background: #fcb900;
  padding: 1rem;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content h3,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content h3 {
  font-family: museo,serif;
  font-size: 1.2em;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content .form-item,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content .form-item {
  margin: 0 0 1rem 0;
  position: relative;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content .form-item input[type="text"],
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content .form-item input[type="text"],
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content .form-item input[type="email"],
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content .form-item input[type="email"],
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content .form-item select,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content .form-item select,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .content .form-item textarea,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .content .form-item textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 36px;
  padding: 0.25rem 0.50rem;
  border: none;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions {
  text-align: center;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  color: #4f4f4f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
  background: #111111;
  color: #ffffff;
  padding: 0.75em 2em;
  font-size: 13.5pt;
  cursor: pointer;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit:before,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit:hover:before,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Default,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Default {
  background-color: #fcb900 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Default:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Default:hover .n-link {
  background-color: #fcb900;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.default-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.default-button {
  background-color: #6BA539 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.default-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.default-button:hover .n-link {
  background-color: #6BA539;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Blue,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Blue,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.blue-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.blue-button {
  background-color: #3EB1C8 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Blue:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Blue:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.blue-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Dark-Blue,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Dark-Blue,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.darkblue-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.darkblue-button {
  background-color: #326295 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Dark-Blue:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Dark-Blue:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.darkblue-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.darkblue-button:hover .n-link {
  background-color: #326295;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Red,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Red,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.red-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.red-button {
  background-color: #D93B2B !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Red:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Red:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.red-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.red-button:hover .n-link {
  background-color: #D93B2B;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Orange,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Orange,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.orange-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.orange-button {
  background-color: #F37021 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Orange:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Orange:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.orange-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.orange-button:hover .n-link {
  background-color: #F37021;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Green,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Green,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.green-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.green-button {
  background-color: #228848 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Green:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Green:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.green-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.green-button:hover .n-link {
  background-color: #228848;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Light-Green,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Light-Green,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.lightgreen-button,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.lightgreen-button {
  background-color: #6BA539 !important;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.Light-Green:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.Light-Green:hover .n-link,
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit.lightgreen-button:hover .n-link,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
.node-type-neighbourhood .region-blockgroup-neighbourhood-wrapper .neighbourhood-form .form-actions .webform-submit:hover,
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form .form-actions .webform-submit:hover {
  background: #000000;
}
.node-type-neighbourhood .field-name-neighbourhood-gallery-images {
  margin-top: 2rem;
  float: left;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .field-name-neighbourhood-gallery-images {
    width: 60%;
  }
}
.node-type-neighbourhood .field-name-neighbourhood-gallery-images .columnTwoThird {
  width: 100%;
  padding: 0;
  margin: 0;
}
.node-type-neighbourhood .field-name-neighbourhood-feedback-block {
  margin-top: 2rem;
  float: left;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .node-type-neighbourhood .field-name-neighbourhood-feedback-block {
    width: 40%;
  }
}
.node-type-neighbourhood .field-name-neighbourhood-feedback-block .neighbourhood-form {
  width: 100%;
}
.node-type-neighbourhood .go-parent {
  position: relative;
  padding: 4rem 0;
}
.node-type-neighbourhood .go-parent .views-field-title a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
  background: rgba(255, 255, 255, 0.25);
  color: #4f4f4f;
  text-transform: uppercase;
  border: 2px solid #fcb900;
  margin: 0 2em;
}
.node-type-neighbourhood .go-parent .views-field-title a:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.node-type-neighbourhood .go-parent .views-field-title a:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.node-type-neighbourhood .go-parent .views-field-title a.Default {
  background-color: #fcb900 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Default:hover .n-link {
  background-color: #fcb900;
}
.node-type-neighbourhood .go-parent .views-field-title a.default-button {
  background-color: #6BA539 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.default-button:hover .n-link {
  background-color: #6BA539;
}
.node-type-neighbourhood .go-parent .views-field-title a.Blue,
.node-type-neighbourhood .go-parent .views-field-title a.blue-button {
  background-color: #3EB1C8 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Blue:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.node-type-neighbourhood .go-parent .views-field-title a.Dark-Blue,
.node-type-neighbourhood .go-parent .views-field-title a.darkblue-button {
  background-color: #326295 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Dark-Blue:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.darkblue-button:hover .n-link {
  background-color: #326295;
}
.node-type-neighbourhood .go-parent .views-field-title a.Red,
.node-type-neighbourhood .go-parent .views-field-title a.red-button {
  background-color: #D93B2B !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Red:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.red-button:hover .n-link {
  background-color: #D93B2B;
}
.node-type-neighbourhood .go-parent .views-field-title a.Orange,
.node-type-neighbourhood .go-parent .views-field-title a.orange-button {
  background-color: #F37021 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Orange:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.orange-button:hover .n-link {
  background-color: #F37021;
}
.node-type-neighbourhood .go-parent .views-field-title a.Green,
.node-type-neighbourhood .go-parent .views-field-title a.green-button {
  background-color: #228848 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Green:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.green-button:hover .n-link {
  background-color: #228848;
}
.node-type-neighbourhood .go-parent .views-field-title a.Light-Green,
.node-type-neighbourhood .go-parent .views-field-title a.lightgreen-button {
  background-color: #6BA539 !important;
}
.node-type-neighbourhood .go-parent .views-field-title a.Light-Green:hover .n-link,
.node-type-neighbourhood .go-parent .views-field-title a.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
.node-type-neighbourhood .go-parent .views-field-title a:before {
  display: none;
}
.node-type-neighbourhood .go-parent .views-field-title a:hover {
  background: #fcb900;
  color: #ffffff;
}
.slick--display--thumbnail .slick-track {
  transform: none !important;
  margin-left: 0;
  margin-right: 0;
  width: 100% !important;
  text-align: left;
}
.slick--display--thumbnail .slick-slide {
  margin-right: 4px;
  position: relative;
  border-right: 2px solid #ffffff;
  overflow: hidden;
  box-sizing: border-box;
  width: 23% !important;
}
@media screen and (min-width: 991px) {
  .slick--display--thumbnail .slick-slide {
    width: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .slick--display--thumbnail .slick-slide {
    width: 16.666666% !important;
  }
}
.slick--display--thumbnail .slick-slide:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
}
.slick--display--thumbnail .slick-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  height: 70px;
  width: 100%;
  cursor: pointer;
}
.slick--display--thumbnail .slick-slide img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
@media screen and (min-width: 767px) {
  .slick--display--thumbnail .slick-slide img {
    height: 50px;
  }
}
@media screen and (min-width: 991px) {
  .slick--display--thumbnail .slick-slide img {
    height: 65px;
  }
}
@media screen and (min-width: 1200px) {
  .slick--display--thumbnail .slick-slide img {
    height: 75px;
  }
}
.slick--display--thumbnail .slick-slide.slick-current:before {
  content: '';
  background: rgba(255, 255, 255, 0.45);
}
.slick--display--thumbnail .slick-slide.slick-cloned {
  display: none;
}
.slick--display--thumbnail .slick__arrow {
  display: none;
}
.slick--display--main {
  margin-bottom: 0.5rem;
}
.slick--display--main .slick-track .slick__slide img {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
@media screen and (min-width: 767px) {
  .slick--display--main .slick-track .slick__slide img {
    height: 320px;
  }
}
@media screen and (min-width: 1200px) {
  .slick--display--main .slick-track .slick__slide img {
    height: 400px;
  }
}
.slick__arrow {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10;
  margin-top: -1rem;
}
.slick__arrow .fa {
  position: absolute;
  font-size: 0;
  background: none;
  border: none;
}
.slick__arrow .fa:before {
  font-size: 19pt;
  color: #ffffff;
}
.slick__arrow .fa-chevron-left {
  left: 0rem;
}
.slick__arrow .fa-chevron-right {
  right: 0rem;
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
  font-family: 'FontAwesome';
  font-size: 24pt;
  color: #fcb900;
  font-weight: normal;
}
.slick-arrow.slick-prev:before {
  content: '\f053';
}
.slick-arrow.slick-next:before {
  content: '\f054';
}
#cboxPrevious,
#cboxNext {
  top: 50%;
  position: absolute;
  font-size: 0;
  background: none;
  text-indent: 0;
}
#cboxPrevious:before,
#cboxNext:before {
  content: '';
  font-family: 'FontAwesome';
  font-size: 16pt;
  color: #ffffff;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.33);
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  text-align: center;
  padding-top: 0.2rem;
}
#cboxPrevious {
  left: 1rem;
  right: auto;
}
#cboxPrevious:before {
  content: '\f053';
}
#cboxNext {
  right: 1rem;
  left: auto;
}
#cboxNext:before {
  content: '\f054';
}
.g-recaptcha {
  padding-bottom: 2rem;
  width: 100%;
  float: left;
}
.slick-dots {
  text-align: center;
  display: block;
  margin: 2rem 0 0 0;
  padding: 0;
}
.slick-dots li {
  font-size: 0;
  display: inline-block;
  margin: 0 0.25rem;
  padding: 0;
  cursor: pointer;
}
.slick-dots li:before {
  display: block;
  border: 1px solid #ec6707;
  width: 12px;
  height: 12px;
  background: none;
  content: '';
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.slick-dots li.slick-active:before {
  background: #ec6707;
}
.at-share-tbx-element,
.at-share-tbx-element .at-share-btn {
  font-family: museo,serif !important;
  font-weight: bold;
}
/* Homepage Updates Koda 21 Aug */
/* Widescreen */
@media only screen and (min-width: 1200px) {
  .aspectRatioYouTube {
    max-width: 913px;
    height: 414px;
    float: left;
    padding-bottom: 0;
  }
}
/* Desktop */
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  .aspectRatioYouTube {
    width: 100%;
    height: 414px;
    padding-bottom: 0;
  }
  .tamaki-Img1 {
    float: left;
    text-align: center;
    width: 50%;
    margin-top: 35px;
  }
  .tamaki-Img2 {
    float: left;
    text-align: center;
    width: 50%;
    margin-top: 35px;
  }
}
/* Tablet */
@media only screen and (min-width: 571px) and (max-width: 768px) {
  .aspectRatioYouTube {
    width: 100%;
  }
  .tamaki-Img1 {
    float: left;
    text-align: center;
    width: 50%;
    margin-top: 35px;
  }
  .tamaki-Img2 {
    float: left;
    text-align: center;
    width: 50%;
    margin-top: 35px;
  }
}
/* Phone */
@media only screen and (max-width: 570px) {
  .tamaki-Img1 {
    text-align: center;
    width: 100%;
    margin: 35px 0;
  }
  .tamaki-Img2 {
    text-align: center;
    width: 100%;
    margin: 35px 0;
  }
}
.home #promoArea {
  clear: both;
}
.home #promoArea h2 {
  border-top: none;
}
.home #promoArea h2:after {
  display: none;
}
.field-name-neighbourhood-development-crumb {
  padding: 1rem 0 1rem 0;
  text-transform: uppercase;
  font-weight: 600;
  font-family: museo,serif;
  font-size: 13pt;
}
@media screen and (min-width: 767px) {
  .field-name-neighbourhood-development-crumb {
    padding: 3rem 0 1rem 0;
  }
}
.field-name-neighbourhood-development-crumb a {
  color: #444443;
}
.field-name-neighbourhood-development-crumb a:after {
  content: " >";
}
#block-fieldblock-node-neighbourhood-default-field-feedback-paragraph {
  margin-top: 2em;
  padding: 0 2em;
}
.view-id-nodequeue_1 {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 16px;
}
.view-id-nodequeue_1:after {
  content: '';
  clear: both;
  display: block;
}
.view-id-nodequeue_1 .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  padding-top: 2rem;
}
.view-id-nodequeue_1 .view-content .views-row {
  display: block;
  order: 0;
  flex: 0 0 98%;
  margin: 1%;
  padding: 0 0 20px;
}
.view-id-nodequeue_1 .view-content .views-row .field-name-title h2 {
  padding: 10px 0 14px;
  color: #444443;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0.5rem 0 0 0;
  font-family: Calibri, Arial, sans-serif;
}
.view-id-nodequeue_1 .view-content .views-row .field-name-field-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.view-id-nodequeue_1 .view-content .views-row .field-name-field-position {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 481px) {
  .view-id-nodequeue_1 .view-content .views-row {
    order: 0;
    flex: 0 0 47%;
    margin: 0 1.5%;
  }
}
@media only screen and (min-width: 641px) {
  .view-id-nodequeue_1 .view-content .views-row {
    order: 0;
    flex: 0 0 30%;
  }
}
@media only screen and (min-width: 769px) {
  .view-id-nodequeue_1 .view-content .views-row {
    order: 0;
    flex: 0 0 22%;
  }
}
.siteAddNav {
  padding-top: 0.25rem;
  font-family: "museo", serif;
  font-weight: bold;
}
.siteAddNav .siteSwitcher {
  padding: 0 !important;
  margin: 0;
}
.siteAddNav .siteSwitcher a {
  padding: 0.75rem !important;
  color: #ffffff !important;
  background: #e0e0e0;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.siteAddNav .siteSwitcher a:hover {
  background: #828282;
}
.siteAddNav .siteSwitcher.active a {
  background: #ec6707;
}
.siteAddNav .siteSwitcher.active a:hover {
  background: #f18d45;
}
.siteAddNav .superNavContact {
  padding-left: 2rem !important;
}
.hp-slider {
  height: 540px;
  overflow: hidden;
  position: relative;
}
@media (orientation: landscape) {
  .hp-slider {
    height: 300px;
  }
}
@media screen and (min-width: 767px) {
  .hp-slider {
    height: 300px;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider {
    height: 380px;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider {
    height: 480px;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider {
    height: 580px;
  }
}
.hp-slider .slick-dots {
  margin: 0;
  position: absolute;
  left: 2rem;
  width: calc(100% - 4rem);
  bottom: 2rem;
  z-index: 10;
  text-align: right;
  box-sizing: border-box;
}
.hp-slider .slick-dots li {
  margin: 0 0.25rem 0 0;
}
.hp-slider .slick-dots li button::before {
  opacity: 0 !important;
  color: transparent !important;
}
.hp-slider .slick-dots li:before {
  background: #ffffff;
  border: none;
  opacity: 0.5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.hp-slider .slick-dots li.slick-active:before {
  opacity: 1;
}
@media screen and (min-width: 767px) {
  .hp-slider .slick-dots {
    left: 6rem;
    width: calc(100% - 12rem);
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slick-dots {
    left: 12rem;
    width: calc(100% - 24rem);
  }
}
.hp-slider .views-field-title {
  position: relative;
}
.hp-slider .slider-bg {
  position: relative;
  height: 540px;
}
.hp-slider .slider-bg .responsive .responsive-mobile,
.hp-slider .slider-bg .responsive .responsive-tablet,
.hp-slider .slider-bg .responsive .responsive-normal,
.hp-slider .slider-bg .responsive .responsive-wide,
.hp-slider .slider-bg .responsive .responsive-xwide {
  display: none;
}
.hp-slider .slider-bg .responsive .responsive-mobile {
  display: block;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-bg {
    height: 300px;
  }
  .hp-slider .slider-bg .responsive .responsive-mobile,
  .hp-slider .slider-bg .responsive .responsive-tablet,
  .hp-slider .slider-bg .responsive .responsive-normal,
  .hp-slider .slider-bg .responsive .responsive-wide,
  .hp-slider .slider-bg .responsive .responsive-xwide {
    display: none;
  }
  .hp-slider .slider-bg .responsive .responsive-tablet {
    display: block;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider .slider-bg {
    height: 380px;
  }
  .hp-slider .slider-bg .responsive .responsive-tablet,
  .hp-slider .slider-bg .responsive .responsive-normal,
  .hp-slider .slider-bg .responsive .responsive-wide,
  .hp-slider .slider-bg .responsive .responsive-xwide {
    display: none;
  }
  .hp-slider .slider-bg .responsive .responsive-normal {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-bg {
    height: 480px;
  }
  .hp-slider .slider-bg .responsive .responsive-tablet,
  .hp-slider .slider-bg .responsive .responsive-normal,
  .hp-slider .slider-bg .responsive .responsive-wide,
  .hp-slider .slider-bg .responsive .responsive-xwide {
    display: none;
  }
  .hp-slider .slider-bg .responsive .responsive-wide {
    display: block;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider .slider-bg {
    height: 580px;
  }
  .hp-slider .slider-bg .responsive .responsive-tablet,
  .hp-slider .slider-bg .responsive .responsive-normal,
  .hp-slider .slider-bg .responsive .responsive-wide,
  .hp-slider .slider-bg .responsive .responsive-xwide {
    display: none;
  }
  .hp-slider .slider-bg .responsive .responsive-xwide {
    display: block;
  }
}
.hp-slider .slider-bg p {
  margin: 0;
}
.hp-slider .slider-bg .mbYTP_wrapper {
  opacity: 1 !important;
}
.hp-slider .slider-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  height: 540px;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-bg img {
    height: 300px;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider .slider-bg img {
    height: 380px;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-bg img {
    height: 480px;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider .slider-bg img {
    height: 580px;
  }
}
.hp-slider .slider-txt {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-txt {
    padding-left: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-txt {
    padding-left: 12rem;
    padding-top: 3rem;
  }
}
.hp-slider .slider-txt .views-field-title {
  overflow: hidden;
}
.hp-slider .slider-txt * {
  position: relative;
  display: block;
  z-index: 1;
  color: #ffffff;
  box-sizing: border-box;
  width: 100%;
  word-break: break-word;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-txt * {
    width: 75%;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider .slider-txt * {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-txt * {
    width: 45%;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider .slider-txt * {
    width: 40%;
  }
}
.hp-slider .slider-txt h2 {
  margin: 1rem 0 1rem 0;
  padding: 0;
  font-size: 13.5pt;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-txt h2 {
    font-size: 16pt;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider .slider-txt h2 {
    font-size: 19pt;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-txt h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider .slider-txt h2 {
    font-size: 2.5rem;
  }
}
.hp-slider .slider-txt .slider-body {
  font-size: 13.5pt;
}
.hp-slider .slider-txt .slider-body p,
.hp-slider .slider-txt .slider-body span {
  position: relative;
  width: 100%;
}
.hp-slider .slider-txt .slider-link,
.hp-slider .slider-txt .slider-video-link {
  margin-bottom: 1rem;
}
.hp-slider .slider-txt .slider-link a,
.hp-slider .slider-txt .slider-video-link a {
  padding: 0.75rem 1rem;
  text-align: center;
  color: #ffffff;
  border: 2px solid #d33020;
  display: block;
  width: 240px;
  text-transform: uppercase;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-txt .slider-link a,
  .hp-slider .slider-txt .slider-video-link a {
    width: 240px;
  }
}
.hp-slider .slider-txt .slider-link a {
  background: #d33020;
}
.hp-slider .slider-txt .slider-video-link a {
  background: none;
  border-color: #ffffff;
}
.hp-slider .slider-txt.slider-c:before,
.hp-slider .slider-txt.slider-cYellow:before {
  background-image: url(../img/slider-bg/sliderbg-yellow.svg);
}
.hp-slider .slider-txt.slider-c .slider-link a,
.hp-slider .slider-txt.slider-cYellow .slider-link a {
  color: #FCB900;
}
.hp-slider .slider-txt.slider-cBlue:before {
  background-image: url(../img/slider-bg/sliderbg-blue.svg);
}
.hp-slider .slider-txt.slider-cBlue .slider-link a {
  color: #326295;
}
.hp-slider .slider-txt.slider-cBlue-light:before {
  background-image: url(../img/slider-bg/sliderbg-blue-light.svg);
}
.hp-slider .slider-txt.slider-cBlue-light .slider-link a {
  color: #3eb1c8;
}
.hp-slider .slider-txt.slider-cGreen:before {
  background-image: url(../img/slider-bg/sliderbg-green.svg);
}
.hp-slider .slider-txt.slider-cGreen .slider-link a {
  color: #228848;
}
.hp-slider .slider-txt.slider-cGreen-light:before {
  background-image: url(../img/slider-bg/sliderbg-green-light.svg);
}
.hp-slider .slider-txt.slider-cGreen-light .slider-link a {
  color: #6ba539;
}
.hp-slider .slider-txt.slider-cOrange:before {
  background-image: url(../img/slider-bg/sliderbg-orange.svg);
}
.hp-slider .slider-txt.slider-cOrange .slider-link a {
  color: #f37021;
}
.hp-slider .slider-txt.slider-cRed:before {
  background-image: url(../img/slider-bg/sliderbg-red.svg);
}
.hp-slider .slider-txt.slider-cRed .slider-link a {
  color: #d93b2b;
}
.hp-slider .slider-txt.slider-cGrey:before {
  background-image: url(../img/slider-bg/sliderbg-grey.svg);
}
.hp-slider .slider-txt.slider-cGrey .slider-link a {
  color: #444443;
}
.hp-slider .slider-txt .slider-link a {
  background-color: #ffffff;
  border: none;
}
.hp-slider .slider-txt:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: -80px -10px;
  background-size: cover;
}
@media screen and (min-width: 767px) {
  .hp-slider .slider-txt:before {
    width: 100%;
    height: 100%;
    background-position: -30px -20px;
  }
}
@media screen and (min-width: 991px) {
  .hp-slider .slider-txt:before {
    height: 100%;
    background-position: -30px top;
    background-size: contain;
  }
}
@media screen and (min-width: 1200px) {
  .hp-slider .slider-txt:before {
    background-position: left top;
  }
}
@media screen and (min-width: 1600px) {
  .hp-slider .slider-txt:before {
    height: 90%;
  }
}
.region-blockgroup-map,
.region-blockgroup-neighbourhoods-map {
  position: relative;
}
.map-wrapper .content > div:last-child {
  margin-bottom: -46px;
}
.hp-news {
  padding-top: 2rem;
}
.hp-news > h2 {
  text-align: center;
  text-transform: none;
}
.hp-news .view-header {
  text-align: center;
}
.hp-news .view-footer {
  text-align: center;
  margin: 1rem 0 2rem 0;
}
.hp-news .view-footer a {
  color: #828282;
  display: inline-block;
  text-decoration: none;
  border-bottom: #ec6707 solid 2px;
  font-size: 13.5pt;
  font-weight: bold;
}
.hp-news .view-footer a:hover {
  color: #ec6707;
}
.hp-news .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  padding: 1rem 0;
}
@media screen and (min-width: 991px) {
  .hp-news .view-content {
    padding: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .hp-news .view-content {
    padding: 3rem;
  }
}
.hp-news .view-content .views-row {
  display: block;
  order: 0;
  flex: 0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 767px) {
  .hp-news .view-content .views-row {
    order: 0;
    flex: 0 0 33.333333%;
  }
}
.hp-news .view-content .views-row a {
  text-decoration: none;
}
.hp-news .view-content .views-row .views-field-field-images,
.hp-news .view-content .views-row .views-field-field-promo-image {
  margin-bottom: 2rem;
}
.hp-news .view-content .views-row .views-field-field-images img,
.hp-news .view-content .views-row .views-field-field-promo-image img {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
@media screen and (min-width: 1200px) {
  .hp-news .view-content .views-row .views-field-field-images img,
  .hp-news .view-content .views-row .views-field-field-promo-image img {
    height: 280px;
  }
}
.hp-news .view-content .views-row .views-field-title {
  font-size: 15pt;
  font-weight: bold;
  margin-bottom: 1rem;
}
.hp-news .view-content .views-row .views-field-view-node {
  font-weight: bold;
}
.hp-news .view-content .views-row .views-field-view-node .field-content a:after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\f105';
  font-family: 'FontAwesome';
  vertical-align: middle;
}
footer {
  padding: 0 !important;
  font-size: 10pt;
  box-sizing: border-box;
}
footer:after {
  content: '';
  clear: both;
  display: block;
}
footer .footer-social-lins {
  background: #fcb900;
  padding: 2rem 1rem 2rem 2rem;
}
footer .footer-social-lins:after {
  content: '';
  clear: both;
  display: table;
}
@media screen and (min-width: 1200px) {
  footer .footer-social-lins {
    padding: 1.5rem 4rem 0.5rem 4rem;
  }
}
footer .footer-social-lins > h2 {
  color: #ffffff;
  font-size: 16pt;
  padding: 0;
  margin: 1.5rem 0 0 0;
  text-align: center;
}
@media screen and (min-width: 991px) {
  footer .footer-social-lins > h2 {
    float: left;
    text-align: left;
  }
}
@media screen and (min-width: 991px) {
  footer .footer-social-lins .content {
    float: right;
  }
}
footer .footer-social-lins .content:after {
  content: '';
  clear: both;
  display: table;
}
footer .footer-social-lins .at-share-btn-elements {
  text-align: center;
}
@media screen and (min-width: 991px) {
  footer .footer-social-lins .at-share-btn-elements {
    text-align: left;
  }
}
footer .footer-social-lins .social-block {
  margin: 1rem;
  text-align: center;
}
@media screen and (min-width: 991px) {
  footer .footer-social-lins .social-block {
    float: right;
    margin: 0rem 0 1rem 2rem;
    text-align: left;
  }
}
footer .footer-social-lins .social-block .social-block-header {
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 12pt;
}
footer .footer-social-lins .social-block .fa {
  color: #4f4f4f;
  display: inline-block;
  background: #ffffff;
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 0.5rem;
  font-size: 16pt;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 0.5rem;
  box-sizing: border-box;
}
footer .footer-social-lins .social-block .at-share-btn-elements > a {
  background: #ffffff !important;
}
footer .footer-social-lins .social-block .at-share-btn-elements .at-icon-wrapper {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0.125rem;
  box-sizing: border-box;
}
footer .footer-social-lins .social-block .at-share-btn-elements svg {
  width: 27px !important;
  height: 27px !important;
}
footer .footer-social-lins .social-block .at-share-btn-elements svg g * {
  fill: #4f4f4f;
}
footer .block-menu-block {
  float: left;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
footer .block-menu-block .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
footer .block-menu-block .menu:after {
  content: '';
  clear: both;
  display: table;
}
footer .block-menu-block .menu li {
  box-sizing: border-box;
  list-style: none;
  float: left;
  width: 100%;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
}
footer .block-menu-block .menu li a {
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  footer .block-menu-block {
    width: 66%;
  }
  footer .block-menu-block .menu li {
    width: 45%;
    margin: 0 5% 0.5rem 0;
  }
}
@media screen and (min-width: 991px) {
  footer .block-menu-block {
    width: 75%;
    padding: 2rem;
  }
  footer .block-menu-block .menu li {
    width: 30%;
    margin: 0 3% 0.5rem 0;
  }
}
@media screen and (min-width: 1200px) {
  footer .block-menu-block {
    padding: 2rem 4rem;
  }
}
@media screen and (min-width: 1600px) {
  footer .block-menu-block {
    width: 75%;
  }
  footer .block-menu-block .menu li {
    width: 23%;
    margin: 0 2% 0.5rem 0;
  }
}
footer .subscribe {
  float: left;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
footer .subscribe .footerlogo-container {
  float: left;
  margin-right: 2rem;
}
footer .subscribe .footerlogo-container .footerlogo {
  height: 6.5rem;
  width: auto;
}
@media screen and (min-width: 767px) {
  footer .subscribe {
    text-align: left;
    padding: 1rem 1rem 1rem 1rem;
  }
}
footer .subscribe h2 {
  color: #ffffff;
  font-size: 16pt;
  padding: 0;
  margin: 0 0 1rem 0;
  text-align: left;
}
@media screen and (min-width: 767px) {
  footer .subscribe {
    width: 50%;
    float: right;
  }
}
@media screen and (min-width: 991px) {
  footer .subscribe {
    width: 36%;
    padding: 2rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 1200px) {
  footer .subscribe {
    width: 36%;
    padding: 2rem 4rem 2rem 4rem;
  }
}
@media screen and (min-width: 1600px) {
  footer .subscribe {
    width: 31%;
    padding: 2rem 4rem 2rem 4rem;
  }
}
footer .subscribe .content > p,
footer .subscribe .content .subscribe-button-inner {
  display: block !important;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
@media screen and (min-width: 767px) {
  footer .subscribe .content > p,
  footer .subscribe .content .subscribe-button-inner {
    text-align: left !important;
    padding-top: 0.25rem !important;
  }
  footer .subscribe .content > p iframe,
  footer .subscribe .content .subscribe-button-inner iframe {
    position: relative !important;
  }
}
footer .copy {
  float: left;
  width: 100%;
  padding: 1rem 1rem 1rem 1rem;
  box-sizing: border-box;
  color: #e0e0e0;
}
footer .copy a {
  color: #e0e0e0;
}
@media screen and (min-width: 767px) {
  footer .copy {
    width: 50%;
    padding: 2rem 1rem 0 1rem;
  }
}
@media screen and (min-width: 991px) {
  footer .copy {
    width: 64%;
    padding: 8.5rem 2rem 0 2rem;
  }
}
@media screen and (min-width: 1200px) {
  footer .copy {
    padding: 8.5rem 4rem 0 4rem;
    width: 64%;
  }
}
@media screen and (min-width: 1600px) {
  footer .copy {
    width: 69%;
  }
}
.map-intro {
  text-align: left;
  padding: 1rem;
}
@media screen and (min-width: 767px) {
  .map-intro {
    padding: 2rem;
  }
}
@media screen and (min-width: 991px) {
  .map-intro {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .map-intro {
    padding: 2rem 4rem;
  }
}
.map-intro h2 {
  text-transform: none;
}
#block-views-homepage-promo-block .view-content,
#block-views-homepage-promo-block-1 .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  padding: 0 1rem;
}
@media screen and (min-width: 991px) {
  #block-views-homepage-promo-block .view-content,
  #block-views-homepage-promo-block-1 .view-content {
    padding: 0;
  }
}
#block-views-homepage-promo-block .view-content .views-row,
#block-views-homepage-promo-block-1 .view-content .views-row {
  display: block;
  position: relative;
  order: 0;
  flex: 0 0 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  overflow: hidden;
}
#block-views-homepage-promo-block .view-content .views-row:first-child,
#block-views-homepage-promo-block-1 .view-content .views-row:first-child {
  order: 0;
  flex: 0 0 100%;
}
@media screen and (min-width: 991px) {
  #block-views-homepage-promo-block .view-content .views-row,
  #block-views-homepage-promo-block-1 .view-content .views-row {
    order: 0;
    flex: 0 0 19%;
  }
  #block-views-homepage-promo-block .view-content .views-row:first-child,
  #block-views-homepage-promo-block-1 .view-content .views-row:first-child {
    order: 0;
    flex: 0 0 38%;
  }
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image img,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image img {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
@media screen and (min-width: 767px) {
  #block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image img,
  #block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image img {
    height: 200px;
  }
}
@media screen and (min-width: 1200px) {
  #block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image img,
  #block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image img {
    height: 240px;
  }
}
@media screen and (min-width: 1600px) {
  #block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image img,
  #block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image img {
    height: 260px;
  }
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-promo-home-image:before,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-promo-home-image:before {
  content: '';
  z-index: 2;
  position: absolute;
  display: block;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  background: #ec6707;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-link-title a,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-link-title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  color: #ffffff;
  text-decoration: none;
  padding: 1rem;
  box-sizing: border-box;
  font-size: 19pt;
  font-weight: bold;
  line-height: 1.4;
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-link-title a:after,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-link-title a:after {
  content: '→';
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
#block-views-homepage-promo-block .view-content .views-row .views-field-field-link-title a:before,
#block-views-homepage-promo-block-1 .view-content .views-row .views-field-field-link-title a:before {
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.75);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  position: absolute;
  z-index: -1;
}
#block-views-homepage-promo-block .view-content .views-row:hover,
#block-views-homepage-promo-block-1 .view-content .views-row:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
}
#block-views-homepage-promo-block .view-content .views-row:hover .views-field-field-promo-home-image:before,
#block-views-homepage-promo-block-1 .view-content .views-row:hover .views-field-field-promo-home-image:before {
  -webkit-opacity: 0.33;
  -moz-opacity: 0.33;
  opacity: 0.33;
}
.addthis_custom_sharing {
  background: none;
  padding: 0;
  text-align: left;
}
.mmenu-nav.mm-basic {
  background: #ffffff;
  color: #4f4f4f;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10pt;
}
.mmenu-nav.mm-basic > .mm-list li {
  border-top: none;
  border-bottom: 1px solid #ec6707;
}
.mmenu-nav.mm-basic > .mm-list li.active-trail .mmenu-mm-list {
  color: #d33020;
}
.mmenu-nav.mm-basic > .mm-list li.mmenu-expanded .mmenu-block-expanded {
  background: none;
  font-size: 10pt;
  padding: 0.5rem 20px;
  color: #ec6707;
}
.mm-menu .mm-list > li > a.mm-subclose {
  background: none;
  font-size: 10pt;
  padding: 0.5rem 20px;
  color: #ec6707;
}
.mm-list a.mm-subclose:before {
  margin-bottom: -10px;
}
.mmenu-nav.mm-basic > .mm-list li.mm-subtitle {
  margin-top: 1.25rem;
}
.icon-home {
  display: none !important;
}
.mmenu-nav.mm-basic .mmenu-block-title {
  display: block !important;
}
.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: #ec6707;
}
.mm-panel > .mm-list {
  padding: 0 1rem !important;
}
.mm-panel > .mm-list:first-child {
  padding: 3rem 1rem 1rem 1rem !important;
  box-sizing: border-box;
}
.mm-panel > .mm-list:first-child:after {
  content: '';
  clear: both;
  display: block;
}
.mm-panel > .mm-list:first-child li {
  width: 50%;
  float: left;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  background: #e0e0e0;
  border: none !important;
  box-sizing: border-box;
}
.mm-panel > .mm-list:first-child li a {
  color: #ffffff;
}
.mm-panel > .mm-list:first-child li.active-trail {
  background: #ec6707;
  color: #ffffff;
}
.front .mm-panel > .mm-list:first-child li.mmenu-mm-list-path-front {
  background: #ec6707;
  color: #ffffff;
}
html.mm-front .mm-slideout {
  z-index: 20! important;
}
.mmenu-mm-list-level-2,
.mmenu-mm-list-level-3,
.mmenu-mm-list-level-4,
.mmenu-mm-list-level-5 {
  padding: 0 1rem !important;
}
.mm-subtitle {
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
}
.mm-subtitle .mm-subclose {
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  bottom: auto !important;
}
.mm-subtitle .mm-subclose:before {
  content: '\f104' !important;
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 19pt;
  color: #e0e0e0;
  margin: 0 0.5em 0 0 !important;
  padding: 0.5rem 0 !important;
  vertical-align: sub;
  border: none !important;
  transform: none !important;
  width: auto!important;
  height: auto!important;
  position: relative !important;
  left: auto!important;
}
#navigationDesk {
  display: none;
}
@media screen and (min-width: 991px) {
  #navigationDesk {
    display: block;
  }
}
@media screen and (min-width: 1600px) {
  #navigationDesk {
    display: block;
  }
}
@media screen and (min-width: 991px) {
  #navigationDesk #block-system-main-menu {
    display: block;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1600px) {
  #navigationDesk #block-system-main-menu {
    display: block;
    padding: 0 4rem;
  }
}
#navigationDesk .content ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
  box-sizing: border-box;
}
#navigationDesk .content ul li {
  margin: 0;
  padding: 0;
  list-style: none !important;
  box-sizing: border-box;
}
#navigationDesk .content ul li a {
  color: #4f4f4f;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  box-sizing: border-box;
}
#navigationDesk .content > ul {
  font-family: "museo", serif;
  font-weight: bold;
  font-size: 10pt;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
@media screen and (min-width: 1200px) {
  #navigationDesk .content > ul {
    font-size: 11pt;
  }
}
#navigationDesk .content > ul > li {
  order: 0;
  flex: 1 1 auto;
  position: relative;
  padding: 1rem 1.35rem;
}
@media screen and (min-width: 1600px) {
  #navigationDesk .content > ul > li {
    max-width: 18%;
  }
}
#navigationDesk .content > ul > li a {
  padding: 0;
}
#navigationDesk .content > ul > li a.menu-home-link {
  font-size: 0;
  padding: 0 0 0 0;
}
@media screen and (min-width: 1200px) {
  #navigationDesk .content > ul > li a.menu-home-link {
    padding: 0 2rem 0 0;
  }
}
#navigationDesk .content > ul > li a.menu-home-link:before {
  display: inline-block;
  content: '';
  width: 32px;
  height: 32px;
  background: url(../img/home.svg) no-repeat center center;
  background-size: contain;
}
#navigationDesk .content > ul > li a:hover {
  color: #ec6707;
}
#navigationDesk .content > ul > li a.active,
#navigationDesk .content > ul > li a.active-trail {
  color: #d33020;
}
#navigationDesk .content > ul > li > ul {
  display: none;
  position: absolute;
  top: 99%;
  left: 0;
  width: auto;
  z-index: 15;
  background: #ffffff;
  padding: 0.5rem 1rem;
  min-width: 220px;
}
#navigationDesk .content > ul > li > ul > li a {
  color: #d33020;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.5rem 0;
  text-transform: none;
  position: relative;
}
#navigationDesk .content > ul > li > ul > li a:after {
  background: #ffffff;
  content: '';
  width: calc(100% + 2rem);
  left: -1rem;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
#navigationDesk .content > ul > li > ul > li a:hover {
  color: #ffffff;
}
#navigationDesk .content > ul > li > ul > li a:hover:after {
  background: #ec6707;
}
#navigationDesk .content > ul > li > ul > li a.active:before {
  font-family: FontAwesome;
  content: "\f105";
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  position: absolute;
  left: -0.5rem;
  top: 0.5rem;
  font-size: 10pt;
  color: #f18d45;
}
#navigationDesk .content > ul > li > ul > li > ul > li a {
  padding-left: 1rem;
}
#navigationDesk .content > ul > li > ul > li > ul > li a:after {
  left: -1rem;
  width: calc(100% + 2rem);
}
@media screen and (min-width: 1600px) {
  #navigationDesk .content > ul > li:last-child {
    min-width: 130px;
  }
}
#navigationDesk .content > ul > li:last-child > ul {
  left: auto;
  right: 0;
}
#navigationDesk .content > ul > li:hover > ul {
  display: block;
}
.footer-map {
  text-align: center;
  position: relative;
}
.footer-map:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -25px;
  left: 0;
  width: 100%;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  height: 30px;
  z-index: 10;
}
.footer-map h2 {
  text-transform: none;
}
.footer-map .content {
  font-size: 13.5pt;
}
.buttonBar {
  display: none!important;
}
.content.mm-panel.mm-hidden,
.block-block.mm-panel.mm-hidden {
  display: block !important;
  overflow: unset;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: auto;
  transform: none;
  height: auto;
  left: auto;
}
.content.mm-panel.mm-hidden #close-button,
.block-block.mm-panel.mm-hidden #close-button,
.content.mm-panel.mm-hidden #close-buttonr,
.block-block.mm-panel.mm-hidden #close-buttonr {
  color: #4f4f4f;
  font-size: 19pt;
  cursor: pointer;
}
.mm-menu {
  width: 100%;
  min-width: 140px;
  max-width: 540px;
}
.mmenu-nav.mm-basic > .mm-list li > a:not(.mm-subopen):not(.mm-subclose):not(.mm-fullsubopen) {
  padding: 0.75rem 0;
}
@media screen and (min-width: 991px) {
  .region-mobilemenubtn {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .region-mobilesearchbtn {
    display: none;
  }
}
.region-mobilesearchbtn .fa {
  padding-top: 0;
  font-size: 24pt;
  line-height: 1;
}
#block-system-main .search-form {
  text-align: center;
  margin: 4rem auto;
  width: 100%;
  padding: 0 1rem;
  max-width: 400px;
  box-sizing: border-box;
}
#block-system-main .search-form:after {
  clear: both;
  display: table;
  content: '';
}
#block-system-main .search-form > div {
  position: relative;
}
#block-system-main .search-form * {
  display: block;
  float: left;
  font-size: 12pt;
  box-sizing: border-box;
  width: 100%;
}
#block-system-main .search-form .form-text {
  height: 40px;
  border: 2px solid #ec6707;
  padding: 0.5rem 1rem;
  width: 100%;
}
#block-system-main .search-form label {
  display: block;
  float: left;
  width: 100%;
}
#block-system-main .search-form #edit-submit {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #ec6707;
  color: #ffffff;
  border: 2px solid #ec6707;
  height: 40px;
  padding: 0.5rem 0.5rem;
  width: 40%;
  max-width: 100px;
}
.hp-cta {
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem;
  padding-top: 5rem;
}
.hp-cta .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  padding: 0 1rem;
}
.hp-cta .view-content .views-row {
  display: block;
  position: relative;
  order: 0;
  flex: 1 1 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  overflow: hidden;
  border: 8px solid #fcb900;
  margin-bottom: 1rem;
  padding: 4rem 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: space-between;
}
.hp-cta .view-content .views-row.views-row-1 {
  border-color: #fcb900;
}
.hp-cta .view-content .views-row.views-row-2 {
  border-color: #ec6707;
}
.hp-cta .view-content .views-row.views-row-3 {
  border-color: #d33020;
}
.hp-cta .view-content .views-row .views-field {
  order: 0;
  flex: 0 0 100%;
}
.hp-cta .view-content .views-row .views-field-body {
  font-size: 16pt;
  font-family: "museo", serif;
  font-weight: bold;
  margin-bottom: 3rem;
  line-height: 1.4;
}
@media screen and (min-width: 1200px) {
  .hp-cta .view-content .views-row .views-field-body {
    font-size: 19pt;
  }
}
@media screen and (min-width: 1600px) {
  .hp-cta .view-content .views-row .views-field-body {
    font-size: 24pt;
  }
}
.hp-cta .view-content .views-row .views-field-field-link-title a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  color: #4f4f4f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
  background: #ec6707;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  font-size: 12pt;
  text-decoration: none;
  padding: 1rem 2rem;
  max-width: 280px;
}
.hp-cta .view-content .views-row .views-field-field-link-title a:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.hp-cta .view-content .views-row .views-field-field-link-title a:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Default {
  background-color: #fcb900 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Default:hover .n-link {
  background-color: #fcb900;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.default-button {
  background-color: #6BA539 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.default-button:hover .n-link {
  background-color: #6BA539;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Blue,
.hp-cta .view-content .views-row .views-field-field-link-title a.blue-button {
  background-color: #3EB1C8 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Blue:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Dark-Blue,
.hp-cta .view-content .views-row .views-field-field-link-title a.darkblue-button {
  background-color: #326295 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Dark-Blue:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.darkblue-button:hover .n-link {
  background-color: #326295;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Red,
.hp-cta .view-content .views-row .views-field-field-link-title a.red-button {
  background-color: #D93B2B !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Red:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.red-button:hover .n-link {
  background-color: #D93B2B;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Orange,
.hp-cta .view-content .views-row .views-field-field-link-title a.orange-button {
  background-color: #F37021 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Orange:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.orange-button:hover .n-link {
  background-color: #F37021;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Green,
.hp-cta .view-content .views-row .views-field-field-link-title a.green-button {
  background-color: #228848 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Green:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.green-button:hover .n-link {
  background-color: #228848;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Light-Green,
.hp-cta .view-content .views-row .views-field-field-link-title a.lightgreen-button {
  background-color: #6BA539 !important;
}
.hp-cta .view-content .views-row .views-field-field-link-title a.Light-Green:hover .n-link,
.hp-cta .view-content .views-row .views-field-field-link-title a.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
@media screen and (min-width: 991px) {
  .hp-cta .view-content .views-row {
    order: 0;
    flex: 1 1 25%;
    margin: 0 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .hp-cta .view-content .views-row {
    padding: 5rem 3rem;
  }
}
#navigationDesk.pin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%!important;
  background-color: #fff;
  border-bottom: 3px solid #d93b2b;
  z-index: 1000;
}
#navigationDesk.pin #block-system-main-menu {
  border-bottom: none!important;
}
.not-front div[class=imgPromoArea] #promoText,
.not-front section[class=imgPromoArea] #promoText {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  padding: 32px 0 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: museo,serif;
  font-size: 2.5vw;
  line-height: 1em;
  text-transform: uppercase;
  z-index: 0;
  background-color: #fdb913;
}
@media only screen and (min-width: 769px) {
  .not-front div[class=imgPromoArea] #promoText,
  .not-front section[class=imgPromoArea] #promoText {
    padding: 50px 0 0;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1010px) {
  .not-front div[class=imgPromoArea] #promoText,
  .not-front section[class=imgPromoArea] #promoText {
    padding: 50px 0 0;
  }
}
@media only screen and (min-width: 641px) {
  .sectionText h2:after {
    height: 55px;
    bottom: 20px;
  }
}
div.nid-tāmaki-masterplan .bigAssHeading,
div.nid-the-neighbourhoods- .bigAssHeading {
  margin: 0;
  padding: 0;
  background: none;
}
@media screen and (min-width: 767px) {
  div.nid-tāmaki-masterplan .bigAssHeading,
  div.nid-the-neighbourhoods- .bigAssHeading {
    margin: 1.75em 0 0 0;
    min-height: 70px;
  }
}
div.nid-tāmaki-masterplan .bigAssHeading:before,
div.nid-the-neighbourhoods- .bigAssHeading:before {
  background: none;
}
div.nid-tāmaki-masterplan .bigAssHeading h1,
div.nid-the-neighbourhoods- .bigAssHeading h1 {
  font-family: "museo", serif;
  color: #444443;
  text-transform: uppercase;
  font-size: 20pt;
  font-weight: 600;
  line-height: 1.2em;
}
@media only screen and (min-width: 641px) {
  div.nid-tāmaki-masterplan .bigAssHeading h1,
  div.nid-the-neighbourhoods- .bigAssHeading h1 {
    font-size: 5.5vw;
  }
}
@media only screen and (min-width: 769px) {
  div.nid-tāmaki-masterplan .bigAssHeading h1,
  div.nid-the-neighbourhoods- .bigAssHeading h1 {
    font-size: 40pt;
  }
}
div.nid-development-and-investment-opportunities h1.pageTitle:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
.nid-new-home-opportunities > .content > #btmPromo > .divider {
  display: none;
}
.node-home #mainContent.sectionText h2 {
  padding: 0;
}
.block-webform.neighbourhood-form {
  position: relative;
  width: 100%;
  color: #444443;
  background: #FCB900;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}
.block-webform.neighbourhood-form:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #FFF;
}
.block-webform.neighbourhood-form::after {
  content: "";
  position: relative;
  max-width: 1100px;
  width: 100%;
  height: 30px;
  margin-top: 0px;
  background: url('../img/houndsTooth.gif') bottom center repeat-x #ffffff;
  background-size: auto 100%;
}
.block-webform.neighbourhood-form .content {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 40px 30px 30px 30px;
}
@media screen and (min-width: 1200px) {
  .block-webform.neighbourhood-form .content {
    padding-left: 0;
    padding-right: 0;
    max-width: 520px;
  }
}
.block-webform.neighbourhood-form .webform-component--header-text {
  margin-bottom: 20px;
}
.block-webform.neighbourhood-form .webform-client-form {
  position: relative;
  width: 100%;
  font-size: 1em;
  color: #444443;
}
.block-webform.neighbourhood-form .webform-client-form > div {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}
.block-webform.neighbourhood-form .webform-client-form .webform-component--which-suburb-is-your-suggestion-related-to > label {
  font-size: 1.4rem;
  line-height: 28px;
  font-weight: 600;
}
.block-webform.neighbourhood-form .webform-client-form .webform-component-markup {
  font-size: 1.4rem;
  text-align: left;
  padding-bottom: 0;
}
.block-webform.neighbourhood-form .webform-client-form .webform-component-markup h2,
.block-webform.neighbourhood-form .webform-client-form .webform-component-markup h3 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0;
  font-weight: 600;
}
.block-webform.neighbourhood-form .webform-client-form .webform-component-markup p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.3em;
}
.block-webform.neighbourhood-form .webform-client-form .webform-component--reason-required {
  margin-bottom: 30px;
}
.block-webform.neighbourhood-form .webform-client-form .form-actions {
  position: relative;
  width: 100%;
  text-align: center;
}
.block-webform.neighbourhood-form .webform-client-form .form-actions .webform-submit {
  margin-top: 20px;
  padding: 10px;
  width: 100%;
  font-size: 0.9em;
  border: 0;
  color: #FFF;
  background-color: #444443;
  cursor: pointer;
}
.block-webform.neighbourhood-form .webform-client-form .form-actions .webform-submit:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  background-color: #5e5e5c;
}
@media screen and (min-width: 767px) {
  .block-webform.neighbourhood-form .webform-client-form .form-actions .webform-submit {
    min-width: 50%;
    width: auto;
  }
}
.block-webform.neighbourhood-form .webform-client-form .form-item {
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.block-webform.neighbourhood-form .webform-client-form .form-item .form-text,
.block-webform.neighbourhood-form .webform-client-form .form-item .form-textarea {
  position: relative;
  width: 100%;
  font-size: 0.9em;
  border: 0;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
}
.block-webform.neighbourhood-form .webform-client-form .form-item .form-text,
.block-webform.neighbourhood-form .webform-client-form .form-item .form-textarea {
  border: 1px solid #FFF;
}
.modal-iframe {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: block;
  opacity: 0;
  z-index: -10000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.modal-iframe.show {
  opacity: 1;
  z-index: 9999;
}
.modal-iframe .close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  font-size: 40px;
  line-height: 40px;
  margin: 20px;
  z-index: 999;
  cursor: pointer;
}
.modal-iframe .close::before {
  content: "\f00d";
  font-family: 'FontAwesome';
  color: #ffffff;
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.modal-iframe .close:hover::before {
  color: #fcb900;
}
.modal-iframe iframe {
  position: relative;
  width: 100%;
  height: 100vh;
  border: none;
  overflow: hidden;
}
@media screen and (min-width: 767px) {
  .region-blockgroup-map .top-map-btn .view-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .region-blockgroup-neighbourhoods-map .top-map-btn .views-row {
    min-width: 1% !important;
  }
}
.region-blockgroup-map .top-map-btn,
.region-blockgroup-neighbourhoods-map .top-map-btn {
  position: relative;
  width: 100%;
  z-index: 20;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
}
.region-blockgroup-map .top-map-btn h2,
.region-blockgroup-neighbourhoods-map .top-map-btn h2 {
  display: block;
  font-size: 16pt;
  padding-top: 0.25rem;
  color: #ffffff;
  margin: 0 0 1rem 0;
  padding: 0;
  position: relative;
  z-index: 10;
  text-transform: none;
}
@media screen and (min-width: 991px) {
  .region-blockgroup-map .top-map-btn h2,
  .region-blockgroup-neighbourhoods-map .top-map-btn h2 {
    margin: 0 0.5rem 0 0;
    display: inline-block;
  }
}
.region-blockgroup-map .top-map-btn > .content,
.region-blockgroup-neighbourhoods-map .top-map-btn > .content {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 767px) {
  .region-blockgroup-map .top-map-btn > .content,
  .region-blockgroup-neighbourhoods-map .top-map-btn > .content {
    width: 720px;
  }
}
@media screen and (min-width: 991px) {
  .region-blockgroup-map .top-map-btn > .content,
  .region-blockgroup-neighbourhoods-map .top-map-btn > .content {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) {
  .region-blockgroup-map .top-map-btn > .content,
  .region-blockgroup-neighbourhoods-map .top-map-btn > .content {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .region-blockgroup-map .top-map-btn > .content,
  .region-blockgroup-neighbourhoods-map .top-map-btn > .content {
    width: 1420px;
  }
}
@media screen and (max-width: 1024px) {
  .region-blockgroup-map,
  .region-blockgroup-neighbourhoods-map {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    padding-top: 0;
  }
  .region-blockgroup-map::after,
  .region-blockgroup-neighbourhoods-map::after {
    display: none;
  }
  .region-blockgroup-map .block,
  .region-blockgroup-neighbourhoods-map .block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    width: 100%;
  }
  .region-blockgroup-map .block .content,
  .region-blockgroup-neighbourhoods-map .block .content {
    position: relative;
    width: 100%;
  }
  .region-blockgroup-map .block.top-map-btn,
  .region-blockgroup-neighbourhoods-map .block.top-map-btn {
    position: relative;
    padding-top: 60px;
  }
  .region-blockgroup-map .block.top-map-btn .views-row,
  .region-blockgroup-neighbourhoods-map .block.top-map-btn .views-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
  }
  .region-blockgroup-map .block.top-map-btn .views-row .views-field,
  .region-blockgroup-neighbourhoods-map .block.top-map-btn .views-row .views-field,
  .region-blockgroup-map .block.top-map-btn .views-row .field-content,
  .region-blockgroup-neighbourhoods-map .block.top-map-btn .views-row .field-content,
  .region-blockgroup-map .block.top-map-btn .views-row .btn,
  .region-blockgroup-neighbourhoods-map .block.top-map-btn .views-row .btn {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  div.nid-the-neighbourhoods- .bigAssHeading {
    margin-top: 0;
  }
}
.btn.Default,
.neighborhood-block.Default {
  background-color: #fcb900 !important;
}
.btn.Default:hover .n-link,
.neighborhood-block.Default:hover .n-link {
  background-color: #fcb900;
}
.btn.default-button,
.neighborhood-block.default-button {
  background-color: #6BA539 !important;
}
.btn.default-button:hover .n-link,
.neighborhood-block.default-button:hover .n-link {
  background-color: #6BA539;
}
.btn.Blue,
.neighborhood-block.Blue,
.btn.blue-button,
.neighborhood-block.blue-button {
  background-color: #3EB1C8 !important;
}
.btn.Blue:hover .n-link,
.neighborhood-block.Blue:hover .n-link,
.btn.blue-button:hover .n-link,
.neighborhood-block.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.btn.Dark-Blue,
.neighborhood-block.Dark-Blue,
.btn.darkblue-button,
.neighborhood-block.darkblue-button {
  background-color: #326295 !important;
}
.btn.Dark-Blue:hover .n-link,
.neighborhood-block.Dark-Blue:hover .n-link,
.btn.darkblue-button:hover .n-link,
.neighborhood-block.darkblue-button:hover .n-link {
  background-color: #326295;
}
.btn.Red,
.neighborhood-block.Red,
.btn.red-button,
.neighborhood-block.red-button {
  background-color: #D93B2B !important;
}
.btn.Red:hover .n-link,
.neighborhood-block.Red:hover .n-link,
.btn.red-button:hover .n-link,
.neighborhood-block.red-button:hover .n-link {
  background-color: #D93B2B;
}
.btn.Orange,
.neighborhood-block.Orange,
.btn.orange-button,
.neighborhood-block.orange-button {
  background-color: #F37021 !important;
}
.btn.Orange:hover .n-link,
.neighborhood-block.Orange:hover .n-link,
.btn.orange-button:hover .n-link,
.neighborhood-block.orange-button:hover .n-link {
  background-color: #F37021;
}
.btn.Green,
.neighborhood-block.Green,
.btn.green-button,
.neighborhood-block.green-button {
  background-color: #228848 !important;
}
.btn.Green:hover .n-link,
.neighborhood-block.Green:hover .n-link,
.btn.green-button:hover .n-link,
.neighborhood-block.green-button:hover .n-link {
  background-color: #228848;
}
.btn.Light-Green,
.neighborhood-block.Light-Green,
.btn.lightgreen-button,
.neighborhood-block.lightgreen-button {
  background-color: #6BA539 !important;
}
.btn.Light-Green:hover .n-link,
.neighborhood-block.Light-Green:hover .n-link,
.btn.lightgreen-button:hover .n-link,
.neighborhood-block.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
.another-suburb {
  text-align: center;
  padding: 4rem 0;
  margin-top: 2rem;
  background: #f6f6f6;
}
.another-suburb h2 {
  font-size: 19pt;
  margin: 0 0 2rem 0;
  padding: 0;
  text-transform: none;
}
.another-suburb h2:after {
  display: none;
}
.region-blockgroup-map .view-development-entity-queue,
.region-blockgroup-neighbourhoods-map .view-development-entity-queue,
.another-suburb .view-development-entity-queue {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.region-blockgroup-map .view-development-entity-queue .view-content,
.region-blockgroup-neighbourhoods-map .view-development-entity-queue .view-content,
.another-suburb .view-development-entity-queue .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  position: relative;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .region-blockgroup-map .view-development-entity-queue .view-content,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .view-content,
  .another-suburb .view-development-entity-queue .view-content {
    flex-direction: row;
  }
}
.region-blockgroup-map .view-development-entity-queue .views-row,
.region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row,
.another-suburb .view-development-entity-queue .views-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  position: relative;
  font-family: "museo", serif;
  height: 100%;
  margin: 0 auto 15px auto;
}
@media screen and (min-width: 1025px) {
  .region-blockgroup-map .view-development-entity-queue .views-row,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row,
  .another-suburb .view-development-entity-queue .views-row {
    flex: 1;
    margin-left: 15px;
    min-width: 140px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 659px) {
  .region-blockgroup-map .view-development-entity-queue .views-row .btn span,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .btn span,
  .another-suburb .view-development-entity-queue .views-row .btn span {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 640px) {
  .region-blockgroup-map .view-development-entity-queue .views-row .btn span,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .btn span,
  .another-suburb .view-development-entity-queue .views-row .btn span {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.region-blockgroup-map .view-development-entity-queue .views-row .view-mode-button_view,
.region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .view-mode-button_view,
.another-suburb .view-development-entity-queue .views-row .view-mode-button_view {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media screen and (min-width: 1025px) {
  .region-blockgroup-map .view-development-entity-queue .views-row .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .view-mode-button_view,
  .another-suburb .view-development-entity-queue .views-row .view-mode-button_view {
    padding: 0 25px;
  }
}
.region-blockgroup-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
.region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
.another-suburb .view-development-entity-queue .views-row .view-mode-button_view .btn {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: 'Lato', 'Helvetica', sans-serif;
  min-height: 30px;
  background: #d33020;
  color: #ffffff;
}
@media screen and (max-width: 1400px) {
  .region-blockgroup-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
  .another-suburb .view-development-entity-queue .views-row .view-mode-button_view .btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 767px) {
  .region-blockgroup-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .view-mode-button_view .btn,
  .another-suburb .view-development-entity-queue .views-row .view-mode-button_view .btn {
    min-height: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .region-blockgroup-map .view-development-entity-queue .views-row,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row {
    flex: 1;
    margin-left: 15px;
    min-width: 140px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 641px) {
  .region-blockgroup-map .view-development-entity-queue .views-row,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row {
    width: 33.3%;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row:first-child .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:first-child .view-mode-button_view,
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(3n+1) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(3n+1) .view-mode-button_view {
    padding-left: 0 !important;
    padding-right: 7.5px;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(2n) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(2n) .view-mode-button_view,
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(5n) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(5n) .view-mode-button_view {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(3n) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(3n) .view-mode-button_view {
    padding-right: 0;
    padding-left: 7.5px;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row .btn span,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row .btn span {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 640px) {
  .region-blockgroup-map .view-development-entity-queue .views-row,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row {
    width: 50%;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row:first-child .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:first-child .view-mode-button_view,
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(2n+1) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(2n+1) .view-mode-button_view {
    padding-left: 0 !important;
    padding-right: 7.5px;
  }
  .region-blockgroup-map .view-development-entity-queue .views-row:nth-child(2n) .view-mode-button_view,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:nth-child(2n) .view-mode-button_view {
    padding-right: 0;
    padding-left: 7.5px;
  }
}
@media screen and (min-width: 991px) {
  .region-blockgroup-map .view-development-entity-queue .views-row:first-child,
  .region-blockgroup-neighbourhoods-map .view-development-entity-queue .views-row:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .another-suburb .view-development-entity-queue .view-content {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 767px) {
  .another-suburb .view-development-entity-queue .view-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.another-suburb .view-development-entity-queue .views-row {
  flex: 1;
  margin-left: 15px;
}
.another-suburb .view-development-entity-queue .views-row:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
  .another-suburb .view-development-entity-queue .views-row {
    width: 50%;
    flex: 0 0 50%;
    margin-left: 0;
  }
  .another-suburb .view-development-entity-queue .views-row:first-child .view-mode-button_view,
  .another-suburb .view-development-entity-queue .views-row:nth-child(2n+1) .view-mode-button_view {
    padding-left: 20px;
    padding-right: 30px;
  }
  .another-suburb .view-development-entity-queue .views-row:nth-child(2n) .view-mode-button_view {
    padding-right: 20px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 640px) {
  .another-suburb .view-development-entity-queue .views-row {
    width: 100%;
    flex: 0 0 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.neighborhood-block {
  position: relative;
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}
.neighborhood-block:hover .n-link:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.neighborhood-block .n-link {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  z-index: 99;
  padding: 20px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  font-weight: bold;
  font-family: museo,serif;
  color: #000000;
  font-size: 19pt;
  text-decoration: none;
  text-transform: uppercase;
}
.neighborhood-block .n-link:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.neighborhood-block .n-link::before {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  content: '';
  color: #ffffff;
  z-index: 3;
  width: 30px;
  height: 30px;
  background: url(../img/right-arrow-black.svg) no-repeat center center;
}
.neighborhood-block img {
  position: relative;
  margin: 0;
  width: 100%;
  height: 400px;
}
.another-neighbourhood {
  position: relative;
  margin-top: 8px;
}
.another-neighbourhood.block-views {
  background-color: #D7D2CB !important;
  padding: 2rem 1rem;
}
@media screen and (min-width: 447px) {
  .another-neighbourhood {
    text-align: center;
  }
}
.another-neighbourhood h2 {
  font-size: 16pt;
  display: inline-block;
  margin: 0 0 .8rem 0;
  padding: 0;
  vertical-align: middle;
}
@media screen and (min-width: 767px) {
  .another-neighbourhood h2 {
    margin: 0 1rem 0 0;
  }
}
@media screen and (max-width: 480px) {
  .another-neighbourhood h2 {
    width: 100%;
    text-align: center;
  }
}
.another-neighbourhood .content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .another-neighbourhood .content {
    width: 100%;
  }
}
.another-neighbourhood .content .list-wrapper {
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .another-neighbourhood .content .list-wrapper {
    width: 100%;
  }
}
.another-neighbourhood .content .list-wrapper #select {
  font-family: "museo", serif;
  margin-bottom: 1rem;
  display: inline-block;
  height: 44px;
  border: 2px solid #ffffff;
  background: #ffffff;
  max-width: 400px;
  border: 2px solid #F37021;
  padding: 0.65rem;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  position: relative;
  line-height: 1em;
  font-size: 16pt;
  font-weight: 600;
}
@media screen and (min-width: 767px) {
  .another-neighbourhood .content .list-wrapper #select {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .another-neighbourhood .content .list-wrapper #select {
    width: 100%;
  }
}
.another-neighbourhood .content .list-wrapper #select:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../img/readmore.svg) no-repeat center center;
  position: absolute;
  right: 1rem;
  top: 0.75rem;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour {
  display: inline-block;
  margin: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  padding: .7em 2em;
  background: #e0e0e0;
  border: 0;
  font-weight: 700;
  color: #4f4f4f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
  position: relative;
  font-size: 16pt;
  padding: .5em 2em;
  font-weight: bold;
  background-color: #F37021;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "museo", serif;
  font-weight: 600;
}
@media screen and (min-width: 447px) {
  .another-neighbourhood .content .list-wrapper #link_other_neighbour {
    margin: 0 0 0 1rem;
  }
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/triangle.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour:hover:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Default {
  background-color: #fcb900 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Default:hover .n-link {
  background-color: #fcb900;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.default-button {
  background-color: #6BA539 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.default-button:hover .n-link {
  background-color: #6BA539;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Blue,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.blue-button {
  background-color: #3EB1C8 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Blue:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.blue-button:hover .n-link {
  background-color: #3EB1C8;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Dark-Blue,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.darkblue-button {
  background-color: #326295 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Dark-Blue:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.darkblue-button:hover .n-link {
  background-color: #326295;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Red,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.red-button {
  background-color: #D93B2B !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Red:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.red-button:hover .n-link {
  background-color: #D93B2B;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Orange,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.orange-button {
  background-color: #F37021 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Orange:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.orange-button:hover .n-link {
  background-color: #F37021;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Green,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.green-button {
  background-color: #228848 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Green:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.green-button:hover .n-link {
  background-color: #228848;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Light-Green,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.lightgreen-button {
  background-color: #6BA539 !important;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour.Light-Green:hover .n-link,
.another-neighbourhood .content .list-wrapper #link_other_neighbour.lightgreen-button:hover .n-link {
  background-color: #6BA539;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour::before {
  display: none;
}
.another-neighbourhood .content .list-wrapper #link_other_neighbour:hover {
  background-color: #f48039;
}
.another-neighbourhood .content .list-wrapper .sel-option {
  position: absolute;
  top: 44px;
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
  width: 290px;
  list-style: none;
}
.another-neighbourhood .content .list-wrapper .sel-option li {
  text-align: left;
  padding: 0;
  margin: 0;
  border: none;
}
.another-neighbourhood .content .list-wrapper .sel-option li a {
  display: block;
  color: #4f4f4f;
  padding: 0.5rem;
  border-bottom: 1px solid #e0e0e0;
}
.another-neighbourhood .content .list-wrapper .sel-option li a:hover {
  background: #e8e8e8;
}
#notification-bar-messages .notification-bar-status {
  background-color: #228848;
}
@media screen and (min-width: 767px) {
  #notification-bar-messages .notification-bar-status {
    height: 46px;
  }
}
#notification-bar-messages .notification-bar-status .content-left {
  display: none;
}
#notification-bar-messages .notification-bar-status .content-right {
  display: none;
}
#notification-bar-messages .content {
  float: none;
  margin: 0 auto;
  padding: .7em 1.5em 0 1.5em;
  width: 100%;
}
#notification-bar-messages .content p {
  margin: 0;
  padding: 0;
  font-family: museo,serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: none;
  line-height: 22px;
  color: #fff;
}
#notification-bar-messages .content p a {
  color: #fff;
  text-decoration: underline;
}
#contact-form--2,
#contact-form-2 {
  position: relative;
  width: 100%;
  display: block;
}
#contact-form--2 > div,
#contact-form-2 > div {
  position: relative;
  width: 100%;
  display: block;
}
#contact-form--2 .form-footer,
#contact-form-2 .form-footer {
  padding: 1.5em 0;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.1em;
}
@media screen and (min-width: 767px) {
  #contact-form--2 .form-item.form-type-select,
  #contact-form-2 .form-item.form-type-select {
    text-align: center;
  }
}
#contact-form--2 .form-intro,
#contact-form-2 .form-intro {
  margin-bottom: 20px;
}
#contact-form--2 .form-intro p,
#contact-form-2 .form-intro p {
  text-align: left;
  margin-bottom: 10px;
}
#contact-form--2 .form-footer p,
#contact-form-2 .form-footer p {
  text-align: left;
  margin-bottom: 10px;
}
#contact-form--2 .form-select,
#contact-form-2 .form-select,
#contact-form--2 .form-text,
#contact-form-2 .form-text,
#contact-form--2 .form-textarea,
#contact-form-2 .form-textarea {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}
#contact-form--2 .form-textarea,
#contact-form-2 .form-textarea {
  width: 100%;
}
#contact-form--2 .form-select,
#contact-form-2 .form-select {
  font-size: 0.9em;
  margin: 0;
  height: 35px;
  color: #444443;
  background-color: #fff;
  border: none;
  outline: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
  border-radius: 0;
  width: 100%;
  padding: 0 5%;
}
@media screen and (min-width: 767px) {
  #contact-form--2 .form-select,
  #contact-form-2 .form-select {
    width: 50%;
    padding: 0 10px;
  }
}
.tamaki-job-and-skills-hub-enrollment-form {
  position: relative;
  padding-top: 40px;
  background-color: #fdb913;
}
.tamaki-job-and-skills-hub-enrollment-form::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  background-image: url('../img/houndsTooth.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  margin: 0 auto;
  background-color: #ffffff;
}
.tamaki-job-and-skills-hub-enrollment-form .form-required {
  color: #d33020;
}
.tamaki-job-and-skills-hub-enrollment-form .content {
  padding: 0 10% 30px;
  padding: 0 1rem 1rem;
  font-size: 1em;
  line-height: 1.3em;
}
@media screen and (min-width: 991px) {
  .tamaki-job-and-skills-hub-enrollment-form .content {
    padding: 0 10% 30px;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .webform-component--header h3,
.tamaki-job-and-skills-hub-enrollment-form .content .webform-component--header h4 {
  position: relative;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.tamaki-job-and-skills-hub-enrollment-form .content legend,
.tamaki-job-and-skills-hub-enrollment-form .content h3 {
  position: relative;
  width: 100%;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-family: "museo", serif;
}
.tamaki-job-and-skills-hub-enrollment-form .content .fieldset-legend {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .fieldset-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  position: relative;
  width: 100%;
}
.tamaki-job-and-skills-hub-enrollment-form .content select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  height: 35px;
  line-height: 35px !important;
  border-radius: 0;
  background-color: #FFF;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-actions {
  position: relative;
  width: 100%;
  display: block;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-actions .webform-submit {
  padding: 10px 30px;
  font-size: 0.9em;
  background-color: #444443;
  color: #ffffff;
  border: none;
  display: block;
  font-weight: normal;
  cursor: pointer;
  width: 80%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-actions .webform-submit {
    max-width: 260px;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-field-wrap {
  position: relative;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item label {
    width: 100%;
  }
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.form-wrap {
    align-items: center;
  }
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.form-wrap label {
    width: 7em;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1em;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-checkboxes,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-radios {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-checkboxes > .form-item,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-radios > .form-item {
  padding-top: 4px;
  padding-bottom: 4px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--next-of-kin-partner-or-parent-details,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--consent-to-share-information {
  margin-top: 0;
  position: relative;
  width: 100%;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--drivers-licence .form-radios {
  width: 100%;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--drivers-licence .form-radios .form-type-radio {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--drivers-licence .form-radios .form-type-radio {
    width: auto;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--drivers-licence .form-radios .form-type-radio input {
  width: auto;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--work-transpo .form-checkboxes {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--work-transpo .form-checkboxes {
    width: auto;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--header {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--header h3 {
  padding: 0;
  margin: 0;
  font-size: 2em;
  line-height: 2em;
  font-weight: 600;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--header h4 {
  padding: 0;
  margin: 0;
  font-size: 1.5em;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--where-drivers-licence .form-radios {
  width: 100%;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--where-drivers-licence .form-type-radio .form-radio {
  flex: 0 0 15px !important;
  width: 15px !important;
}
@media only screen and (max-width: 1200px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--drivers-licence-div--licence-next-stage label {
    width: 100%;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-markup {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--on-job-seeker-benefit {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--birthdate label,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--ethnicity label {
    width: 100%;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline {
  background-color: #ffffff;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1200px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline {
    width: 100%;
    display: flex;
    flex-direction: wrap;
    flex-wrap: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item {
  padding-right: 0;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-drivers-licence-div-licence-next-stage-day,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-your-details-birthdate-day {
  order: 0;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-drivers-licence-div-licence-next-stage-day .form-select,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-your-details-birthdate-day .form-select {
  padding-top: 0.44em;
  padding-bottom: 0.44em;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-drivers-licence-div-licence-next-stage-month,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-your-details-birthdate-month {
  order: 1;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-drivers-licence-div-licence-next-stage-month .form-select,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-your-details-birthdate-month .form-select {
  padding-top: 0.44em;
  padding-bottom: 0.44em;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-drivers-licence-div-licence-next-stage-year,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component-date .webform-container-inline .form-item.form-item-submitted-your-details-birthdate-year {
  order: 3;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--type-of-work {
  flex-direction: column;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--type-of-work label,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--your-details--type-of-work .form-textarea-wrapper {
  width: 100%;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--i-agree .form-type-checkbox label.option::before {
  content: "*";
  margin-right: 8px;
  color: #d33020;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox {
  display: flex;
  flex-direction: row;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio .form-radio,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox .form-radio,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio .form-checkbox,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox .form-checkbox {
  margin-top: 12px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio .form-radio,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox .form-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex: 0;
  width: 1%;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio .form-radio,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox .form-radio {
    flex: 1;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio .form-checkbox,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox .form-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex: 0 0 15px;
  width: 15px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio label,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox label {
  flex: 1;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio label,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox label {
    flex: 0 auto;
  }
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-radio,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-type-checkbox {
    display: inline-flex;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item.webform-component--i-agree {
  display: block;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item label {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 15px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item button,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item input,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item select,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item textarea {
  border: none;
  background: #ffffff;
  box-shadow: none;
  outline: none;
  width: 80%;
  flex: auto;
  padding: 8px 1em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item button,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item input,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item select,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item textarea {
    width: 1%;
  }
}
@media screen and (min-width: 767px) {
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item button,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item input,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item select,
  .tamaki-job-and-skills-hub-enrollment-form .content .form-item textarea {
    flex-direction: row;
  }
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item input,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item select,
.tamaki-job-and-skills-hub-enrollment-form .content .form-item textarea {
  font-size: 16px;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-textarea-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex: 1;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .form-textarea-wrapper .grippie {
  width: 100%;
  background-color: #fdb913;
  border: none;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item label {
  flex: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.tamaki-job-and-skills-hub-enrollment-form .content .form-item .webform-container-inline {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.target-anchor {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin-top: -200px;
}
.col-3,
.col-4,
.col-6,
.col-12 {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.col-3 {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .col-3 {
    width: 25%;
  }
}
.col-4 {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .col-4 {
    width: 33.3%;
  }
}
.col-6 {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .col-6 {
    width: 50%;
  }
}
.col-12 {
  width: 100%;
}
#trigger-mailer {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
  margin-top: 8px;
  font-size: 1em;
  font-weight: 700px;
  padding: 4px 10px;
  background-repeat: no-repeat;
  border: 1px solid #161616;
  text-shadow: 1px 1px 2px #000000;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  background: -moz-linear-gradient(top, rgba(119, 119, 119, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(119, 119, 119, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(119, 119, 119, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6777777', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
#trigger-mailer:hover {
  background: #5e5e5e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5e5e5e 0%, #636363 0%, #444444 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5e5e5e 0%, #636363 0%, #444444 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5e5e5e 0%, #636363 0%, #444444 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#444444', GradientType=0);
  /* IE6-9 */
}
#trigger-mailer::before {
  content: "";
  background: url('../img/mail-img.jpg') 0 0 no-repeat;
  position: relative;
  background-size: contain;
  width: 25px;
  height: 12px;
  margin-right: 4px;
  border-right: 1px solid #313131;
}
#cm-popup-overlay.show {
  display: block;
}
#cm-popup-overlay {
  opacity: 0;
  display: none;
  animation-name: fadein;
  animation-duration: 1s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
}
#p-container {
  position: relative;
  width: 545px;
  margin: 100px auto;
}
#cm-popup-iframe {
  width: 100%;
  border-radius: 4px;
}
#cmsgpf-close-btn {
  height: 16px;
  width: 16px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  margin-right: 10px;
  left: auto;
  margin-left: auto;
  margin-top: 10px;
}
@media only screen and (max-width: 760px) {
  #p-container {
    width: 100%;
    margin: 0;
  }
  #cm-popup-iframe {
    width: 100%;
    border-radius: 0px;
  }
  #cmsgpf-close-btn {
    left: 0;
    margin-left: 10px;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}