/*! 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; }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSans-Light-Italic'), url(/_assets/_fonts/opensans/opensans-lightitalic.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-lightitalic.woff) format('woff'); font-display: swap; }

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

Botany CSS

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

body {
	background: url(gfx/background-2021.jpg) center top repeat-x;
}
#wrapper {
	background: url(gfx/banner-2021.jpg) right -0px no-repeat;
}
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;
}
.heading-translation {
  color: #888888;
  font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 35px;
  margin-top: -7px;
  padding-left: 21px;
}
#title h1 {
  background: url(gfx/title-2021.png) 10px 110px no-repeat;
  color: #8da58d;
/*   color: #abc7c3; */
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin-bottom: 28px;
  margin-top: 3px;
  padding: 400px 0px 0px 23px;
  position: static;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
#title h1 {
	opacity: 1;
}
#content p,
#content ul,
#content li,
#content ol,
#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 table td,
#content table td p,
#right p
{
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
/* 	color: #416EBF; */
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#right h3 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
	color: #8da58d;
	margin-bottom: 10px;
}
#content h2 {
  border-bottom: none;
  color: #b89467;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
#content h3 {
  color: #8da58d;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 24px;
/*   letter-spacing: 0.01em; */
  line-height: 1.45;
  margin-top: 21px;
}
#content h4 {
  color: #b89467;
  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; 
}
body.OTAGO035775 #content h3 {
  color: #898c5d;
  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; 
}
body.OTAGO035775 h3 {
    border-top: 3px dotted #dddddd;
    padding-top: 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;
}
/* #right ul li {
	margin-left: 13px;
{ */
#content table th {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
	color: #8da58d;
}
#content table th {
    background: #f7f7f7;
}
#content table caption {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 22px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #8da58d;
}
#content.otgx {
	width: 418px;
}
#content table.padded-table td {
	padding-top: 14px;
	padding-bottom: 14px;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
#content p img,
#content p.fullwidthimage img {
	border: none;
}
#content .grid1 p img {
	margin-left: 0;
	max-width: 181px;
}
#content h2 {
	margin-top: 28px;
  text-rendering: optimizeLegibility;
}
#content img {
	max-width: 100%;
}
#right {
	background: none;
}
#content,
#title h1.notopimage {
  max-width: 882px;
  position: relative;
  width: 100%;
}
/* #right:not(body.OTAGO035774) {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 232px;
    width: 100%;
} */
#right {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 232px;
    width: 100%;
}
#right .rightcontentwysiwyg {
    background-color: #f2f2f2;
    padding: 20px 20px 20px 30px;
    border-radius: 5px;
}
#right h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
    text-transform: none;
}
body.OTAGO046637 #content p img,
body.OTAGO035765 #content p img {
	float: none;
}

/* Herbarium */

#content.otgx {
	width: 882px;
}
#content table.padded-table th {
	font-size: 13px;
	background-color: #f9f9f9;
	padding-top: 14px;
}
#content table.padded-table th:nth-of-type(2) {
	width: 8%;
}
#content table.padded-table td {
	padding-top: 14px;
	padding-bottom: 14px;
}
#content table.padded-table td p {
	margin-bottom: 0;
}
#content table.padded-table td a {
	border-bottom: none;
}
#content table.padded-table td img {
	max-width: 40px;
}
body.OTAGO035769 #content h3 {
	margin-top: -10px;
	margin-bottom: -15px;
}

/* Publications */

body.OTAGO035774 #content.otgx {
	
	width: 100%;
}
body.OTAGO035774 #content form#filterbox {
	background: #f7f7f7;
	border: 1px solid #e4e4e4;
	padding: 5%;
	box-sizing: border-box;
	overflow: hidden;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.OTAGO035774 #content #filterbox label {
	clear: both;
	display: block;
	width: 100%;
	font-size: 13px;
}
body.OTAGO035774 #content #filterbox label:first-of-type {
	margin: 10px 0 2px 0;
}
body.OTAGO035774 #content #filterbox select {
	margin: 5px 0px 11px 0px;
	width: 100%;
}
body.OTAGO035774 #right button {
  width: 100%;
	margin-top: 20px;
	margin-bottom: 7px;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;;
	background: #416ebf;
	color: #fff;
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
	display: inline-block;
	cursor: pointer;
	font-size: 13px;
	transition: all 0.2s ease-in;
}
body.OTAGO035774 #right button:hover {
	background: #365fa9;
}
#content p.publication {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content p.publication em {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 600;
	color: grey;
	letter-spacing: 0.01em;
}



/* FRONTPAGE STYLES ***********/


body.OTAGO035737 #content h3 {
	font-size: 18px;
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	line-height: 1.3;
}
body.OTAGO035737 #content .grid4 .grid1 {
	margin-top: 28px;
}
body.OTAGO035737 #content .grid4 .grid1:nth-of-type(4n+1) {
	margin-right: 0;
}
body.OTAGO035737 #content .grid1 p {
	margin-bottom: 7px;
}
body.OTAGO035737 #content .grid1 p:nth-of-type(1) {
	margin-bottom: 0px;
}
body.OTAGO035737 #content .grid1 p a {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 15px;
}
body.OTAGO035737 #content .grid1 p img {
	margin-bottom: 0;
}
body.frontpage .feature-box {
	padding: 14px;
	margin-bottom: 28px;
	background: #F1F4F8;
	border: 1px solid #d6dde7;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
}
body.frontpage #content .feature-box p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.3;
}
body.OTAGO035737 #right {
	float: none;
	background-image: none;
	clear: both;
	margin-left: 0;
	padding-left: 0;
}
body.OTAGO035737 #content .tile-box-shadow-container {
	padding-top: 20px;
}
body #content ul.pagesubnav a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body #content ul.pagesubnav {
	border: none;
}
body.OTAGO035737 #content .tile-box-shadow-thumbnail-description h2  {
      border-bottom: none;
      color: var(--second-color);
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 26px;
}
#content .tile-box-shadow-thumbnail-no-description:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px);
   transition: all 0.3s ease-out;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    color: #589dba;
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content .tile-box-shadow-thumbnail-no-description {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
    color: #8da58d;
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}

/* Frontpage video */

body.OTAGO035737 #content .video-container {
    background: #00508F;
    border-top: 21px solid #f9c000;
    border-radius: 3px;
    margin-bottom: 49px;
    padding: 14px 14px 40px 14px;
}
body.OTAGO035737 #content .video-container h2{
    border: 0;
    color: #ffffff;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 14px;
    padding-top: 0;
}
body.OTAGO035737 #content .video-container h2 strong {
    color: #f9c000;
}
body.OTAGO035737 #content .video-container h3,
body.OTAGO035737 #content .video-container p {
    color: #ffffff;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-bottom: 14px;
}
body.OTAGO035737 #content .video-container p:first-of-type {
    color: #f9c000;
}
body.OTAGO035737 #content .video-container p:last-of-type {
    margin-bottom: 42px;
}
body.OTAGO035737 #content .video-box {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
body.OTAGO035737 #content .video-box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


@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: 183px;
    }
}


/* MEDIA QUERIES ************/


/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body.OTAGO035737 #content .grid1 {
		width: 145px;
		margin-right: 23px;
	}
	body.OTAGO035737 #content .grid2 {
		margin-right: 23px;
		width: 313px;
	}
	body.OTAGO035737 #content .grid1 img {
		max-width: 139px;
	}
    #content.otgx {
		width: 650px;
	}
    #content table.padded-table td {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
    }
    /* Publications */
    body.OTAGO035774 #content.otgx {
        max-width: 418px;
    }
}

@media only screen and (max-width: 768px) {
/* 	#wrapper {
		background: url(gfx/frontpage-banner.jpg) -100px 0px no-repeat;
		background: url(gfx/frontpage-banner.jpg) -100px 0px no-repeat;
	} */
	#title h1 {
		padding-right: 0;
	}
	#title h1.notopimage {
		max-width: 100%;
	}
	body.OTAGO035737 #content .grid1 {
		width: 100%;
	}
	body.OTAGO035737 #content .grid1 img {
		float: left;
		margin-right: 21px;
		margin-bottom: 28px;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-left: 232px;
		width: 418px;
	}
    /* Publications */
    body.OTAGO035774 #content.otgx {
        max-width: 418px;
    }
}

/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
	body {
		background: none;
	}
	#title h1,
	body.frontpage #title h1 {
		  padding: 210px 0 0 0;
/*       background: url(gfx/title.png) -10px 40px no-repeat; */
		  background-position: 0px 30px;
      background-size: 125px;
      font-size: 36px;
	}
	body.frontpage #content {
  		max-width: 97%
	}
  	#wrapper {
    	background-size: 805px;
		background-position: -100px 25px;
	}
	body.n995 #content table {
		display: table;
	}
	#content h2 img[align="left"],
	#content h3 img[align="left"],
	#content h4 img[align="left"],
	#content h5 img[align="left"],
	#content h6 img[align="left"],
	#content li img[align="left"],
	#content p img[align="left"] {
		margin: 0px 0px 14px 14px;
	}
	#content iframe {
		width: 100% !important;
	}
	#right {
    	margin-left: 0px;
    	padding-top: 14px;
    	width: 97%;
        padding-left: 0px;
	}
	body.OTAGO035737 #content .grid4 .grid1 {
	    margin-top: 14px;
	}
	body.OTAGO035737 #content .grid1 {
		border-bottom: 1px solid #e4e4e4;
		padding-bottom: 7px;
	}
	body.OTAGO035737 #content .grid1:last-of-type {
		border-bottom: none;
	}
	body.OTAGO035737 #content .grid1 p img {
		float: right;
		max-width: 30%;
		margin: 0 0 7px 5%;
	}
	body.OTAGO035737 #content h3 {
		text-align: left;
		font-size: 18px;
	}
  	#content {
		width: 97%;
	}
	body.OTAGO035737 #right {
		border-top: none;
	}
	body.OTAGO035737 #content .tile-box-shadow-thumbnail-description p a {
		line-height: 1.8em;
	}
    /* Publications */
    body.OTAGO035774 #content.otgx {
        max-width: 97%;
    }
	body.frontpage #content {
        max-width: 97%
    }
    #content img {
        min-width: 150px;
    }
}
@media only screen and (max-width: 415px) {
        body.frontpage #content .tile-box-shadow-thumbnail-no-description{
        margin-bottom: 30px;    
    }
}
    
    
@media only screen and (max-width: 375px) {
		#wrapper {
		background-position: -130px 25px;
        background-size: 750px
	}
    #title h1,
	body.frontpage #title h1 {
		background-position: 0px 30px;
        padding: 200px 0 0 0;
        margin-bottom: 15px;
	}
    body.frontpage #title h1{
        font-size: 33px;    
        } 
}