/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*****************

Sustainability Summit CSS

*****************/

/* Base styles */

body {
  background: url(gfx/background-2021.png) center 0px repeat-x;
}
header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#wrapper {
  background: url(gfx/banner-2021.jpg) right 0px no-repeat;
}
.titleinner {
  margin-top: 0px;
}
.titleinner img {
  display: none;
}
#title h1 {
  background: url(gfx/title-2021.png) 0 115px no-repeat;
  color: #6b9531;
  font-family: 'Amsi pro condbold', Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0 0 28px 23px;
  max-width: 650px;
  opacity: 1;
  padding: 445px 0 0 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 100%;
}
#title ul#breadcrumbs {
  margin-bottom: 14px;
}
#title p.heading-translation {
    color: #a0ae8e;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 35px;
    line-height: 1.15;
    margin-bottom: 28px;
    margin-top: -14px;
    padding-left: 23px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
.logged-in {
	display: none;
}
body.IsUser .logged-in {
	display: block;
}
body.IsUser .no-logged-in {
  display: none;
}
#content {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
#content h2 {
  border-bottom: none;
  color: #6b9531;
  font-size: 40px;
  font-family: 'Amsi pro Condlight', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 21px 0;
  padding-bottom: 0px;
}
#content div + h2,
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content button + h2,
#content form + h2,
#content blockquote + h2 {
  border-top: 5px dotted #dddddd;
  margin-top: 49px;
  padding-top: 42px;
}
/* #content h3 {
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 28px;
  margin-bottom: 14px;
}
#content h4 {
  color: #a7bd62;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 1.45;
  margin-top: 21px; 
} */
#content h3 {
  color: #9ab457;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 24px;
  line-height: 1.45;
  margin-top: 28px;
  margin-bottom: 14px;
}
#content h4 {
  color: #5c662a;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 1.45;
  margin-top: 21px; 
}
#content h5 {
  color: #9ab457;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 18px;
  margin-top: 21px; 
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#right p,
#right li,
#right dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li {
  font-size: 16px;
  line-height: 1.6;
}
#right p,
#right li {
  font-size: 14px;
}
#content ul,
#content li,
#right ul li {
	margin-left: 7px;
	list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content ul,
#content li
{
  margin-bottom: 10px;
  margin-top: 5px;
}
#content button {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content blockquote {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  border-left: 15px solid #f9c000;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
  margin-top: 35px;
  padding: 28px 14px 28px 14px;
}
#content .grid-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 42px;
}
#content .grid-container div {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 10px 20px #f9f9f9;
  margin-bottom: 46px;
  margin-right: 5%;
  padding: 154px 14px 14px 14px;
  width: 30%;
}
#content .grid-container div:nth-of-type(3n) {
  margin-right: 0%;
}
#content .grid-container div.icon-box1 {
  background: url(gfx/icons/energy-color-icon.svg) no-repeat center 25px;
  background-size: 100px;
}
#content .grid-container div.icon-box2 {
  background: url(gfx/icons/engagement-color-icon.svg) no-repeat center 20px;
  background-size: 120px;
}
#content .grid-container div.icon-box3 {
  background: url(gfx/icons/leadership-color-icon.svg) no-repeat center 30px;
  background-size: 100px;
}
#content .grid-container div.icon-box4 {
  background: url(gfx/icons/recycling-color-icon.svg) no-repeat center 30px;
  background-size: 100px;
}
#content .grid-container div.icon-box5 {
  background: url(gfx/icons/travel-icon.svg) no-repeat center 34px;
  background-size: 100px;
}
#content .grid-container div.icon-box6 {
  background: url(gfx/icons/well-being-color-icon.svg) no-repeat center 30px;
  background-size: 100px;
}
#content .grid-container div h2:before {
  background: #f9c000;
  display: block;
  content: '';
  height: 3px;
  margin-bottom: 14px;
  margin-left: calc(50% - 23px);
  width: 46px;
}
#content .grid-container div h2 {
  font-size: 26px;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 700;
  text-align: center;
}

.OTAGO719773 #content .tile-box-shadow-container {
  background: #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 42px;
  margin-top: 42px;
}
.OTAGO719773 #content .tile-box-shadow-container .grid-third {
  border: none;
  margin-bottom: 0;
}
.OTAGO719773 #content .green-your-scene-intro {
  background: url(gfx/green-your-scene-icon-white.png) no-repeat right 30px top 20px #8ec641;
  background-size: 140px;
  border-radius: 3px;
  margin-bottom: 49px;
  padding: 14px 200px 14px 14px;
}
.OTAGO719773 #content .green-your-scene-intro h2 {
  color: #ffffff;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 34px;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.OTAGO719773 #content .green-your-scene-intro p {
  color: #ffffff;
  font-size: 18px;
  text-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#right {
  background: none;
}
#right h2 {
  margin-bottom: 14px;
}
#right h3 {
  color: #444444;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 7px;
  margin-top: 14px;
}
#right h3 strong {
  color: #99b74a;
}
html {
  scroll-behavior: smooth;
}
/* .OTAGO732801 #content .tile-box-shadow-thumbnail-description a {
  border: solid 2px red;
  scroll-behavior: smooth;
} */

#title p.heading-translation {
  color: #888888;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 21px;
  margin-top: -14px;
}

/* //////////////Feature Promo //////////// */
body.frontpage .feature-promo {
    border: 1px solid #cccccc;
    border-top: 24px solid #c7d05b;
/*     border-bottom: 10px solid #cccccc; */
    border-radius: 10px;
    border-radius: 10px;
/*     background-color: #f6f8ef; */
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;  
    margin-bottom: 49px;
    margin-top: 40px;
    padding: 14px 21px 21px 21px;
    overflow: hidden;
    
}

body.frontpage .feature-promo:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
}

body.frontpage .feature-promo p {
    color: #333333;
}
body.frontpage #content .feature-promo p img {
/*   border: solid 2px red; */
  float: right;
  border: none;
  
}
body.frontpage .feature-promo h2 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: red;
}
#content .button {
/* 	background: #c7d05b; */
  border: 4px solid #c7d05b;
	border-radius: 22px;
	display: inline-block;
  font-size: 17px;
	margin-top: 15px;
	padding: 4px 20px 6px 20px;
}
#content p.button {
    color: #416EBF;
    font-size: 20px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    letter-spacing: .009em;
}


/* Form */

#content form fieldset {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 14px 0 28px 0;
  padding: 21px 42px 14px 42px;
  width: 100%;
}
#content form fieldset legend {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 14px;
}
#content form fieldset label {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 14px;
  width: 100%;
}
#content form fieldset input {
  border: 1px solid #bbbbbb;
  box-sizing: border-box;
  margin-bottom: 28px;
  padding-bottom: 7px;
  padding-top: 7px;
  width: 100%;
}
#content form input[type="text"],
#content form input[type="email"],
#content form textarea {
  background: #f9f9f9;
}
#content form input[type="radio"],
#content form input[type="checkbox"] {
  margin-bottom: 0;
  margin-top: 3px;
  width: 15px;
}
#content form input[type="checkbox"] {
  margin-right: 7px;
}
#content form input[type="radio"] + label,
#content form input[type="checkbox"] + label{
  width: calc(100% - 50px);
}
#content form input[type="number"] {
  background: #f9f9f9;
  max-width: 30%;
}
.OTAGO719773 #content p.smalltag {
  font-style: italic;
  margin-bottom: 21px;
  margin-top: -14px;
}
#content form fieldset label + label {
  margin-top: 21px;
}
#content form fieldset textarea {
  box-sizing: border-box;
  margin-bottom: 28px;
  width: 100%;
}
#content button[type="submit"] {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 35px 5px 40px;
  text-align: center;
  width: auto;
}
.g-recaptcha {
  margin-top: 21px;
}

/* Otagos contribution */

.OTAGO728240 #content {
  max-width: 882px;
}
.OTAGO728240 #content {

}

/* Grids */

#content.otgx {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.introduction {
  width: 100%;
}
.grid-third {
  width: 29.8%;
  margin-right: 5.3%;
  -webkit-box-shadow: 0 5px 14px #f1f1f1;
  box-shadow: 0 5px 14px #f1f1f1;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  will-change: transform;
}
.OTAGO114131 .grid-third:nth-of-type(3n+1) {
  margin-right: 0;
}
.grid-third:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 14px #f1f1f1;
  box-shadow: 0 10px 14px #f1f1f1;
}
#content .grid-third h3 {
  margin: 7px 14px 7px 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.25;
}
#content .grid-third h3:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 7px;
}
#content .grid-third p {
  margin: 0 14px 14px 14px;
  color: #888888;
}
#content .grid-third p:nth-of-type(1) {
  margin: 0;
}
#content .grid-third a {
  border-bottom: none;
  display: block;
}
#content .grid-third img {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 2px 2px 0 0;
}

#content blockquote.pulledquote {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 10px 20px #f1f1f1;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  margin: 7px 0 35px 23px;
  padding: 14px 14px 21px 21px;
  position: relative;
  width: 232px;
}
#content blockquote.pulledquote:after {
  background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
  bottom: -14px;
  content: '';
  display: block;
  height: 20px;
  left: 14px;
  position: absolute;
  width: 20px;
}
#content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 24px;
}

/* SDG icons */

#content .sdg-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 49px;
}
#content .sdg-no-poverty {
  background: url(gfx/icons/goal-01.png) no-repeat 0 0 #e5243b;
  background-size: contain;
}
#content .sdg-zero-hunger {
  background: url(gfx/icons/goal-02.png) no-repeat 0 0 #dda83a;
  background-size: contain;
}
#content .sdg-good-health {
  background: url(gfx/icons/goal-03.png) no-repeat 0 0 #4c9f38;
  background-size: contain;
}
#content .sdg-quality-education {
  background: url(gfx/icons/goal-04.png) no-repeat 0 0 #c52333;
  background-size: contain;
}
#content .sdg-gender-equality {
  background: url(gfx/icons/goal-05.png) no-repeat 0 0 #ff3a21;
  background-size: contain;
}
#content .sdg-clean-water {
  background: url(gfx/icons/goal-06.png) no-repeat 0 0 #26bde2;
  background-size: contain;
}
#content .sdg-clean-energy {
  background: url(gfx/icons/goal-07.png) no-repeat 0 0 #fcc30b;
  background-size: contain;
}
#content .sdg-decent-work {
  background: url(gfx/icons/goal-08.png) no-repeat 0 0 #a21942;
  background-size: contain;
}
#content .sdg-industry-innovation {
  background: url(gfx/icons/goal-09.png) no-repeat 0 0 #fd6925;
  background-size: contain;
}
#content .sdg-reduce-inequalities {
  background: url(gfx/icons/goal-10.png) no-repeat 0 0 #dd1367;
  background-size: contain;
}
#content .sdg-sustainable-cities {
  background: url(gfx/icons/goal-11.png) no-repeat 0 0 #fd9d24;
  background-size: contain;
}
#content .sdg-responsible-consumption {
  background: url(gfx/icons/goal-12.png) no-repeat 0 0 #bf8b2e;
  background-size: contain;
}
#content .sdg-climate-action {
  background: url(gfx/icons/goal-13.png) no-repeat 0 0 #3f7e44;
  background-size: contain;
}
#content .sdg-below-water {
  background: url(gfx/icons/goal-14.png) no-repeat 0 0 #0a97d9;
  background-size: contain;
}
#content .sdg-on-land {
  background: url(gfx/icons/goal-15.png) no-repeat 0 0 #56c02b;
  background-size: contain;
}
#content .sdg-peace-justice {
  background: url(gfx/icons/goal-16.png) no-repeat 0 0 #00689d;
  background-size: contain;
}
#content .sdg-partnerships {
  background: url(gfx/icons/goal-17.png) no-repeat 0 0 #19486a;
  background-size: contain;
}
#content .sdg-container div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-preferred-size: 21.2%;
  flex-basis: 21%;
  margin-bottom: 28px;
  margin-right: 5.3%;
  text-indent: -9999px;
  transition: all 0.3s ease-out;
}
#content .sdg-container div:nth-of-type(4n) {
  margin-right: 0;
}
.OTAGO728240 #content div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: right;
  float: right;
  height: 186px;
  margin-bottom: 28px;
  margin-left: 21px;
  text-indent: -9999px;
  transition: all 0.3s ease-out;
  width: 186px;
}
#content .sdg-container div p,
.OTAGO728240 #content div p {
  margin: 0;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
#content .sdg-container div:hover,
.OTAGO728240 #content div:hover {
  background-image: none;
}
#content .sdg-container div:hover p,
.OTAGO728240 #content div:hover p {
  opacity: 1;
}
#content .sdg-container div:hover span,
.OTAGO728240 #content  div:hover span {
  color: #ffffff;
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin-top: -21px;
  padding: 14px;
  text-indent: 0;
}
#content .sdg-container div a,
.OTAGO728240 #content div a {
  border-bottom: none;
  display: block;
  height: 200px;
}


/*  FRONTPAGE  */

body.frontpage #title h1.notopimage {
  max-width: 100%;
}
body.frontpage #box1 {
    margin-bottom: 28px;
}
body.frontpage #right {
    padding-left: 0;
    margin-left: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 232px);
    max-width: 100%;
}
body.frontpage .grid-third:nth-of-type(3n+1) {
  margin-right: 0;
}
#content .grid-third.award {
  background: #f8f8f8;
  border: 1px solid #dddddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 63px;
  padding: 0 35px 14px 35px;
  text-align: center;
}
#content .grid-third.award img {
  border: 5px solid #eeeeee;
  border-radius: 50%;
  max-width: 70%;
  margin-bottom: 0;
  margin-top: 21px;
}
#content .grid-third.award p {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 21px;
  line-height: 1.3;
  text-align: center;
}
#content .grid-third.award:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  transform: none;
}

/* News */
body.OTAGO114127 #content #box2,
body.OTAGO114127 #content #box3 {
  width: 100%
}


/*--------------------------------------------------------------------------------

Media queries */


@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #title h1,
    body.frontpage #title h1 {
      background-image: url(gfx/title-2021@2x.png);
      background-size: 275px;
    }
}


/* Breakpoint media query: 701-1160px */

/* @media only screen and (max-width: 1730px) {
  #wrapper {
    background-position: -750px 0;
  }
} */



@media only screen and (max-width: 1280px) {
  #wrapper {
    background-position: -200px 0;
  }
}



@media only screen and (min-width: 701px) and (max-width: 1160px) {
  #contentwrapper, .topnavinner, .titleinner, footer.wrapper, div.footer_wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contentwrapper, .topnavinner, footer.wrapper, div.footer_wrapper {
    max-width: 1114px;
  }
  ul#breadcrumbs {
    width: 100%;
    max-width: 70%;
    overflow: hidden;
    margin-left: 0;
    padding-left: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contentwrapper {
    margin: 0;
    padding: 0;
    width: 98%;
  }
  #globalsearch {
    max-width: 232px;
    width: 100%;
  }
  div#nav_holder {
    max-width: 100%;
    width: 100%;
  }
  .titleinner {
    max-width: 100%;
    padding-left: 232px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  div#nav_wrapper {
    left: 23px;
  }
  #content {
    width: 100%;
    padding: 12px 0px 46px 252px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 253px;
    margin-left: 0;
  }
  body.frontpage #content, #content.otgx {
    max-width: 100%;
  }
  body.frontpage #content h2, body.frontpage #content h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  body.frontpage #title h1.notopimage {
    max-width: 94%;
  }
  body.n4261 #content .sdg-container div {
    height: 170px;
    margin-bottom: 35px;
  }
  /* Otagos contribution */

  .OTAGO728240 #content {
    max-width: 97%;
  }
  .OTAGO728240 #right {
    padding-left: 46px;
  }
}

/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #wrapper {
    background-position: -250px 0;
  }
  #title h1.notopimage,
  body.frontpage #title h1.notopimage {
      max-width: 100%;
      padding-right: 0;
    }
    #contentwrapper {
      width: 879px;
    }
    #features {
      width: 650px;
    }
    body.frontpage #title h1.notopimage {
      max-width: 94%;
    }
    body.n4261 #content .sdg-container div {
      height: 135px;
    }
  .OTAGO728240 #right {
    padding-left: 252px;
    width: 100%;
  }
}




@media only screen and (max-width: 850px) {
  ul#breadcrumbs {
    display: none;
  }
}




@media only screen and (max-width: 768px) {
  #wrapper
  body.frontpage #wrapper {
    background-position: -500px 0;
    background-size: 1500px;
  }
  body.frontpage #title h1 {
    width: auto;
  }
  #title h1.notopimage,
  body.frontpage #title h1.notopimage {
    background-position: 0 30px;
    background-size: 220px;
    max-width: 97%;
    padding-right: 0;
    padding-top: 400px;
  }
  body.frontpage {
    background: none;
  }
  #content {
    background-size: 420px;
  }
  body.frontpage #content {
    padding-top: 0;
  }
  body {
    background: none;
  }
  .topnavinner {
    max-width: 98%;
  }
  #globalsearch form input.searchinput {
    width: 80%;
  }
  #wrapper {
    background-position: -460px 0;
    background-size: 1500px;
    width: 100%;
  }
  #title h1 {
    padding-right: 0;
  }
  body.frontpage #title h1 {
    padding-right: 0;
  }
  #right {
    border-bottom: none;
  }
  #features .events {
    width: 418px;
    margin-left: 232px;
    border-left: none;
  }
  #features .events article {
    margin-top: 14px;
  }
  #features .events article:first-child {
    margin-top: 14px;
  }
  #right .relatedinfo, #right .rightwidget {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 14px;
  }
  #right .relatedinfo ul li {
    width: auto;
    float: none;
  }
  #right form, #right fieldset, #right .search {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
  }
  div#nav_holder {
    max-width: 100%;
    width: 100%;
  }
}



@media only screen and (min-width: 701px) and (max-width: 768px) {
  div#nav_holder {
    left: 0;
  }
  body.n4261 #content .sdg-container div {
    height: 105px;
  }
  .OTAGO728240 #right {
    padding-left: 252px;
    width: 100%;
  }
  #right {
    border-top: 0;
  }
}



/* Mobile styles*/

@media only screen and (max-width: 700px) {
  body,
  body.frontpage {
    background: none;
  }
  div#nav_holder {
		max-width: 300px;
	}
  #wrapper,
  body.frontpage #wrapper {
    background-repeat: repeat-x;
    background-position: -500px 0;
    background-size: 1200px;
    width: 100%;
  }
  body.frontpage #content {
    background: none;
  }
  #title h1.notopimage,
  body.frontpage #title h1.notopimage {
    background-size: 180px;
    font-size: 45px;
    margin-left: 0;
    padding-top: 300px;
    width: 100%;
  }
  .titleinner {
    width: 92%;
  }
  .titleinner h1 {
    min-width: 186px !important;
    max-width: 100% !important;
  }
  #title p.heading-translation {
    font-size: 28px;
    margin-top: -17px;
    padding-left: 0;
  }
  #content,
  #content.otgx {
    max-width: 97%;
  }
  #content .grid-third img {
   float: none;
   margin-left: 0;
   max-width: 100%;
  }
  #features .events {
    margin-left: 0px;
    padding: 0;
    width: 97%;
  }
  #features .events article {
    margin-right: 5%;
    width: 47.5%;
  }
  #features .events article:nth-of-type(2n) {
    margin-right: 0;
  }
  body.frontpage .grid-third.award {
    padding: 7px 7px 7px 7px;
  }
  body.frontpage #content .grid-third.award p {
    line-height: 1.3;
  }
  body.n4261 #content .sdg-container div {
    height: 110px;
  }
  #right {
    border-top: 0;
  }
  .OTAGO728240 #content {
    width: 97%;
  }
  #content .sdg-container div {
    flex-basis: 47%;
  }
  #content .sdg-container div:nth-of-type(2) {
    margin-right: 0;
  }
  #content blockquote.pulledquote {
    float: none;
    margin-bottom: 35px;
    margin-left: 0;
    margin-top: 28px;
    width: 100%;
  }
}



@media only screen and (max-width: 560px) {
  body.n4261 #content .sdg-container div {
    background-size: contain;
    flex-basis: 47.5%;
    height: 200px;
  }
  .OTAGO719773 #content .green-your-scene-intro {
    background-position: center 20px;
    background-size: 170px;
    padding-right: 14px;
    padding-top: 200px;
  }
  .OTAGO719773 #content .grid-container div {
    margin-right: 5%;
    margin-bottom: 21px;
    width: 47%;
  }
  .OTAGO719773 #content .grid-container div:nth-of-type(2n) {
    margin-right: 0;
  }
  #content .grid-third.award {
    padding: 0 0 14px 0;
  }
}



@media only screen and (max-width: 450px) {
  #title h1.notopimage {
    font-size: 50px;
  }
  #content blockquote.pulledquote {
    background-size: cover;
    box-sizing: border-box;
    padding-bottom: 42px;
    width: 100%;
  }
  #wrapper,
  body.frontpage #wrapper {
    background-position: -250px 0;
    background-size: 800px;
  }
  #title h1.notopimage,
  body.frontpage #title h1.notopimage {
    padding-top: 180px;
  }
  body.frontpage #content .grid-third {
    margin-right: 0;
    width: 100%;
  }
  body.frontpage #content .grid-third.award {
    margin-right: 5.3%;
    padding: 0;
    width: 29.8%;
  }
  body.frontpage #content .grid-third.award:nth-of-type(3n+1) {
    margin-right: 0;
  }
  body.n4261 #content .sdg-container div {
    height: 150px;
  }
  #title p.heading-translation {
        font-size: 17px;
    }
}

@media only screen and (max-width: 375px) {
    #title h1.notopimage,
  body.frontpage #title h1.notopimage {
    font-size: 35px;
    margin-bottom: 17px;
  }
  body.frontpage #content h2.intro-text {
    font-size: 30px;
  }
}