/************************************************************
	FRONTPAGE
************************************************************/
body.frontpage { margin-bottom: 35px; }
#wrapper { background: url(/_assets/_gfx/bg-homepage.png) 0 0px repeat-x; }
#contentwrapper { padding: 0px 0px 14px 0px; width: 1142px; }

#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;
}

@-webkit-keyframes fadein {
    0% { opacity: 0; transform: translateY(-14px); }
    100% { opacity: 1; transform: translateY(0px); }
}
@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; }



/************************************************************
	Video Banner
************************************************************/
.top-banner { height: 567px; /* 600px - 36px height of yellow strip */ overflow: hidden; margin-top: -3px; }
.top-banner img { max-width: 100%; }
.top-banner video { width: 100%; }

.top-banner button {
    position: absolute;
    top: 45px;
    left: 5px;
    border: none;
    opacity: .33;
    background-color: transparent;
    background-size: 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.play-pause { background-image: url(/_assets/_gfx/pause-outline-white.svg); }
.no-svg .play-pause { background-image: url(/_assets/_gfx/pause-outline-white.png); }

.play-pause.pause { background-image: url(/_assets/_gfx/play-outline-white.svg); }
.no-svg .play-pause.pause { background-image: url(/_assets/_gfx/play-outline-white.png); }



/************************************************************
	Call to action video overlay
************************************************************/
.call_to_action {
	box-sizing: border-box;
	margin: -180px 14px 74px 252px;
	padding: 21px 28px;
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	z-index: 99;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, .6);
    border-radius: 3px;
	-webkit-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.call_to_action:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, .6); }
.call-to-action-message { width: 70%; float: left; }
.call-to-action-message a {
	background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat 0 center;
	padding-left: 14px;
	display: block;
}
.call_to_action h2 {
  font-size: 34px;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
	text-rendering: optimizeLegibility;
	color: #1f4a8c;
}
.call_to_action h2:before {
    content: "";
    background: #EBBB16;
	height: 3px;
	width: 57px;
	display: block;
	margin-bottom: 4px;
}
.call_to_action p {
	font-size: 19px;
	line-height: 1.25;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
.call-to-action-button {
	float: right;
	background: #073d8f;
	color: #ffffff;
	padding: 14px 14px;
	border-radius: 3px;
	font-size: 21px;
    max-width: 210px;
}
#contentwrapper .call-to-action-button a {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	border-radius: 17px;
	text-align: left;
	margin: 16px 0 6px 0;
	padding: 3px 10px 3px 30px;
	border: 2px solid #EBBB16;
	background: #FFCD23 url(/_assets/_gfx/tick-icon.svg) no-repeat 4px center;
	text-decoration: none;
	-webkit-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
	box-shadow: 0 0 10px #333333;
	cursor: pointer;
}
#contentwrapper .call-to-action-button a:hover { color: #000; background-color: #ffda5c; box-shadow: 0 0 2px #333333; }
#contentwrapper .call-to-action-button a:active { background-color: #EBBB16; box-shadow: 0; }
/* For Google translate button - box break */
#contentwrapper .call-to-action-button > a:nth-child(3) { display: none; }

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

.spotlight {
    margin: 35px 14px 28px 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	box-shadow: 0 0 10px #e4e4e4;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	padding: 14px;
	box-sizing: border-box;
}
.no-flexbox .spotlight { display: block; overflow: hidden; }

.spotlight div {
	width: 17.3%;
	margin-right: 3.35%;
	text-align: center;
	transition: transform 0.2s ease;
}
.spotlight div:hover { transform: scale(0.95); }
    .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 a {
	color: #333333;
	font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 14px;
    padding-top: 91px;
	display: block;
}
.spotlight div a strong { color: #BD8B00; font-weight: normal; }

/* Icons styles */
.spotlight .undergraduate-fact {	background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/students.svg) no-repeat center -18px; }
    .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 -18px; }
    .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/world.svg) no-repeat center -6px; background-size: 100px; }
    .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/world-ranking.svg) no-repeat center 0px; background-size: 80px; }
    .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 0px; background-size: 78px; }
    .no-svg .spotlight .research-funding-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/research-funding.png) no-repeat center 0px; background-size: 78px; }
.spotlight .clubs-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/clubs-societies.svg) no-repeat center 0px; background-size: 78px; }
    .no-svg .spotlight .clubs-fact { background: url(/_assets/OtagoCorporate/gfx/spotlight-icons/clubs-societies.png) no-repeat center 0px; background-size: 78px; }

/************************************************************
	Promo Boxes
************************************************************/
.promos {
    margin: 35px 14px 21px 14px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.promos .gridhalf,
.promos .gridthird,
.promos .gridquarter,
.promos .grid1 {
    box-shadow: 0 0 10px #e4e4e4;
    background: #ffffff;
    float: left;
    margin-right: 46px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-sizing: border-box;
	transition: 0.2s all ease;
}
.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 {
    width: 100%;
	float: none;
    border-radius: 3px 3px 0 0;
}
.promos img { float: left; }
.promos p {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.5;
    margin-bottom: 14px;
}
.promos h3 {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 7px;
    text-rendering: optimizeLegibility;
    font-family: 'Open sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
}
.promos h3:after {
	height: 3px;
	width: 42px;
	content: '';
	margin-top: 9px;
	margin-bottom: 9px;
	background-color: #f9c000;
	display: block;
}
.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;
    padding: 3px 32px 3px 16px;
    border: 2px solid #ebbb16;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    color: #333333;
    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; }



/************************************************************
	Feature News, Profile, and Events
************************************************************/
#features { width: 1142px; margin: 0; }

h3.border_side.profile-heading { width: 186px; float: right; }
.htag_bg { background-color: #ffffff; padding-right: 12px; }

.features article p.smalltag,
.features article p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.features article p.smalltag, .articletext p { color: #666666; }
.features article:nth-child(5) .articletext p { letter-spacing: 0; line-height: 1.5; }

.features.events { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 28px; }
.features article { margin-right: 25px; width: 186px; padding: 10px; float: left; border: 1px solid #ffffff; }
.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 {
    width: 186px;
    margin: 7px 46px 7px 0;
    padding: 3px 14px 14px 14px;
    background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 164px 12px #fcfcfb;
    border: 1px solid #e1e1e1;
    line-height: 1.4;
    box-sizing: border-box;
    border-radius: 3px;
    transition: all 0.2s ease-in;
}
.features.events article:hover {
    background-color: #ffffff;
    border: 1px solid #ccc;
}
.features.events article:first-child { margin-left: 14px; }
.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 { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.news article:hover {
	border: 1px solid #e0e7f0;
	border-bottom: 1px solid #d5def3;
	background-color: #F0F5FC;
}
.news article img {
	float: left;
	background-color: #ffffff;
	border: 1px solid #e4e4e4;
	padding: 1px;
	width: 182px;
}


/************************************************************
	Division drop down
************************************************************/

#division_wrapper { background: #f7f7f7 url(/_assets/_gfx/bg-division.png) repeat-x 0 -39px; font-family: Helvetica, Arial, sans-serif; font-size: 81.3%; margin-bottom: 35px; overflow: hidden; }
#division_wrapper .divisions { width: 1114px;	padding: 0 23px 14px 23px; margin: 0 auto 0; position: relative; }
#division_wrapper article { margin: 0px 46px 0 0px; width: 186px; float: left; }
#division_wrapper article:last-of-type { margin-right: 0; }
#division_wrapper article a { color: #666; }
#division_wrapper article h3 { font-size: 16px; margin-bottom: 7px; }
#division_wrapper ul { width: 186px; margin: 35px 42px 50px 0px; display: inline-block; font-family: Helvetica, Arial, sans-serif; }
#division_wrapper ul:last-of-type { margin-right: 0 !important; }
#division_wrapper ul li { list-style-type: none; }
#division_wrapper a { color: #666; font-size: 15px; text-decoration: none; }
#division_wrapper a:hover { color: #537dc5; }
#division_wrapper h3 a { background: url(/_assets/_gfx/arrow-grey-forward.svg) no-repeat 0 center; padding-left: 21px; color: #416ebf; }
.no-svg #division_wrapper h3 a { background: url(/_assets/_gfx/arrow-grey-forward.png) no-repeat 0 center; padding-left: 21px; color: #416ebf; }
#division_wrapper h3 a:hover { background: url(/_assets/_gfx/arrow-blue-forward.svg) no-repeat 0 center; }
.no-svg #division_wrapper h3 a:hover { background: url(/_assets/_gfx/arrow-blue-forward.png) no-repeat 0 center; }
#division_wrapper li { padding-bottom: 7px; font-weight: 300; line-height: 16px; font-family: 'Open sans', Helvetica, Arial, sans-serif; }
#division_wrapper li li { padding-bottom: 6px; font-weight: normal; line-height: 16px; }
#division_wrapper li a { font-size: 12px; padding: 0; }

div.feature_intro div { padding: 23px 23px 12px 23px; min-height: 120px; margin: 0; float: left; }
.fi_intro { width: 400px; font-size: 25px; font-family: 'Minion Pro', Georgia, serif; line-height: 32px; margin-left: 0; color: #333333; }
.fi_info { width: 435px; line-height: 32px; border-left: 1px solid #e5e2d8; color: #666; }
.fi_info p { font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; }
.fi_info p em { font-style: italic; color: #333; }
.fi_info a { color: #4069a9; text-decoration: none; background: #fff; padding: 3px; border: 1px solid #ebebeb; }
.fi_info a:hover { background: #fff; border: 1px solid #d4d1ce; color: #163669; }

h3.border_side { background: url(/_assets/_gfx/bg-htag-1px-grey.png) no-repeat 100% 9px; font-size: 22px; color: #333; line-height: 23px; margin: 23px 14px 12px 14px; font-family: 'Minion Pro', Georgia, serif; }
h3.border_side.newsroom-heading {	width: 882px; float: left; }
h3.border_side.events-heading { margin-top: 7px; }
h3.border_side.newsroom-heading a,
h3.border_side.events-heading a {
	font-size: 13px;
	background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat 0 center #ffffff;
	padding: 0 7px 0 14px;
	font-family: 'Open sans', Helvetica, Arial, sans-serif;
}
#division_wrapper .divisions h3.border_side { margin-left: 0px; }
#division_wrapper .divisions.hidden { display: block !important; max-height: 0; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; }
#division_wrapper .divisions { max-height: 1000px; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; }


/************************************************************
	Feature Buttons
************************************************************/
.featurebuttons {
    padding: 0;
	margin: 0px 0px 42px 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.featurebuttons div {
    font-family: 'Open sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
    width: 186px;
	float: left;
	margin: 14px 46px 0px 0px;
	padding: 14px 14px 14px 14px;
	background: #fcfcfb;
	border: 1px solid #e1e1e1;
	line-height: 1.4;
    box-sizing: border-box;
	border-radius: 3px;
    transition: all 0.2s ease-in;
}
.featurebuttons div:hover {
    background: #ffffff;
    border: 1px solid #ccc;
}

.featurebuttons img { width: 157px; margin: -11px 0px 0px -5px; border: none 0; }
.featurebuttons div:last-of-type { margin-right: 0px !important;  }
.featurebuttons a { 
    display: block;
	color: #416ebf;
	border-radius: 0;
	margin: 7px 0 0 0;
	padding: 0px 0px 0px 14px;
	border: none;
	background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat 0 3px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
}
.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; }



/************************************************************
	Media Queries
************************************************************/
/* large screen */
@media only screen and (min-width: 1350px) {
	.top-banner img,
	.top-banner video { margin-top: -8%; }
}

@media only screen and (min-width: 1025px) and (max-width: 1349px) {
	.top-banner video { margin-top: -5%; }
	#features { width: 1142px; margin: 0px 0px 21px 0px; font-family: Helvetica, Arial, sans-serif; }
	.news article:last-child { margin-right: 0px; }
}

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body { margin-bottom: 35px; }
	div.call_to_action {
        width: 72%;
        margin: -270px 14px 145px 32px;
    }
	.top-banner video { min-width: 1024px; }
    .call-to-action-message { width: 60%; }
    #wrapper { background: url(/_assets/_gfx/bg-homepage.png) 0 -91px repeat-x; }
	div.call_to_action { top: 70px; left: 210px; }
	#title .titleinner { width: 696px;}
	#title .titleinner .slider { width: 696px; min-height: 450px; }
	#title .titleinner img { width: 696px; height: 309px; }
	.feature_intro { width: 696px; }
	#features { padding: 0; margin: 50px 0px 0px 0px; width: 907px; }
	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; }
	.fi_intro { width: 278px; color: #666666; }
	.fi_info {  width: 303px; }
	.fi_info p { line-height: 25px; }
	section.footer_bottom ul { margin-left: 0px; }
    h3.border_side.newsroom-heading { width: 650px; }
    #division_wrapper { background: none; }
	#division_wrapper .divisions { width: 882px; }
	#division_wrapper article { width: 139px!important; padding: 5px 0 14px; }
	#division_wrapper article:last-of-type { margin-right: 0;  }
	#division_wrapper h3 a { background: none; padding-left: 0px; }
	#contentwrapper { width: 907px; }
    /* Promos */
    .promos .gridhalf { width: 416px; }
	.promos .gridthird { width: 262px; }
    .promos .gridquarter { width: 185px; }
    .promos .grid1 {
    	width: 157px;
		margin-right: 23px;
	}
    .promos .gridhalf .promo-text { width: 188px; }
	.promos .gridthird .promo-text { width: 232px; }
    .promos .gridhalf img {
        float: left;
        max-width: 186px;
        padding-top: 14px;
        padding-left: 14px;
    }
    .featurebuttons div:nth-last-of-type(2) { margin-right: 0; }
	.featurebuttons div:last-of-type { display: none; }
}


/* iPad portrait */

@media only screen and (max-width: 768px) {
  body { margin-bottom: 35px; }
	.top-banner video {
		margin-top: 0%;
		height: 480px;
		overflow: hidden;
		width: auto;
	}
    .top-banner img { max-width: 111%; }
    .call_to_action:hover {	box-shadow: none; }
    .call-to-action-message { width: 60%; }
	div.call_to_action {
        width: 100%;
        margin: -70px 0px 45px 0px;
		box-shadow: none;
		padding: 14px;
    }
	#contentwrapper p.call-to-action-button { margin-top: 21px;	}
	#wrapper { background: url(/_assets/_gfx/bg-homepage.png) 0 -91px repeat-x; }
	div.call_to_action { top: 15px; }
	.feature_intro { width: 464px; }
	.fi_intro { width: 419px; margin-left: 0; }
	.fi_info { width: 419px; border-top: solid 1px #e5e2d8; border-left: none; }
	.fi_info p { line-height: 25px; }
	.spotlight { margin: 0 0 0 14px; }
	.spotlight .alumni-fact,
	.spotlight .accommodation-fact,
	.spotlight .international-fact,
	.spotlight .research-fact,
	.spotlight .undergraduate-fact {
		background-size: 100%;
		background-position: center -10px;
	}
	#features .featurebuttons article:last-child { }
	#division_wrapper { background: none; }
	#division_wrapper .divisions { width: 650px; }
	#division_wrapper article { width: 110px; padding: 5px 0 14px; margin-right: 25px; }
	#division_wrapper h3 a { background: none; padding-left: 0px; }
	#contentwrapper { width: 664px; }
    h3.border_side.newsroom-heading { width: 408px; float: left; background: none; }
	h3.border_side.events-heading { width: 195px; float: right; margin-right: 0; margin-top: -56px; background: none; }
	h3.border_side.newsroom-heading a,
	h3.border_side.events-heading a { display: block; }
	h3.border_side.profile-heading { display: none; }
    #features { width: 100%; box-sizing: border-box; }
	#features .news {
		margin-right: 0;
		margin-bottom: 14px;
		padding-right: 0;
	}
    #features .news article:nth-of-type(5):before {
		content: 'Profile';
		display: block;
		height: 30px;
		font-size: 22px;
        color: #333333;
        line-height: 23px;
        margin: 0px 14px 12px 0px;
        font-family: 'Minion Pro', Georgia, serif;
	}
	#features .events { border-left: none; }
	#features .features.events {
		width: 194px;
		float: right;
		display: block;
	}
	#features div.features.events article {
        width: 186px;
        margin: 7px 0px 14px 0;
        padding: 3px 0px 14px 0px;
        background-color: #ffffff;
        border: none;
		float: none;
    }
	.news article img { margin-right: 23px; }
	/* Resets the profile thumbnail */
	div.features.news article a:first-child { display: inline; }
    /* Promos */
    .promos {
        clear: both;
        margin-right: 0;
		width: 100%;
			box-sizing: border-box;
    }
    .promos .gridhalf { width: 295px; }
	.promos .gridthird { width: 201px; margin-right: 23px; }
    .promos .gridquarter {
    	width: 45.5%;
		margin-bottom: 21px;
	}
    .promos .grid1 {
    	width: 186px;
		margin-right: 23px;
		margin-bottom: 21px;
	}
    .promos .gridquarter:nth-of-type(2n) { margin-right: 0; }
    .promos .gridhalf .promo-text { width: 202px; }
	.promos .gridthird .promo-text { width: 156px; }
    .promos img {
        float: left;
        max-width: 100%;
        width: 100%;
    }
    .promos .gridhalf img { max-width: 100%; }
	.featurebuttons { margin-top: 0; }
    .featurebuttons div {
        width: 30.9%;
        margin: 14px 3.6% 21px 0px;
    }
	.featurebuttons div:nth-last-of-type(3) { margin-right: 0; }
	.featurebuttons article {
		width: 118px;
		margin: 14px 14px 0px 0px;
		padding: 7px;
		font-size: 12px;
	}
	.featurebuttons article a {
		padding-left: 0px;
		background: none;
	}
    div.call_to_action { padding-right: 0; }
    .spotlight div { width: 21.6%; }
	#contentwrapper .spotlight div a { padding-top: 120px; }
	.spotlight div:nth-of-type(5) { display: none; }
}


/*--------------------------------
	
Small tablet and smartphone
	
--------------------------------*/
	
@media only screen and (max-width: 700px) {
	body.frontpage { background: none; }
	#globalsearch { width: 100%; }
	#globalsearch form input.searchinput { width: 82%; }
	#wrapper { background: none; }
    div.global_nav_footer {	
		width: 100%;
		height: 76px;
		padding: 48px 0px 0;
		position: absolute;
		bottom: -120px;
		left: 0%;
		z-index: 5;
		background-image: url(/_assets/_gfx/bookmark-flyout-mobile-tail.png); background-size: contain; background-position: 0 0;
		background-repeat: no-repeat;
	}
	#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%;
		background: url(/_assets/_gfx/bg-homepage.png) -240px bottom repeat-x;
	}
	.titleinner {	padding: 0px; }
	#title .titleinner .slider {
		width: 100%;
		min-height: 100px;
	}
	#title .titleinner img {
		max-width: 120%;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.top-banner {
        max-height: 250px;
        overflow: hidden;
	}
	.top-banner video {	max-height: 400px; }
	div.call_to_action { margin: 0px 0px 35px 0px; }
	.call-to-action-message {
        width: 100%;
        float: none;
    }
	.spotlight {
		max-width: 100%;
        margin-left: 3%;
        margin-right: 3%;
	}
    .spotlight div { width: 31.1%; }
	.spotlight div:nth-of-type(3) { margin-right: 0; }
	.spotlight div:nth-of-type(4) { display: none; }
    #contentwrapper .spotlight div a { padding-top: 160px; }
	#contentwrapper p.call-to-action-button {
        float: none;
		max-width: 60%;
    }
	#contentwrapper p.call-to-action-button a { max-width: 150px; }
	/* Intro box */
	.feature_intro {
		width: 97%;
		margin-left: 3%;
	}
	div.feature_intro div {
		padding: 14px 4% 14px 3%;
		min-height: 45px;
	}
	.fi_intro, .fi_info {
		width: 90%;
		font-size: 17px;
		line-height: 1.3;
        font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
        font-weight: 300;
	}
	/* Sub introduction text */
	.fi_info { display: none; }
	#title img {
		margin: 0px;
		display: block;
	}
	#contentwrapper {
    	width: 100%;
		margin: 0;
		padding: 0;
	}
	/* Apply now box that fades in */
	
	/* Feature boxes */
	#features {
		width: 95%;
		margin-left: 3%;
	}
	h3.border_side {
		width: 91%;
		margin: 23px 0 21px 3%;
		font-size: 23px;
        line-height: 1.5;
	}
    h3.border_side.newsroom-heading { width: 97%; }
	#features .news {
		width: 97%;
		float: none;
		margin-right: 0px;
		margin-left: 3%;
	}
	#features .news article {
		width: 47.8%;
		display: block;
		float: left;
		margin-right: 3%;
		margin-bottom: 7px;
	}
	.features article { padding: 0; }
	div.features.news article a:first-child { display: block; }
	#features .news article:hover { background: none;	}
	#features .news article:nth-child(5) { width: 96.5%; }
    div.features.news article a:first-child,
    div.features.news article:nth-child(5) a:first-child { max-height: 100%; }
	#features .news article:nth-child(2n) { margin-right: 0; }
	#features .news article:last-child {	margin-right: 0; }
	#features .news article:nth-child(3) { clear: left; }
	.news article:hover {
		border: 1px solid #ffffff;
		background: none;
	}
	.news article img {
		float: none;
		margin-right: 23px;
		margin-bottom: 7px;
		max-width: 100%;
		padding: 1px;
		border: 1px solid #e4e4e4;
		width: 100%;
        box-sizing: border-box;
	}
	.news article .articletext {
		width: 100%;
		margin-bottom: 14px;
	}
	.news article h3 { margin-top: 0;	}
	/* Event styles */
	h3.border_side.events-heading {
		width: 97%;
		margin-left: 3%;
		margin-top: 0px;
	}
	#features .features.events {
        width: 97%;
        margin-left: 3%;
        float: none;
        display: block;
      }
	#features .events {
		width: 97%;
		float: none;
		clear: both;
		margin-top: 14px;	
		border: none;
		padding-left: 0;
		margin-left: 3%;
	}	
	#features div.features.events article {
		margin-right: 0%;
		margin-top: 0;
		padding-top: 0;
		padding-left: 21px;
		width: 100%;
		float: none;
		margin-bottom: 0;
		background-position: 0 top;
	}
	div.features.events article:nth-child(2n) { margin-right: 0; }
	div.features.events article:nth-child(3n) { clear: left; }
	div.features.events article:last-child { display: none; }
	body.OTAGO_093780.events article h3 { padding-right: 0px; }

	/* Feature buttons */
	.featurebuttons {
		width: 97%;
		padding: 0px;
		margin-left: 3%;
		clear: both;
	}
	.featurebuttons article {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		width: 38%;
		float: left;
		background-repeat: repeat-x;
		background-position: left bottom;
		margin: 14px 5% 14px 0px;
		padding: 14px 3% 14px 3%;
		line-height: 18px;
	}
	a.residentialcollegebutton { padding: 3px 13px 3px 13px; }
    .svg a.residentialcollegebutton {
        background: url(/_assets/_gfx/yellow-arrow-small.svg) no-repeat 0 6px;
		padding-left: 14px;
	}
	.featurebuttons article:nth-child(2n) { margin-right: 0; }
	#division_wrapper .divisions {
    	width: 96%;
		margin: 28px 0 0 4%;
		padding: 0px 0px 14px;
	}
	#division_wrapper article {
    	width: auto;
		margin-bottom: 0;
		padding-bottom: 7px;
		margin-right: 3%;
	}
	#division_wrapper h3 { font-size: 19px; }
	#division_wrapper article a {
		font-size: 12px;
		background-color: #f1f1f1;
		border: 1px solid #e4e4e4;
		padding: 7px 10px;
		border-radius: 16px;
		margin-bottom: 0px;
		display: inline-block;
	}
	#division_wrapper article a:hover { background-color: #e1e1e1; }
	ul.footer_social_lang {
		float: left;
		clear: both;
	}
    /* Promos */
    .promos {
        clear: both;
        margin-left: 3%;
        margin-right: 0;
        width: 94%;
    }
    .promos .gridhalf {
        width: 44%;
        margin-right: 5%
    }
    .promos .gridthird {
		width: 100%;
        margin-right: 0%;
		margin-bottom: 14px;
	}
    .promos .gridquarter {
    	width: 47.5%;
		margin-right: 5%;
		margin-bottom: 21px;
	}
    .promos .grid1 {
    	width: 94%;
		margin-right: 0px;
		margin-bottom: 21px;
	}
    .promos .promo-text,
    .promos .gridhalf .promo-text,
    .promos .gridthird .promo-text { width: auto; }
    .promos img {
        float: none;
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .top-banner { height: auto; }
    .top-banner img { max-width: 140%; }
    #contentwrapper .spotlight div a { padding-top: 100px; }
    #contentwrapper p.call-to-action-button { max-width: 100%; box-sizing: border-box; }
    div.call_to_action { top: 7px; width: 97%; margin-bottom: 21px; }
    h3.border_side { margin: 23px 0 21px 0%; }
    #features .news { margin-left: 0; width: 98%; }
    .news article img { margin-right: 0; }
    .promos { margin-top: 28px; margin-bottom: 0; }
    #features .news article:nth-child(5) { width: 100%; box-sizing: border-box; }
    .featurebuttons div { width: 97%; margin: 0 0 7px 0; padding: 7px; }
	a.residentialcollegebutton { margin-top: 0; }
    .promos .promo-text, .promos .gridhalf .promo-text, .promos .gridthird .promo-text, #contentwrapper .spotlight div a { hyphens: auto; }
}

@media only screen and (max-width: 350px) {
    .topnavinner { width: 90%; }
    #globalsearch form input.searchinput { width: 80%; }
    .searchbutton {	display: none; }
    div.call_to_action { padding: 0 0 0 3%; }
    .spotlight div { width: 46.6%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
    .spotlight div:nth-of-type(3) { display: none; }
    #globalsearch form input.searchinput { width: 74%; margin-right: 0; }
    #globalsearch form button { width: 28px; }
}