/*! 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: '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; }

/*********

MEDIA, FILM & COMMUNICATION SUBSITE CSS

*********/

body {
	background: url(gfx/background-inside.png) 0 0 repeat-x;
}
#wrapper {
	background: url(gfx/mfco-insidepage.jpg) center 0px no-repeat;
}
#title {
	background-image: none;
	z-index: 0;
}
.titleinner {
	margin-top: 0px;

}
#title h1 {
	background: url(gfx/title.png) 23px 34px no-repeat;
	background-size: 220px;
	color: #420943;
	font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
  font-size: 68px;
  font-variant-ligatures: normal;
  font-weight: normal;
  letter-spacing: -0.01em;
  line-height: 1.05;
	margin-top: 14px;
	opacity: 1;
	padding-bottom: 21px;
	padding-top: 205px;
	position: static;
	text-rendering: optimizeLegibility;
}
#contentwrapper {
    position: relative;
}
#content h1 {
	display: none;
}
#title img {
	display: none;
}
#content h2 {
  border: 0;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 35px;
  padding-bottom: 7px;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul,
#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,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
#content h3 {
  font-family: 'Minion Pro', Minion, Times New Roman, serif;
}
#right {
	background: none;
	margin-top: 12px;
	min-height: 270px;
}
#map_canvas {
    width: 100%;
    height: 300px;
}
ul#social_media {
    height: 257px;
}

/* Frontpage styles **************/

body.OTAGO021138 {
	background: url(gfx/background-inside.png) 0 0 repeat-x;
}
body.OTAGO021138 #wrapper {
    background: url(gfx/mfco-insidepage.jpg) center 0px no-repeat;
}
body.OTAGO021138 .titleinner {
	padding-top: 150px;
	background: url(gfx/title-updated.png) 214px 23px no-repeat;
}
body.OTAGO021138 #title .titleinner h1 {
	color: #420943;
	text-indent: -9999px;
}
body.OTAGO021138  #title h1.notopimage {
	max-width: 860px;
}
body.OTAGO021138 #content {
	padding-top: 0;
}
body.OTAGO021138 #content h1 {
	border-bottom: 1px solid #e4e4e4;
	font-size: 36px;
	padding-bottom: 21px;
	color: #420943;
	line-height: 1.1;
}
body.OTAGO021138 #content p.quotemark {
	margin-top: 28px;
	color: #555555;
	padding-left: 28px;
	padding-bottom: 21px;
	font-size: 16px;
	background-image: url(gfx/quotemarks.png);
	background-repeat: no-repeat;
	font-weight: 100;
}
body.OTAGO021138 #content .grid2 h2 {
	border-bottom: none;
	font-size: 22px;
	margin-bottom: 17px;
}
body.OTAGO021138 #content h2.intro {
	font-family: 'Minion Pro', Georgia, serif;
	font-size: 1.8em;
	line-height: 1.4;
	color: #600;
	font-style: italic;
	margin-top: 0;
	border: none;
}
body.OTAGO021138 #content .grid2 h3 {
	border-bottom: 1px solid #e4e4e4;
	padding: 21px 0 7px 0;
	color: #600;
}
body.OTAGO021138 .feature-container {
	background-color: #f3f3f3;
	margin-bottom: 28px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 0px 14px 5px #e4e4e4; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: inset 0px 0px 14px 5px #e4e4e4; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	margin: 10px 0 0 0%;
}
body.OTAGO021138 .feature-container-image {
	width: 100%;
    background-color: #555555;
    height: auto;
	line-height: 0;
}
body.OTAGO021138 .feature-container-image p#vm4zfncx {
	color: #fff;
	padding: 10px;
}
body.OTAGO021138 .feature-container-image p#vm4zfncx img{
	margin: 22px 0 0 0;
	padding: 0;
	border: none;
}
body.OTAGO021138 #content .feature-container-text h2 {
	margin: 7px 0 0 7px;
	border: none;
	color: #555555;
	font-family: 'Minion Pro', Georgia, Times, serif;
}
body.OTAGO021138 #content .feature-container-text h6 {
	font-size: 12px;
	margin: -3px 0 7px 7px;;
}
body.OTAGO021138 .feature-container-text p {
	margin: 14px 23px 0 23px;
}
body.OTAGO021138 #right {
	background-image: none;
	position: absolute;
	left: 0;
	top: 650px;
}
body.OTAGO021138 #features h2 {
	font-size: 22px;
	color: #333;
}
body.frontpage #content img {
	max-width: 100%;
	box-sizing: border-box;
}
body.frontpage #content .grid1 a {
	border-bottom: none;
}
body.frontpage #content.otgx article h3 {
	margin-bottom: 3px;
}
body.frontpage #content.otgx article p.smalltag {
	margin-bottom: 21px;
}

/*===============

Frontpage update

================*/

body.frontpage #content.otgx {
	box-sizing: border-box;
	width: 100%;
}
body.frontpage  #title h1.notopimage {
	font-size:49px;
	max-width: 882px;
}
body.frontpage #content.otgx .grid1:nth-of-type(4n+1) {
	margin-right: 0;
}
body.frontpage #content.otgx .grid1 p {
	margin-bottom: 7px;
}
body.frontpage #content.otgx .grid1 p img {
	margin: 0;
}
body.frontpage #content.otgx h2 {
	font-size: 26px;
	line-height: 1.35;
	font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
}
body.frontpage #content.otgx h3 {
	font-size: 16px;
	line-height: 1.4;
    margin-bottom: 14px;
}
body.frontpage #content.otgx .articletext h3 {
	font-size: 15px;
}
body.frontpage #content.otgx .grid1 h2 {
	color: #420943;
	margin-bottom: 7px;
}
body.frontpage #slides .otagoprofile {
	margin-top: 0px;
}
body.frontpage #content.otgx #slides .otagoprofile p {
	margin-bottom: 14px;
}
body.frontpage #slides .otagoprofile a:nth-child(1) {
	border: none;
	max-height: 116px;
}
body.frontpage #slides .otagoprofile a img {
	box-sizing: border-box;
	max-width: 186px;
}
body.frontpage #right {
  display: none;
}


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

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@2x.png);
      background-size: 200px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1160px) {
	#contentwrapper {
		padding-left: 0;
		padding-right: 0;
	}
	footer.wrapper,
	div.footer_wrapper,
	#topnav,
	.topnavinner,
	div#nav_holder  {
		box-sizing: border-box;
		max-width: 100%;
	}
	.titleinner {
		max-width: 79.8%;
		overflow: hidden;
		position: relative;
	}
	#title h1 {
		box-sizing: border-box;
	}
}




/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#title h1.notopimage {
		max-width: 418px;
	}
	body.OTAGO021138 #content {
		width: 650px;
	}
	body.OTAGO021138 #content .grid4 .grid_third {
		width: 200px;
		margin-right: 23px;
	}
	body.OTAGO021138 .feature-container-image{
		overflow: hidden;
	}
	body.OTAGO021138 .feature-container-image img {
		overflow: hidden;
	}
	body.OTAGO021138 #content .grid2 {
		width: 302px
	}
	body.OTAGO021138 #content .grid2.last {
		margin-top: 0;
	}
	#features {
		width: 650px;
	}
	body.OTAGO021138 .feature-container-image {
		height: inherit;
		line-height: 0;
	}
	#right {
		min-height: 0;
	}
	/*
	Frontpage update
	*/
	body.frontpage #content.otgx .grid1 h2 {
		font-size: 19px;
	}
	body.frontpage #content.otgx .grid1,
	body.frontpage #slides .otagoprofile div {
		width: 145px;
		margin-right: 23px;
	}
	body.frontpage #slides .otagoprofile a {
	}
	body.frontpage #content.otgx .grid1 p img,
	body.frontpage #slides .otagoprofile a img {
		max-width: 96.5%;
	}
	body.frontpage #content.otgx #slides .otagoprofile p {
		margin-bottom: 7px;
	}
}


/* iPad portrait */

@media only screen and (max-width: 768px) {
	body.OTAGO021138 #content h1 {
		font-size: 26px;
		padding-bottom: 21px;
		margin-bottom: 14px;
	}
	body.OTAGO021138 #content .grid4 .grid_third {
		width: 418px;
	}
	#content h4 {
		margin-bottom: 21px;
	}
	body.OTAGO021138 #content p.quotemark {
		margin-top: 7px;
		padding-left: 28px;
		padding-bottom: 7px;
	}
	body.OTAGO021138 #content h2.intro {
		width: 100%;
	}
	body.OTAGO021138 .feature-container {
		width: 100%;
		margin: 0;
	}
	body.OTAGO021138 .feature-container-image{
		overflow: hidden;
		width: 100%;
		line-height: 0;
		height: auto;
	}
	body.OTAGO021138 .feature-container-image img {
		margin-left: -120px;
	}
	body.OTAGO021138 #content .feature-container-text {
		width: 100%;
	}
	body.OTAGO021138 #content .feature-container-text p {
		margin: 0px 14px 0 14px;
		padding-bottom: 0;
		font-size: 13px;
	}
	body.OTAGO021138 #content .feature-container-text h2 {
		margin: 7px 14px 0 14px;
	}

	body.OTAGO021138 #content .feature-container-text h6 {
		padding: 0 0 14px 14px;
	}
	body.OTAGO021138 #content .grid2 {
		margin-top: 14px;
	}
	body.OTAGO021138 #content .grid2.last {
		margin-top: 0;
	}
	#right {
		min-height: inherit;
		border-top: none;
	}
	#features {
		padding-left: 232px;
	}
	.news article .articletext {
		width: auto;
		float: none;
	}
	#slides .otagoprofile div:nth-of-type(3n) {
		clear: left;
	}
    /*
	Frontpage update
	*/
	body.frontpage #content.otgx .grid1 h2 {
		font-size: 25px;
	}
	body.frontpage #content.otgx .grid1:nth-of-type(2n) {
		clear: left;
	}
	body.frontpage #content.otgx .grid1:nth-of-type(2n+1) {
		margin-right: 0;
	}
}


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

@media only screen and (max-width: 700px) {
	.titleinner {
		width: 92%;
	}
	#title h1 {
		font-size: 45px;
		padding-top: 190px;
		background-position: 0 20px;
	}
	body.OTAGO021138 {
		background: url(gfx/background-inside.png) 0 0 repeat-x;
	}
	body.OTAGO021138 #wrapper {
		background: url(gfx/mfco-insidepage.jpg) center 0px no-repeat;
	}
	body.OTAGO021138 #content h2.intro {
		font-size: 1.5em;
	}
	body.OTAGO021138 .feature-container-image {
		height: auto;
		line-height: 0;
		width: 100%;
	}
	body.OTAGO021138 .feature-container-text {
		width: 100%;
		margin-top: 0;
	}
	body.OTAGO021138 #content .feature-container-text h6 {
		padding: 0 0 14px 14px;
	}
	body.OTAGO021138 #content .feature-container-text h2 {
		margin: 7px 14px 0;
	}
	body.OTAGO021138 #content .grid2 {
		float: left;
	}
	body.OTAGO021138 #right {
		background-image: none;
		position: relative;
		left: -928px;
		margin-top: -300px;
	}
	#features {
		padding-left: 0;
  }

	/* Frontpage update	*/

	body.frontpage #content.otgx {
		width: 97%;
	}
	body.frontpage #title h1.notopimage {
		font-size: 36px;
		line-height: 1.2;
	}
	body.frontpage #content.otgx .grid1 {
		width: 47.5%;
		margin-right: 5%
	}
	body.frontpage #content.otgx .grid1 img {
		width: 97%;
		max-width: 100%;
		float: none;
	}
	body.frontpage #slides .otagoprofile a:nth-child(1) {
		max-height: 300px;
	}
	body.frontpage #content.otgx #slides .otagoprofile p {
		margin-bottom: 7px;
	}
	body.frontpage #right {
		margin-top: 0;
		width: 97%;
	}
	body.frontpage #right #pagemetadata {
        width: 97%;
		float: none;
	}
}