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


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

PACIFIC ISLANDS CENTRE CSS

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

body {
    background: url(gfx/background.png) center 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
    margin-top: 0px;
}
.titleinner img {
    display: none;
}
#title h1 {
    background: url(gfx/title.png) 23px 86px no-repeat;
    color: #626b82;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin-top: 3px;
    padding: 325px 0 21px 23px;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    max-width: 650px;
}
#content h1 {
    display: none;
}
#content h2 {
	border-bottom: none;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 35px;
	line-height: 1.2;
	margin: 0 0 21px 0;
	text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
    color: #626b82;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
    margin-bottom: 14px;
    margin-top: 21px;
}
#content .content-button a, #content .next-step a, #right .next-step a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content button,
#right p,
#right li,
#right input,
#content p.fullwidthimage {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
#content ul {
    margin-left: 16px;
}
#content li {
    margin-bottom: 7px;
}
#content p img,
#content p.fullwidthimage img {
    border: none;
    padding: 0;
}
#content .grid-third {
    width: 30%;
    float: left;
    margin-right: 5%;
    margin-bottom: 46px;
    border: 1px solid #dddddd;
    box-shadow: 0 10px 20px #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
}
#content .grid-third h3 {
    margin: 14px 14px 21px 14px;
    padding: 0 0;
}
#content .grid-third h3:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 3px;
    margin-bottom: 7px;
    width: 37px;
}
#content .grid-third:nth-of-type(3n) {
    margin-right: 0;
}
#content .grid-third h3 a {
    border-bottom: none;
}
#content .grid-third p {
    margin-bottom: 0;
}
#content .grid-third img {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
}
#content blockquote.pulledquote {
    background: #ffffff;
    border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 5px 10px #f9f9f9;
	box-sizing: border-box;
    color: #333333;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 1.6;
    float: left;
    margin-bottom: 28px;
    margin-left: 0;
    margin-top: 14px;
	min-height: 155px;
	padding: 21px;
	position: relative;
    width: 46.5%;
}
.OTAGO022936 #content blockquote.pulledquote:not(:nth-of-type(2n)) {
    margin-right: 7%;
}
#content blockquote.pulledquote:after {
    background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	width: 20px;
	bottom: -14px;
	left: 14px;
}
#content .notice {
    margin-bottom: 46px;
}
#right {
    background: none;
}
#right h2 {
    margin-bottom: 7px;
}

/*  FRONTPAGE  */

body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage #title h1 {
    background-position: 23px 130px;
    padding-top: 400px;
}
body.frontpage #content {
    display: flex;
    flex-wrap: wrap;
}
body.frontpage #content h2 {
    border-bottom: none;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 42px;
}
#right hr  {
    border: none;
    border-top: 1px solid #dddddd;
}
/* Orientation Week */
    
body.frontpage #content .tile-box-shadow-container.grid-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
/*     width: 882px; */
}
body.frontpage #content .tile-box-shadow-container.grid-container h2 {
    width: 100%;
    font-size: 40px;
    color: #519119;
    background: url(/_assets/OtagoCorporate/gfx/future-students/border-dot.svg) repeat-x;
    background-size: 7px;
    margin-top: 30px;
    padding-top: 20px;
}
body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter {
  width: 21%;
}
.grid-quarter {
  /*! -webkit-box-shadow: 0 0 14px #e4e4e4; */
  /*! box-shadow: 0 5px 14px #e9e9e9; */
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
.grid-quarter:hover {
  -webkit-box-shadow: 0 0 4px #e4e4e4;
  box-shadow: 0 0 4px #e4e4e4;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}
#content .grid-quarter h3 {
  margin: 14px 14px 7px 14px;
  font-family: "Amsi pro condbold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 23px;
  line-height: 1.15;
}
#content .grid-quarter h3 a {
  border-bottom: none;
}
#content .grid-quarter p:not(:first-child) {
  margin: 0px 14px 14px 14px;
}
#content .grid-quarter img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
#content .grid-quarter h3:after {
  content: '';
  width: 37px;
  height: 3px;
  display: block;
  background: #f9c000;
  margin-top: 14px;
}

/* Quote */

body.frontpage #content.otgx .quote-box {
    position: relative;
    font-family: Georgia, Times New Roman, serif;
    font-style: italic;
    background: #f1f1f1;
    padding: 21px;
    margin-bottom: 35px;
    box-shadow: 0 5px 10px #f9f9f9;
}
body.frontpage #content.otgx .quote-box img {
    border-bottom: none;
    width: initial;
}

/* Profile pages */

body.OTAGO022924 #content h3 img {
    float: right;
}
body.OTAGO022924 #content hr {
    clear: both;
    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@2x.png);
      background-size: 326px;
    }
}



/* Tablet styles */

@media only screen and (min-width: 1024px) and (max-width: 1160px) {
	#contentwrapper {
		padding: 0 0 14px 0;
	}
}



@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #wrapper {
        background: url(gfx/banner-frontpage.jpg) -170px 0px no-repeat;
    }
    #wrapper {
        background: url(gfx/banner.jpg) -170px 0px no-repeat;
    }
    #title h1.notopimage {
        max-width: 418px;
    }
    #features {
        width: 650px;
    }
}



@media only screen and (min-width: 769px) and (max-width: 928px) {
	#contentwrapper {
		padding: 0 0 14px 0;
	}
}




@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -155px 0;
        width: 753px;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.15;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner-frontpage.jpg) -155px 0px no-repeat;
        background-size: 1200px;
    }
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        background-size: 250px;
        background-position: 23px 105px;
        padding-top: 305px;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
    body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter {
        width: 47%
    }
}




/* Mobile styles*/

@media only screen and (max-width: 700px) {
   body,
    body.frontpage {
        background: none;
    }
    #wrapper,
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -230px 0px no-repeat;
        background-size: 900px;
        width: 100%;
    }
    #content {
        background-size: contain;
    }
    body.frontpage #content {
        background: none;
    }
    .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage #title h1 {
        background-size: 220px;
        background-position: 0 40px;
        margin-left: 0;
        padding-left: 0;
        padding-top: 170px;
        width: 100%;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }

    #features .events {
        width: 97%;
        margin-left: 0px;
        padding: 0;
    }
    #features .events article {
        width: 47.5%;
        margin-right: 5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
/*     body.frontpage #content .tile-box-shadow-container.grid-container .grid-quarter {
        width: 100%
    } */
}

@media only screen and (max-width: 500px) {
    #content .grid-third {
        width: 100%;
        margin-right: 0;
        margin-bottom: 23px;
    }
    #content .grid-third img {
        float: none;
        width: 100%;
    }
}