/************************************************************
	FRONTPAGE
************************************************************/

body.frontpage { margin-bottom: 35px; }
#wrapper:before {
	background: #00508F url(/_assets/_gfx/crest-line.svg) no-repeat right 0;
	background-size: 850px;
	content: '';
	display: block;
/*! height: 1870px; */
	height: 1690px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -999;
}
#contentwrapper { padding: 0px 0px 14px 0px; width: 1042px; }
#contentwrapper a { color: #416EBF; text-decoration: none; -webkit-transition: color .35s; transition: color .35s; }
#contentwrapper a:hover { color: #163669; }

#right { display: none; }


/************************************************************
	Navigation
************************************************************/
/* Update nav tail to be shorter on frontpage */

body.frontpage #localnav p { height: 0; overflow: hidden; }
body.frontpage nav#global_nav {
    background: transparent url("/_assets/_gfx/sprite-nav.png") repeat-y scroll -378px 0px;
    padding: 13px 18px 0px 18px;
}
body.frontpage div.global_nav_footer {
    background: transparent url("/_assets/_gfx/sprite-nav.png") no-repeat scroll -170px bottom;
    height: 36px;
    padding: 48px 18px 0px;
    bottom: -84px;
}
body.frontpage #global_nav_sub {
	border-bottom: none;
}
@keyframes fadein {
    0% { opacity: 0; transform: translateY(-14px); }
    100% { opacity: 1; transform: translateY(0px); }
}
body.frontpage #global_nav_sub ul.secondary_global_nav li a { background-color: #133569; }


/************************************************************
	BREADCRUMB
************************************************************/

.breadcrumb_welcome {
	display: none;
}


/************************************************************
	NAVIGATION
************************************************************/

/*body.lockmenu #global_nav_sub {
	display: none;
}*/
div#nav_holder {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 0;
  width: 100%;
}

#global_nav_sub ul {
	margin-bottom: 0;
}
#global_nav_sub ul li a, #global_nav_sub_home ul li a,
#global_nav_sub ul.secondary_global_nav li a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px !important;
	font-weight: 400;
	padding: 7px 0;
}
#global_nav_sub ul li a {
	font-weight: 700;
}

/************************************************************
	Call to action video overlay
************************************************************/

.call_to_action {
  -webkit-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
  box-sizing: border-box;
	margin: 42px 14px 63px 14px;
	padding: 0;
	position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	z-index: 99;
}
.call_to_action h1,
.call_to_action h2 {
  color: #ffffff;
	font-size: 46px;
	font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 700;
	line-height: 1.15;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
  max-width: 650px;
  text-align: center;
	text-rendering: optimizeLegibility;
}
.call_to_action h1 span,
.call_to_action h2 span {
	color: #f9c000;
}
.call_to_action .call-to-action-message p.smalltag {
  color: #ffffff;
	font-family: 'Amsi Pro condlight', Helvetica, Arial;
  font-size: 26px;
	font-style: normal;
	margin-top: 0;
	text-align: center;
}
.call-to-action-message a {
	background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat 0 center;
	margin-left: 14px;
	padding-left: 14px;
}
.call_to_action p {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
	margin-top: 14px;
  text-align: center;
}
.call_to_action .call-to-action-message p { text-align: left; }
.call_to_action p.qs-stars {
	/*background: url(../gfx/qs-stars.svg) no-repeat center bottom;
	background-size: 100px;*/
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 25px;
	position: relative;
	text-align: center;
}
.call_to_action p.qs-stars:after {
  background: #f9c000;
	content: "";
	display: block;
	height: 3px;
	margin-left: calc(50% - 28px);
	margin-bottom: 0;
	margin-top: 21px;
	width: 57px;
}

/* Alert */

.weather-box,
.info-box {
	background: #ffffff;
	border-radius: 3px;
	box-sizing: border-box;
	margin: 100px auto 0px auto;
	padding: 21px 105px 21px 105px;
	position: relative;
	width: 85%;
}
.promos .weather-box + .grid-fullwidth.covid.video-link {
	margin-top: 42px;
}
.info-box h2,
.weather-box h2 {
	color: #163568;
	font-family: 'Amsi Pro Condbold', 'Open sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
	margin: 0;
	position: relative;
	text-align: center;
}
.weather-box:before,
.info-box:before {
	background: url(../gfx/weather-icon.svg) no-repeat center center #f9c000;
	background-size: 60px;
  	border-radius: 3px 0 0 3px;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 00px;
	width: 100px;
}
.info-box:before {
	background: url(/_assets/_gfx/info-icon.svg) no-repeat center center #f9c000;
	background-size: 50px;
}
.weather-box p,
.info-box p {
	font-size: 16px;
	font-weight: 400;
	margin-top: 7px;
	text-align: center;
}
.weather-box p a,
.info-box p a {
	background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat 7px 6px;
	display: inline-block;
	font-weight: 700;
	padding-left: 21px;
}


/************************************************************
	Spotlight Facts
************************************************************/

.spotlight {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin: 42px 0 63px 0;
}
.no-flexbox .spotlight {
	display: block;
	overflow: hidden;
}
.spotlight div {
	margin-right: 3.35%;
  position: relative;
	text-align: center;
	transition: transform 0.3s ease-out;
  width: 17.3%;
}
.no-flexbox .spotlight div { float: left; }
.spotlight div:nth-of-type(5) {	margin-right: 0; }
.spotlight div:nth-of-type(6) {	display: none; }
#contentwrapper .spotlight div p {
	color: #ffffff;
	display: block;
	font-family: 'Amsi Pro Condlight', 'Open sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 18px;
  font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding-top: 98px;
}
.spotlight div:before {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 100%;
	box-sizing: border-box;
	content: '';
	display: block;
	height: 90px;
	left: calc(50% - 45px);
	position: absolute;
	top: 0px;
  transition: box-shadow 0.3s ease-out;
	width: 90px;
  z-index: -1;
}
.spotlight div:hover:before { box-shadow: 0 -7px 25px rgba(0,0,0,0.3); }
#contentwrapper .spotlight div a:hover { color: #416ebf; }
.spotlight div p strong {
	color: #f9c000;
	font-family: 'Amsi Pro Condbold', 'Open sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 700;
}

/* Icons styles */
.spotlight .undergraduate-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/ribbon.svg) no-repeat center 7px; background-size: 76px; }
.no-svg .spotlight .undergraduate-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/students.png) no-repeat center 0; }
.spotlight .research-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/research.svg) no-repeat center 4px; background-size: 84px; }
.no-svg .spotlight .research-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/research.png) no-repeat center 0; }
.spotlight .international-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/employability.svg) no-repeat center 15px; background-size: 60px; }
.no-svg .spotlight .international-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/world.png) no-repeat center 0; }
.spotlight .alumni-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/chat.svg) no-repeat center -20px; }
.no-svg .spotlight .alumni-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/chat.png) no-repeat center 0; }
.spotlight .accommodation-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/college.svg) no-repeat center -18px; }
.no-svg .spotlight .accommodation-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/college.png) no-repeat center 0; }
.spotlight .world-ranking-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/number1.svg) no-repeat center 25px; background-size: 90px; }
.no-svg .spotlight .world-ranking-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/world-ranking.png) no-repeat center 0; background-size: 80px; }
.spotlight .postgraduate-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/postgraduate.svg) no-repeat center -7px;  }
.no-svg .spotlight .postgraduate-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/postgraduate.png) no-repeat center -7px; }
.spotlight .fairtrade-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/fairtrade.svg) no-repeat center 0px; background-size: 80px; }
.no-svg .spotlight .postgraduate-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/fairtrade.png) no-repeat center 0px; background-size: 80px; }
.spotlight .research-funding-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/research-funding.svg) no-repeat center 6px; background-size: 78px; }
.no-svg .spotlight .research-funding-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/research-funding.png) no-repeat center 6px; background-size: 78px; }
.spotlight .clubs-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/clubs-societies.svg) no-repeat center 7px; background-size: 78px; }
.no-svg .spotlight .clubs-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/clubs-societies.png) no-repeat center 7px; background-size: 78px; }
.spotlight .qs-stars-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/qs-stars.svg) no-repeat center 37px; background-size: 90px; }


/************************************************************
	Promo Boxes
************************************************************/

.promos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 35px 0 50px 0;
}
.promos .gridhalf,
.promos .gridthird,
.promos .gridquarter,
.promos .grid1 {
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 10px 20px #f5f5f5;
	float: left;
	margin-right: 46px;
	transition: 0.3s all ease-out;
}
.promos .gridfifth {
	background: #ffffff;
	border-radius: 3px;
	box-sizing: border-box;
	margin-right: 4.1%;
	transition: all 0.3s ease-out;
	width: 16.7%;
}
.promos .gridfifth:hover,
.student-type-box:hover {
   box-shadow: 0 10px 20px #002B4D;
}
.promos .gridfifth:nth-of-type(5) {
	margin-right: 0;
}
.promos .gridfifth h3 {
	clear: both;
	line-height: 1.1;
	margin-bottom: 0;
	padding: 21px 14px 0 14px;
	position: relative;
}
.promos .gridfifth h3:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 3px;
	margin-bottom: 7px;
	margin-left: calc(50% - 17px);
	width: 34px;
}
.promos .gridfifth h3 a {
	display: block;
}
.promos .gridfifth img {
	border-radius: 3px 3px 0 0;
	height: auto;
	width: 100%;
}
.promos .gridfifth.feature-promo {
	transform: scale(1.1);
}
.promos .gridfifth.feature-promo strong {
	background: #f9c000;
	border-radius: 22px;
	display: inline-block;
	font-size: 17px;
	margin-top: 10px;
	padding: 4px 20px 6px 20px;
}
.promos .gridfifth.feature-promo h3 {
  margin-bottom: 21px;
}
.promos .gridfifth.feature-promo h3 a strong {
	color: #333333;
}
.promos .grid-fullwidth.covid {
	background: url(/_assets/_gfx/emergency-icon-stroke.svg) 15px center no-repeat #ffffff;
	background-size: 40px;
	border-radius: 3px;
	box-sizing: border-box;
	margin: 70px auto 5px auto;
	padding-left: 70px;
	padding-right: 10px;
	width: 50%;
}

/* COVID video banner */

.promos .grid-fullwidth.covid.video-link,
.promos .grid-fullwidth.covid.promo-link {
	background: #003a68;
	background-size: 50px;
	margin-top: 68px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	position: relative;
	transition: all 0.2s ease-out;
	width: 65%;
}
.promos .grid-fullwidth.covid.video-link:hover,
.promos .grid-fullwidth.covid.promo-link:hover {
	background: #002C4E;
}
.promos .grid-fullwidth.covid.video-link:before,
.promos .grid-fullwidth.covid.promo-link:before {
	background: #f9c000 url(/_assets/OtagoCorporate/gfx/video-play-icon.svg) no-repeat 20px center;
	background-size: 60px;
	border-radius: 3px 0 0 3px;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 80px;
}
.promos .grid-fullwidth.covid.promo-link:before {
	background: #f9c000 url(/_assets/_gfx/info-icon-yellow.svg) no-repeat 20px center;
	background-size: 40px;
}
.promos .grid-fullwidth.covid.video-link h3,
.promos .grid-fullwidth.covid.promo-link h3 {
	font-size: 32px;
	padding-top: 0px;
	text-align: center;
}
.promos .grid-fullwidth.covid.promo-link h3 {
	font-size: 25px;
	padding-left: 100px;
	padding-right: 100px;
}
.promos .grid-fullwidth.covid.video-link h3:before,
.promos .grid-fullwidth.covid.promo-link h3:before {
	display: none;
}
#contentwrapper .promos .grid-fullwidth.covid.video-link h3 a,
#contentwrapper .promos .grid-fullwidth.covid.promo-link h3 a {
	color: #C4D7F9;
	padding-bottom: 10px;
}
#contentwrapper .promos .grid-fullwidth.covid.video-link h3 a span,
#contentwrapper .promos .grid-fullwidth.covid.promo-link h3 a span {
	color: #ffffff;
}
#contentwrapper .promos .grid-fullwidth.covid.promo-link h3 a span {
	font-size: 34px;
	display: inline-block;
	margin-bottom: 7px;
}
#contentwrapper .promos .grid-fullwidth.covid.video-link h3 a:hover,
#contentwrapper .promos .grid-fullwidth.covid.promo-link h3 a:hover {
	color: #ffffff;
}

.promos .grid-fullwidth.covid.orange-label {
	border-left: 14px solid #fe8300;
}
.promos .grid-fullwidth.covid.red-label {
	border-left: 14px solid #ff0000;
}
.promos .grid-fullwidth.covid h3 {
	line-height: 1.1;
	margin-bottom: 20px;
	position: relative;
	text-align: left;
}
.promos .grid-fullwidth.covid h3:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 3px;
	position: absolute;
	top: 14px;
	width: 32px;
}
.promos .grid-fullwidth.covid a {
	display: block;
	padding-top: 20px;
}
.promos .gridhalf:hover,
.promos .gridthird:hover,
.promos .gridquarter:hover,
.promos .grid1:hover { box-shadow: 0 0 28px #e4e4e4; }
.promos .gridhalf { width: 534px; }
.promos .gridthird { width: 340px; }
.promos .gridquarter { width: 244px; }
.promos .grid1 { width: 186px; margin-right: 46px; }
.promos .gridhalf:nth-of-type(2n),
.promos .gridthird:nth-of-type(3n),
.promos .gridquarter:nth-of-type(4n),
.promos .grid1:nth-of-type(5n) { margin-right: 0; }
.promos .gridthird img,
.promos .gridquarter img,
.promos .grid1 img {
  border-radius: 2px 2px 0 0;
	float: none;
  width: 100%;
}
.promos img { float: left; }
.promos p {
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 7px;
}
.promos h3 {
  font-family: 'Amsi pro condbold', 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 21px;
	text-align: center;
	text-rendering: optimizeLegibility;
}
/*.promos h3:after {
	height: 3px;
	width: 42px;
	content: '';
	margin-top: 9px;
	margin-bottom: 9px;
	background-color: #f9c000;
	display: block;
  transition: all 0.3s ease-out;
}*/
.promos h3:hover:after { width: 50px; }
.promos .promo-text { padding: 14px 13px 21px 14px; float: left; }
.promos .gridhalf .promo-text { width: 236px; }
/*.promos .gridthird .promo-text { width: 300px; }*/
.promos .promo-text .content-button { margin-bottom: 0; }
#contentwrapper .promos .promo-text .content-button a {
  background: url(/_assets/_gfx/next-arrow.png) no-repeat right 5px #ffcd23;
  border: 2px solid #ebbb16;
  border-radius: 16px;
  color: #333333;
  display: inline-block;
  padding: 3px 32px 3px 16px;
  text-align: center;
  transition: all 0.3s ease-in;
}
#contentwrapper .promos .promo-text .content-button a:hover { background-color: #ffd957; color: #000000; }
#contentwrapper .promos .promo-text .content-button a:active { background-color: #ebbb16; }

/*------ 150 -------------*/

.grid-full.celebrate150 {
	background: url(/_assets/OtagoCorporate/gfx/background-150.jpg) no-repeat right 0;
	background-size: 1042px;
	border-radius: 3px;
	box-sizing: border-box;
	flex-basis: 100%;
	padding: 28px 0 0 138px;
	margin-bottom: 35px;
	margin-top: 21px;
	overflow: hidden;
	width: 100%;
}
.grid-full.celebrate150:hover {
	background: url(/_assets/OtagoCorporate/gfx/background-150.jpg) no-repeat right 0;
	background-size: 1042px;
}
.grid-full.celebrate150 h2 {
	color: #0C385A;
	font-size: 25px;
	margin-bottom: 0px;
}
.grid-full.celebrate150 h2 + p a {
	background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat right center;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 14px;
	padding-left: 0;
	padding-right: 18px;
}
.grid-full.celebrate150 h3 {
	color: #0C385A;
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
}
.grid-full.celebrate150 h3,
.grid-full.celebrate150 a {
	font-family: 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.grid-full.celebrate150 h3:after {
	display: none;
}
.grid-full.celebrate150 .event150 {
	background: url(/_assets/_gfx/calendar-icon-purple.svg) no-repeat 7px 10px #E6E8F0;
	border: 1px solid #BFC9DE;
	border-radius: 3px;
	color: #666666;
	float: left;
	font-family: 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.03em;
	margin-bottom: 21px;
	margin-right: 21px;
	padding: 7px 14px 6px 27px;
}
.grid-full.celebrate150 .event150 a {
	background: none;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	padding-left: 0;
}


/************************************************************
	Key information
************************************************************/

.key-information,
.student-types {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}
.key-information-box,
.student-type-box {
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	flex-basis: 16.5%;
	font-family: 'Amsi pro condbold', 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 21px;
	padding: 14px 14px 14px 14px;
	transition: all 0.3s ease-out;
}
#keyinformation {
	background: #00508F;
	box-shadow: 0 0 0 30px #00508F;
}
.key-information-box:hover {
	border: 1px solid #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.key-information-box p:before,
.student-type-box p:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 3px;
	margin-bottom: 7px;
	width: 34px;
}
.key-information-box a {
	display: block;
}
.student-types {
	margin-top: 42px;
	margin-bottom: 28px;
}
.student-type-box {
	flex-basis: 30.3%;
	padding: 21px 14px 28px 70px;
	transition: all 0.3s ease-out;
}
.student-type-box:nth-of-type(1) {
	background: url(/_assets/OtagoCorporate/gfx/future-students/maori-icon.svg) no-repeat 14px 21px #ffffff;
	background-size: 40px;
}
.student-type-box:nth-of-type(2) {
	background: url(/_assets/OtagoCorporate/gfx/future-students/pacific-icon.svg) no-repeat 14px 21px #ffffff;
	background-size: 40px;
}
.student-type-box:nth-of-type(3) {
	background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/world.svg) no-repeat 14px 14px #ffffff;
	background-size: 50px;
}

/************************************************************
	Feature News, Profile, and Events
************************************************************/

#features { margin: 0; max-width: 100%; width: 100%; }

.features article h3 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.5; margin-bottom: 3px; }
.features article p.smalltag,
.features article p { color: #666666; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.05em; }
.features article p.smalltag, .articletext p {
	background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 0; color: #888888; font-size: 10px; font-size: 9px; font-weight: 400; padding-left: 20px; }
.features article:nth-child(5) .articletext p { letter-spacing: 0; line-height: 1.5; }

.features.events,
.features.news {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 56px;
	width: 100%;
}
.features.events.clearFix::after,
.features.news.clearFix::after {
	display: none;
}
.features article { box-sizing: border-box; flex-basis: 14%;  margin-bottom: 21px; padding: 0px; }
.features.news article p { margin-top: 0; }
.features.news article:first-child { margin-left: 0px; }
.features.news article:last-child { margin-right: 0px;}

.features.events article {
	background: #fcfcfb;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	flex-basis: 16.5%;
	float: none;
	line-height: 1.4;
	margin: 7px 0px 7px 0;
	padding: 3px 7px 14px 14px;
	transition: all 0.3s ease-out;
	width: auto;
}
.features.events article:hover {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.features.events article:last-child { margin-right: 0px; }

/* Restrict height of profile images */
.features.news article a:first-child {
  overflow: hidden;
  display: block;
  max-height: 116px;
}
.features.news article .articletext a:first-child {
  max-height: auto;
  display: inline-block;
}
.news article { flex-basis: 16%; float: none; margin: 0; transition: all 0.3s ease-out; width: auto; }
.news article:hover {
	background: none;
}
.news article img {
	width: 100%;
}
.news article .articletext {
	width: auto;
}


div.feature_intro div { padding: 23px 23px 12px 23px; min-height: 120px; margin: 0; float: left; }

h3.border_side,
h2.key-information-heading,
h2.student-staff-heading {
	border-top: 5px dotted #dddddd;
	color: #163568;
	font-family: 'Amsi pro condlight', 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.3;
	margin: 23px 0 12px 0;
	padding-top: 42px;
	text-align: center;
}
h2.key-information-heading {
	border-top: 5px dotted #416ebf;
	color: #ffffff;
	margin-bottom: 0;
}
h3.border_side.newsroom-heading {
	border-top: none;
}
h2.student-staff-heading {
  width: 100%;
}
.border_side.profile-heading {
	display: none;
}
h3.border_side.newsroom-heading {	width: 100%; }
h3.border_side.newsroom-heading a,
h3.border_side.events-heading a,
h2.key-information-heading + p a,
#contentwrapper .key-information-askotago a {
	display: block;
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding: 7px 0 0 0;
}
h3.border_side.newsroom-heading span span:before,
h3.border_side.events-heading a:before,
h2.key-information-heading + p a:before,
h2.student-staff-heading:after {
	background: #f9c000;
	content: '';
	display: block;
	height: 3px;
	margin-left: calc(50% - 18px);
	margin-bottom: 14px;
	margin-top: 7px;
	width: 34px;
}
h3.border_side.newsroom-heading span span:before,
h2.student-staff-heading:after {
	margin-top: 14px;
}
h3.border_side.newsroom-heading span {
	display: block;
	padding: 0;
}
h3.border_side.newsroom-heading span span {
	color: #cccccc;
	font-size: 13px;
	margin-bottom: 28px;
	margin-top: 7px;
}
h3.border_side.newsroom-heading a {
	display: inline-block;
	padding: 0 14px;
}
h3.border_side.newsroom-heading a:after {
	display: none;
}
#contentwrapper h2.key-information-heading + p a,
#contentwrapper .key-information-askotago a {
	color: #C0D7FF;
	padding-bottom: 21px;
	text-align: center;
}
#contentwrapper .key-information-askotago {
	margin-bottom: 56px;
}


/************************************************************
	Feature Buttons
************************************************************/

.featurebuttons {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 70px 0;
	padding: 0;
}
.featurebuttons div {
	background: #fcfcfb;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	flex-basis: 21.9%;
	font-family: 'Amsi Pro condlight', 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.3;
	margin: 14px 0px 0px 0px;
	padding: 14px 14px 14px 14px;
	transition: all 0.3s ease-in;
}
.featurebuttons div:hover {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.featurebuttons img { width: 157px; margin: -11px 0px 0px -5px; border: none 0; }
.featurebuttons div:last-of-type { margin-right: 0px !important;  }
.featurebuttons a {
	background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat 0 9px;
	border: none;
	border-radius: 0;
	color: #416ebf;
	display: block;
	font-weight: normal;
	line-height: 1.2;
	margin: 0;
	padding: 0px 0px 0px 14px;
}
.featurebuttons a:hover { color: #000; border: none; background-color: #ffffff; }

.no-svg .featurebuttons div a { background: url(/_assets/_gfx/chat-icon-yellow.png) no-repeat 0 3px; }

.featurebuttons div.frontpage-references {
	background: #ffffff;
	border: 0;
	flex-basis: 100%;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-top: 70px;
	padding: 0;
	width: 100%;
}
.featurebuttons div.frontpage-references .smalltag {
	font-style: normal;
}

/************************************************************
	Media Queries
************************************************************/
/* large screen */

@media only screen and (max-width: 1530px) {
	div#nav_holder {
		max-width: 97%;
	}
	#contentwrapper {
		width: 65%;
	}
		#wrapper:before {
/* 		height: 1723px; */
		height: 1550px;
	}
}




@media only screen and (min-width: 1440px) {
	#wrapper:before {
/* 		height: 1723px; */
		height: 1620px;
	}
	.call_to_action h1 {
		font-size: 65px;
		margin-top: 0px;
		max-width: 882px;
	}
}

/* @media only screen and (min-width: 1140px) and (max-width: 1460px){
	#wrapper:before {
		height: 1600px;
		background-color: yellow;
	}
} */



@media only screen and (max-width: 1340px) {
	#wrapper::before {
		/*height: 1920px;*/
		background-size: 700px;
		height: 1610px;
	}
	#contentwrapper {
    	padding: 0px 0px 14px 0px;
    	width: 60%;
  	}
	.grid-full.celebrate150,
	.grid-full.celebrate150:hover {
		background-position: 0 0;
		background-size: 1050px;
		margin-right: 0;
	}
	.grid-full.celebrate150 .event150:nth-of-type(4) {
		display: none;
	}
	.grid-full.celebrate150 {
		background-position: 0 0;
		background-size: cover;
	}
	.events article h3 {
    	padding-right: 0px;
	}
}



@media only screen and (min-width: 701px) and (max-width: 1280px) {
	#wrapper::before {
		/*height: 1790px;*/
		height: 1670px;
	}
	#contentwrapper {
    	width: 70%;
		margin-left: 24%;
  	}
	.call_to_action {
		margin-bottom: 49px;
		margin-top: 28px;
	}
	.call_to_action h2 {
    	font-size: 40px;
		margin-top: 0;
	}
	.call_to_action p.qs-stars {
		padding-bottom: 14px;
	}
	.promos {
		margin-bottom: 42px;
	}
	.promos .gridfifth h3 {
		font-size: 20px;
		line-height: 1.1;
		margin-bottom: 0px;
		padding: 14px 10px 0 10px;
	}
	.promos .gridfifth.feature-promo h3 {
		margin-bottom: 14px;
	}
	.promos .gridfifth.feature-promo h3 a strong {
		font-size: 18px;
		padding-left: 14px;
		padding-right: 14px;
	}
	#wrapper:before {
		height: 1500px;
	}
}


@media only screen and (min-width: 1025px) and (max-width: 1160px) {
	#wrapper::before {
		/*height: 1800px;*/
/* 		height: 1725px; */
		height: 1550px;
	}
	.topnavinner,
	footer.wrapper, div.footer_wrapper {
		box-sizing: border-box;
    	width: 100%;
  	}
	#features { width: 100%; }
	.features.news article:first-child {
    	margin-left: 2px;
		clear: left;
  	}
	.news article img {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	.news article .articletext { width: 100%; }
	.features.events article {
    	width: 17%;
		margin: 7px 3.1% 7px 0;
	}
	.featurebuttons div {
    width: 17.2%;
		margin: 7px 3.1% 7px 0;
	}
}

@media only screen and (max-width: 1030px) {
	.promos .grid-fullwidth.covid.video-link,
	.promos .grid-fullwidth.covid.promo-link {
		padding-left: 130px;
	}
	.promos .grid-fullwidth.covid.video-link h3,
	.promos .grid-fullwidth.covid.promo-link h3 {
		text-align: left;
	}
	.promos .grid-fullwidth.covid.promo-link h3 {
		padding-left: 0;
		padding-right: 0;
	}
	.promos .grid-fullwidth.covid.video-link h3:before,
	.promos .grid-fullwidth.covid.promo-link h3:before {
		left: 0;
	}
	.weather-box,
	.info-box {
		margin-top: 60px;
		padding-left: 130px;
		padding-right: 21px;
	}
	.weather-box h2,
	.info-box h2,
	.weather-box p,
	.info-box p {
		text-align: left;
	}
}


/* Tablet landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body { margin-bottom: 35px; }
	#wrapper::before {
		/*height: 1870px;*/
		height: 1600px;
	}
	div.news article:last-child, div.events article:nth-child(4), div.featurebuttons article:nth-child(4) { margin-right: 0px; }
	div.news article:nth-child(4), div.events article:last-child, div.featurebuttons article:last-child { display: none; }
	section.footer_bottom ul { margin-left: 0px; }
	.featurebuttons div:nth-last-of-type(2) { margin-right: 0; }
	.features.news article,
	.features.events article {
		flex-basis: 22%;
	}
  	.features.events {
		margin-bottom: 35px;
	}
}


@media only screen and (max-width: 926px) {
	/* 150 */
  	.promos .grid-full {
		background: url(/_assets/OtagoCorporate/gfx/background-150-mobile.jpg) no-repeat 0 bottom #d3d7e0;
    	padding-bottom: 210px;
		padding-left: 14px;
		padding-right: 14px;
	}
	.promos .grid-full h3 {
		margin-top: 14px;
	}
	.promos .grid-full .event150:nth-of-type(3) {
		display: none;
	}
  	.grid-full.celebrate150,
	.grid-full.celebrate150:hover {
		background: url(https://www.otago.ac.nz/_assets/OtagoCorporate/gfx/background-150-mobile.jpg) no-repeat 0 bottom #d3d7e0;
		padding-bottom: 150px;
		padding-left: 21px;
	}
}



@media only screen and (min-width: 769px) and (max-width: 926px) {
	.topnavinner,
	footer.wrapper, div.footer_wrapper {
		box-sizing: border-box;
    	width: 100%;
  	}
  	#wrapper::before {
		  /*height: 1850px;*/
			height: 1540px;
	}
	.news article img {
		box-sizing: border-box;
		float: none;
		width: 100%;
	}
	.news article .articletext { width: 100%; }
	.student-types {
		margin-top: 14px;
	}
	section.footer_address {
		box-sizing: border-box;
		float: left;
    	margin-right: 5%;
    	padding-left: 18px;
		width: 20%;	
	}
	nav.global_footer {
		box-sizing: border-box;
		width: 73%;
	}
	nav.global_footer ul {    
		margin-right: 3%;
		width: 22.3%;
  }
  /* 150 */
	.promos .grid-full {
		padding-right: 160px;
	}
	.promos .grid-full h3 {
		margin-top: 0;
	}
	.promos .grid-full .event150:nth-of-type(3) {
		display: none;
	}
}


@media only screen and (max-width: 900px) {
	#wrapper:before {
		/*height: 1850px;*/
		height: 1500px;
	}
	#contentwrapper {
		margin-left: 27%;
		width: 70%;
	}
	.promos .gridfifth h3 {
    padding: 21px 7px 0 7px;
	}
	.key-information-box, .student-type-box {
		font-size: 19px;
		padding-left: 7px;
		padding-right: 7px;
	}
	.student-type-box {
		padding-bottom: 14px;
		padding-top: 14px;
	}
	.student-type-box.student-type-box {
		background-position: right 7px top 7px;
		padding-right: 30px;
	}
	.promos {
		margin-bottom: 70px;
	}
}



@media only screen and (max-width: 885px) {
	#wrapper::before {
		/*height: 1910px;*/
		height: 1590px;
	}
}


@media only screen and (max-width: 780px) {
	#wrapper::before {
		/*height: 1930px;*/
		height: 1590px;
	}
}



/* iPad portrait */

@media only screen and (max-width: 768px) {
  	body { margin-bottom: 35px; }
	.spotlight .alumni-fact,
	.spotlight .accommodation-fact,
	.spotlight .research-fact,
	.spotlight .undergraduate-fact {
    	background-size: 100px;
		background-position: center -5px;
	}
	#features,
	.featurebuttons { width: 100%; box-sizing: border-box; }
	#features .news {
		margin-right: 0;
		margin-bottom: 14px;
		padding-right: 0;
	}
	#features .events {
		border-left: none;
		padding-left: 0;
		width: 100%;
	}
	#features .news {
		float: none;
		width: 100%;
	}
	.features.news article a:first-child {
		max-height: 1000px;
	}
	#features .news article,
	#features .events article {
		flex-basis: 21%;
	}
  #features .events article {
    	margin-top: 0;
		padding-left: 7px;
		padding-right: 7px;
	}
	#features .news article:last-child,
	#features .events article:last-child {
		display: none;
	}
	/* Resets the profile thumbnail */
	div.features.news article a:first-child { display: inline; }
  	/* Promos */
  	.promos {
    	box-sizing: border-box;
    	clear: both;
    	margin-right: 0;
		width: 100%;
  	}
	.featurebuttons div:nth-last-of-type(3) { margin-right: 0; }
  	.spotlight div { width: 21.6%; }
	.spotlight div:nth-of-type(5) { display: none; }
}


@media only screen and (min-width: 701px) and (max-width: 768px) {
	div#nav_holder {
		left: 10px;
	}
}

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

Small tablet and smartphone

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

@media only screen and (max-width: 700px) {
	body.frontpage { background: none; }
	div#nav_holder {
		width: 65%;
	}
	#globalsearch { width: 100%; }
	#globalsearch form input.searchinput { width: 82%; }
  	#wrapper:before {
		background-position: 160px 0;
		background-size: 600px;
		height: 1690px;
	}
	body.frontpage  div.global_nav_footer {
		background-image: url(/_assets/_gfx/bookmark-flyout-mobile-tail.png); background-size: contain; background-position: 0 0;
		background-repeat: no-repeat;
		bottom: -120px;
		height: 76px;
		left: 0%;
		padding: 48px 0px 0;
		position: absolute;
		width: 100%;
		z-index: 5;
	}
	#nav_wrapper nav#global_nav {
		background: -webkit-linear-gradient(top, #14366a 0%,#0e274c 100%);
		background: linear-gradient(to bottom, #14366a 0%,#0e274c 100%);
	}
	#title .titleinner {
		width: 100%;
	}
	.titleinner {	padding: 0px; }
  	.spotlight {
		max-width: 100%;
		margin-bottom: 28px;
    	margin-left: 3%;
    	margin-right: 3%;
		justify-content: space-around;
	}
  	.spotlight div { margin: 0 0 35px 0; width: 31.1%; }
	.spotlight div:nth-of-type(3) { margin-right: 0; }
	.spotlight div:nth-of-type(5) { display: block; }
  	.spotlight .undergraduate-fact {
		background-position: center 10px;
		background-size: 70px;
	}
	.spotlight .research-fact {
		background-position: center 5px;
		background-size: 80px;
	}
	/* Intro box */
	.feature_intro {
		width: 97%;
		margin-left: 3%;
	}
	div.feature_intro div {
		padding: 14px 4% 14px 3%;
		min-height: 45px;
	}
	/* Sub introduction text */
	#contentwrapper {
    	width: 94%;
		margin: 0 0 0 3%;
		padding: 0;
	}
	/* Apply now box that fades in */
	.promos .gridfifth.feature-promo h3 {
		margin-bottom: 7px;
	}
	.promos .gridfifth h3 {
		line-height: 1.1;
		padding-top: 14px;
	}
	.promos h3 strong {
		line-height: 1;
	}
	.key-information {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.key-information-box {
		flex-basis: 47%;
	}
	.key-information-box p {
		text-align: center;
	}
	.key-information-box p::before {
		margin-left: calc(50% - 17px);
	}
	.student-type-box.student-type-box {
    	background-position: 7px 7px;
    	padding-right: 7px;
		padding-top: 53px;
  	}
	/* Feature boxes */
	#features {
		width: 100%;
	}
	#features .events {
		margin-left: 0;
	}
	#features .events {
		flex-wrap: wrap;
	}
	#features .events article {
    flex-basis: 47.5%;
		margin-bottom: 28px;
  	}
  	h3.border_side.newsroom-heading { width: 100%; }
	.border_side.profile-heading {
		display: none;
	}
	.news article .articletext {
		width: 100%;
		margin-bottom: 21px;
	}
	.featurebuttons div {
		padding: 7px 7px 14px 7px;
	}
  	/* Promos */
  	.promos img {
    	float: none;
    	max-width: 100%;
  	}
	#footer_share {
		display: none;
	}
}



@media only screen and (max-width: 660px) {
  #wrapper:before {
    /*height: 2160px;*/
		height: 1860px;
  }
}


@media only screen and (max-width: 550px) {
	#wrapper:before {
		/*height: 2170px;*/
		height: 1870px;
	}
	.promos .gridfifth.feature-promo strong {
    	padding: 5px 10px;
  	}
}



@media only screen and (max-width: 500px) {
	#wrapper:before {
		/*height: 2170px;*/
		height: 1870px;
	}
	.promos h3 { font-size: 18px; }
	#features .news {
		flex-wrap: wrap;
	}
	#features .news article {
		flex-basis: 47.5%;
	}
	.features article h3 {
		font-size: 14px;
	}
	.promos .grid-fullwidth.covid {
		margin-bottom: 10px;
		margin-top:40px;
		width: 100%;
	}
	.promos .grid-fullwidth.covid a {
		font-size: 25px;
		padding-bottom: 0;
	}
}



@media only screen and (max-width: 450px) {
	#wrapper:before {
		height: 200px;
	}
	.call_to_action h2 {
		font-size: 40px;
		margin-top: 14px;
	}
	.promos h3 {
		font-size: 25px;
	}
	.promos h3 a {
		padding-bottom: 7px;
	}
}



@media only screen and (max-width: 450px) {
	#wrapper:before {
		height: 2590px;
		/*height: 2190px;*/
	}
	.call_to_action {
		margin-bottom: 21px;
		margin-left: 0;
		margin-right: 0;
    margin-top: 28px;
	}
	.call_to_action h1 {
		line-height: 1.05;
		text-align: left;
	}
	.call_to_action p.qs-stars {
		font-weight: 400;
		text-align: left;
	}
	.call_to_action p.qs-stars::after {
		margin-left: 0;
	}
	.call_to_action .call-to-action-message p.smalltag {
		text-align: left;
	}
	.promos {
    	margin-bottom: 0px;
	}
	.promos .gridfifth {
		margin-bottom: 21px;
		margin-right: 5.1%;
		padding-bottom: 14px;
		width: 47%;
  	}
	.promos .gridfifth:nth-of-type(2) {
		margin-right: 0;
	}
	.promos .gridfifth:nth-of-type(3) {
		margin-right: 0;
		transform: scale(1);
		width: 100%;
	}
	.promos .gridfifth:nth-of-type(3) img {
		display: none;
	}
  	.featurebuttons div {
		flex-basis: 47.5%;
		margin-bottom: 7px;
	}
	.promos .grid-fullwidth.covid.video-link,
	.promos .grid-fullwidth.covid.promo-link {
		margin-top: 35px;
	}
	.promos .grid-fullwidth.covid.promo-link {
		width: 100%;
	}
	.promos .grid-fullwidth.covid.promo-link:before {
		background-position: center 22px;
	}
}

@media only screen and (max-width: 449px) {
	#wrapper:before {
		/*height: 2650px;*/
		height: 1950px;
	}
}

@media only screen and (max-width: 395px) {
	#wrapper:before {
		/*height: 2700px;*/
		height: 2300px;
	}
}

@media only screen and (max-width: 350px) {
  #wrapper:before { /*height: 2860px;*/ height: 2620px; }
  .topnavinner { width: 90%; }
  #globalsearch form input.searchinput { width: 80%; }
  .searchbutton {	display: none; }
  div.call_to_action { padding: 14px 2% 14px 2%; padding: 0; }
  .spotlight div { width: 46.6%; }
  #contentwrapper .spotlight div p { font-size: 17px;	}
  #globalsearch form input.searchinput { width: 74%; margin-right: 0; }
  #globalsearch form button { width: 28px; }
  .call_to_action h2 { font-size: 35px;	}
  .call_to_action h1 { font-size: 34px; }
  h3.border_side, h2.key-information-heading, h2.student-staff-heading { line-height: 1.1; }
  h3.border_side.newsroom-heading { padding-top: 21px; }
  h3.border_side.newsroom-heading span span { line-height: 1.5; }
}
.promos .grid-fullwidth.covid.promo-link h3 {
/*   font-size: 22px; */
}


@media only screen and (max-width: 320px) {
	#wrapper:before {
		/*height: 2930px;*/
		height: 2030px;
	}
}