@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:700&display=swap');

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



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

Corona Virus CSS

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

#emergency.critical {
    display: none;
}
body.emergency #wrapper {
    top: 0 !important;
}
header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#title h1 {
    background: none;
    color: #1f4a8c;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    -webkit-font-variant-ligatures: normal;
    font-size: 50px;
    font-variant-ligatures: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.05;
    opacity: 1;
    padding-top: 35px;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    max-width: 650px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#title p.heading-translation {
    color: #888888;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 21px;
    margin-top: -10px;
    padding-left: 23px;
  }
#content h2 {
    border-bottom: 0;
    border-top: 4px dotted #dddddd;
    font-size: 28px;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 21px;
    margin-top: 35px;
    padding-bottom: 7px;
    padding-top: 28px;
    text-rendering: optimizeLegibility;
}
#content h3 a {
    border-bottom: none;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content h3 {
    color: #444444;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px;
    margin-top: 28px;
}
#content h3 + p.smalltag {
    display: none;
    font-style: normal;
}
.n12102 #content p.smalltag,
#content p.date-tag {
    background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 10px 10px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #777777;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    padding: 7px 7px 7px 30px;
}
#content h4 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 700;
  line-break: 1.5;
  margin-bottom: 7px;
  margin-top: 21px;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#right p,
#right li,
#right dt,
#right dd{
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li {
  font-size: 15px;
  line-height: 1.6;
}
#content ul,
#content ol {
    margin-left: 16px;
}
#content ul li {
    list-style-image: url(/_assets/_gfx/arrow-yellow-forward.svg);
    margin-bottom: 7px;
}
#content form ul li {
    list-style-image: none;
}
#content ol li {
    margin-bottom: 7px;
}
#content hr {
    border-top: 4px dotted #dddddd;
    margin-bottom: 42px;
    margin-top: 49px;
}
#content ul.pagesubnav {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    padding-bottom: 14px;
    padding-top: 21px;
}
#content ul.pagesubnav li {
    margin-bottom: 7px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
}
#content article img {
    display: none;
}
#content .feature-container {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 10px 20px #f9f9f9;
    margin-bottom: 35px;
    padding: 14px;
}
#content p + .feature-container {
    margin-top: 14px;
}
/*.frontpage #content #box3 h3,
.frontpage #content #box4 h3  {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    font-weight: 400;
}*/
#content .grid-container {
    display: flex;
    flex-wrap: wrap;
}
#content .grid-half {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 10px 20px #f5f5f5;
    box-sizing: border-box;
    margin-bottom: 23px;
    margin-right: 5%;
    margin-top: 21px;
    width: 47.5%;
}
#content .grid-half:nth-of-type(2n) {
    margin-right: 0;
}
#content .grid-half p a {
    border-bottom: 0;
}
#content .grid-half p img {
    border: 0;
    border-radius: 2px 2px 0 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
#content .grid-half p + p {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 0px 14px 14px 14px;
}
#content .grid-half p + p:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 5px;
    margin-bottom: 7px;
    width: 40px;
}
#content .grid-half p + p .smalltag {
    color: #888888;
    display: inline-block;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 7px;
    margin-top: 3px;
}
#content .notice {
    border: 1px solid #dddddd;
    border-radius: 3px;
    background-position:  10px 17px;
    margin-bottom: 35px;
    margin-top: 0;
}
#content p + p.notice,
#content div + p.notice {
    margin-top: 35px;
}
body.frontpage #content article h3 {
    margin-bottom: 7px;
    margin-top: 0;
}
#right {
    background: none;
    margin-top: 0px;
}
#right h2 {
    color: #333333;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 7px;
    padding-right: 0;
}

.OTAGO731758 #content p.smalltag,
.OTAGO731758 #content p {
    display: none;
}
.OTAGO731758 #content h2 {
    font-size: 25px;
}

/* Locations of interest */

.n13047 #content {
    box-sizing: border-box;
    width: 100%;
}
.n13047 #content ul {
    border: 1px solid #cccccc;
    border-radius: 6px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.01), 0 4px 4px rgba(0,0,0,0.02);
    display: flex;
    margin: 35px 0;
}
.n13047 #content ul li {
    flex: 1;
    list-style: none;
    margin: 0;
}
.n13047 #content ul li:first-of-type a {
    border-radius: 6px 0px 0px 6px;
}
.n13047 #content ul li:last-of-type a {
    border-radius: 0px 6px 6px 0px;
}
.n13047 #content ul li a {
    background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat right 14px top 50% #ffffff;
    background-size: 10px;
    border-bottom: none;
    display: block;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.2;
    padding: 14px;
    transition: all 0.3s ease;
}
.n13047 #content ul li a:hover {
    background-color: #f9f9f9;
}
.n13047 #content ul li:not(:last-of-type) {
    border-right: 1px solid #cccccc;;
}
.n13047 #content h2 + h3 {
    margin-top: 0;
}
.n13047 #content h3 {
    color: #00508f;
    letter-spacing: 0.01em;
}
.n13047 #content table th {
    background: none;
    color: #888888;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.01em;
    padding-bottom: 14px;
}
.n13047 #content table td {
    padding-bottom: 14px;
    padding-top: 14px;
}
.n13047 #content table td,
.n13047 #content table td p {
    font-size: 15px;
    line-height: 1.5;
}
.n13047 #content table th:first-of-type,
.n13047 #content table td:first-of-type {
    padding-left: 0;
}
.n13047 #content table td p {
    margin-bottom: 0;
}
.n13047 #content table td + p + p {
    margin-bottom: 14px;
}

/**** colour class styles start ****/

#content p .green,
#content p .orange,
#content p .red {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: .5px;
  padding: 0px 5px 3px 5px;
  text-align: center;
  border: 3px solid;
  border-radius: 16px;
  min-width: 45px;
  margin-right: 4px;
  margin-bottom: 4px;
  display:inline-block;
}
#content p .green {
    color: green;
}
#content p .orange {
    color: orange;
}
#content p .red {
    color: red;
}
#content p .orange {
    color: orange;
}
#content p .red {
    color: red;
}

/* #content p .green:before,
#content p .orange:before,
#content p .red:before{
	content: '';
	display: inline-block;
	height: 13px;
	margin-bottom: 0px;
    margin-right: 5px;
	width: 13px;
    border-radius: 15px;
}
#content p .green:before {
    background: green;
}
#content p .orange:before {
    background: orange;
}
#content p .red:before {
    background: red;
} */

/**** colour class styles end ****/


/*  FRONTPAGE  */

.frontpage #content h2 {
    border-top: none;
    padding-top: 0;
}
.frontpage #content #box3 article:first-of-type,
.frontpage #content #box4 article:first-of-type {
    display: none;
}

.frontpage #content #box3 h3 + p.smalltag,
.frontpage #content #box4 h3 + p.smalltag {
    margin-bottom: 28px;
}
body.frontpage #content article h3 {
    margin-bottom: 7px;
    margin-top: 0;
}

body.frontpage #content .grid3 {
    display: flex;
    flex-wrap: wrap;
}
body.frontpage #content .grid3 {
    margin-top: 35px;
}
body.frontpage #content .grid3 .grid_half {
    background: #f9c000;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 46px;
    margin-right: 3.2%;
    padding: 21px 14px 14px 14px;
    position: relative;
    width: 22.6%;
}
body.frontpage #content .grid3 .grid_half:nth-of-type(2) {
    margin-right: 3.2% !important;
}
body.frontpage #content .grid3 .grid_half:before {
    background: url(/_assets/_gfx/crest-white-line-right.svg) no-repeat 50px 0px;
    background-size: 300px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}
body.frontpage #content .grid3 .grid_half h2 {
    font-family: 'Saira Extra Condensed', 'Open Sans', sans-serif;
    font-size: 31px;
    font-style: italic;
    line-height: 0.95;
    margin-bottom: 14px;
    margin-top: 07px;
    text-align: center;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
body.frontpage #content .grid3 .grid_half h2 span {
    color: #ffffff;
    filter: drop-shadow(0px 3px 5px #c29600);
}
body.frontpage #content .grid3 .grid_half h2:after {
    background: #ffffff;
    content: '';
    display: block;
    height: 3px;
    margin-left: calc(50% - 30px);
    margin-top: 21px;
    width: 60px;
}
body.frontpage #content .grid3 .grid_half p {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 19px;
    line-height: 1.2;
    position: relative;
    text-align: center;
    z-index: 999;
}
body.frontpage #content .grid3 .grid_half a {
    border-bottom: 0;
}

body #content .bold-link li strong a{
    color: #416ebf;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: .4px;
    line-height: 1.3;
    margin-top: 21px;
}
body #content .bold-link li {
    list-style: none;
    font-size: 15px;
    line-height: 2;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif; 
}
body #content .bold-link ul {
    padding: 0;
    margin: 0;
}
body #content .bold-link {
    padding-bottom: 10px;  
}




/* Tablet styles */

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


@media only screen and (min-width: 770px) and (max-width: 925px) {
    #contentwrapper {
         padding-left: 0;
        padding-right: 0;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
    body.frontpage #content #box4 .grid_half {
        margin-right: 0;
        width: 100%;
    }
    body.frontpage #content #box4 .grid_half:nth-of-type(2) {
        margin-right: 0 !important;
    }
}




@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #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;
    }
    .OTAGO837227 #content ul {
        flex-wrap: wrap;
    }
    .OTAGO837227 #content ul li {
        flex: 100%;
    }
    .OTAGO837227 #content ul li:not(:last-of-type) {
        border-bottom: 1px solid #cccccc;
        border-right: none;
    }
    .OTAGO837227 #content ul li a:first-of-type {
        border-radius: 6px 6px 0 0;
    }
    .OTAGO837227 #content ul li a:last-of-type {
        border-radius: 6px 6px 6px 6px;
    }
}



@media only screen and (min-width: 701px) and (max-width: 768px) {
    body.frontpage #content #box4 .grid_half {
        margin-right: 0;
        width: 100%;
    }
}




/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body.frontpage .titleinner,
    .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage #title h1 {
        font-size: 45px;
    }
    #title p.heading-translation {
        font-size: 20px;
        margin-left: 0%;
        margin-top: 0;
        max-width: 92%;
        padding-left: 0;
    }
    #content {
        width: 97%;
    }
    #content .grid-container .grid-half img {
        float: none;
    }
    #content .grid-half {
        margin-bottom: 0px;
    }
    #content .grid-half p + p {
        font-size: 21px;
    }
    #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 .grid-half p + p .smalltag {
        font-size: 18px;
    }
    body.frontpage #content .grid3 .grid_half {
        margin-bottom: 28px;
        margin-right: 5%;
        padding-left: 14px;
        padding-right: 14px;
        width: 47.4%;
    }
    body.frontpage #content .grid3 .grid_half:nth-of-type(2) {
        margin-right: 0 !important;
    }
    body.frontpage #content .grid3 .grid_half h2 {
        font-size: 35px;
    }
    
    /* Locations of interest */
    
    .n13047 #content {
        max-width: 97%;
    }
    .n13047 #content table,
    .n13047 #content table tr,
    .n13047 #content table tbody,
    .n13047 #content table thead,
    .n13047 #content table td,
    .n13047 #content table th {
        display: block;
    }
    .n13047 #content table th {
        display: none;
    }
    .n13047 #content table td,
    .n13047 #content table td:first-of-type {
        padding-left: 14px;
        padding-right: 14px;
    }
    .n13047 #content table td:first-of-type:before,
    .n13047 #content table td:nth-of-type(2):before,
    .n13047 #content table td:nth-of-type(3):before {
        color: #888888;
        display: block;
        font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
        font-size: 15px;
        line-height: 1.2;
        margin-bottom: 9px;
        width: 100%;
    }
    .n13047 #content table td:first-of-type:before {        
        content: 'Locations / activity / map link';
    }
    .n13047 #content table td:nth-of-type(2):before {
        content: 'Time / campus';
    }
    .n13047 #content table td:nth-of-type(3):before {
        content: 'Added';
    }
    .n13047 #content table td:not(:last-of-type) {
        padding-bottom: 0;
    }
    .n13047 #content table td,
    .n13047 #content table td p {
        font-size: 16px;
    }
}