/*! 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 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: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }


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

Pacfic at Otago CSS

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

body {
    background: url(gfx/background.png) repeat-x 0 0;
}
#wrapper {
    background: url(gfx/banner.jpg) center 0px no-repeat;
}
#title h1 {
    background: url(gfx/title.png) 24px 12px no-repeat;
    color: #954E21;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 45px;
    font-weight: 300;
    line-height: 1.05;
    margin-top: 3px;
    max-width: 650px;
    opacity: 1;
    padding: 230px 43px 28px 23px;
    position: static;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: 'liga', 'kern';
}
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;
}
.titleinner {
    padding-top: 3px;
    padding-bottom: 0px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#content p,
#content ul,
#content ol,
#content table,
#content td,
#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 input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
    line-height: 1.5;
}
#content p,
#content ul,
#content ol,
#content dl,
#content dt,
#content dd {
    font-size: 16px;
}
#content ul {
    margin-left: 16px;
}
#content li {
    margin-bottom: 3px;
}
#content a {
    transition: all 0.3s ease-out;
}
#content h2 {
    padding-bottom: 7px;
    font-size: 28px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.35;
    margin-top: 35px;
    text-rendering: optimizeLegibility;
    border-bottom: none;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content hr {
    border-color: #e4e4e4;
}
#content h3,
#content h4 {
  color: #333333;
    line-height: 1.4;
    font-family: "Minion Pro", Minion, Georgia, serif;
}
#content .quote-box {
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #e4e4e4;
    padding: 14px;
    margin-bottom: 28px;
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, Times, serif;
    color: #777777;
    font-size: 16px;
    position: relative;
}
#content .quote-box:after {
    background: url(gfx/quote-tail.png) no-repeat 0 0;
    content: '';
    display: block;
    width: 35px;
    height: 22px;
    position: absolute;
    bottom: -22px;
    right: 5%;
}

#right {
    background-size: 26px 100%;
}
#map_canvas {
   width: 100%;
   height: 400px;
}
#content p#map_canvas img {
    max-width: none;
}



/*  FRONTPAGE  */

body.frontpage {
    background: url(gfx/background-frontpage.png) repeat-x 0 0;
}
body.frontpage #wrapper {
    background: url(gfx/frontpage-banner.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #title h1 {
    background: url(gfx/title.png) 24px 35px no-repeat;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.05;
    max-width: 100%;
    padding: 340px 0px 0px 23px;
}
body.frontpage #content.otgx {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
body.frontpage #content.otgx h2 {
    font-size: 21px;
    border-bottom: none;
    margin-bottom: 21px;
}
body.frontpage #content.otgx .grid_third {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 15px 30px #f5f5f5, 0 3px 5px #e4e4e4;
    margin-bottom: 46px;
    margin-right: 5.2%;
    padding-bottom: 14px;
    transition: box-shadow 0.2s ease-out;
    width: 29.6%;
}
body.frontpage #content.otgx .grid_third:hover {
    box-shadow: 0 0 2px #f1f1f1;
}
body.frontpage #content.otgx .grid_third:hover img {
    border-bottom: 7px solid #709cec;
}
body.frontpage #content.otgx .grid_third:nth-of-type(3n+3) {
    margin-right: 0;
}
/*
body.frontpage #content.otgx .grid_third:nth-child(2),
body.frontpage #content.otgx .grid_third:nth-child(3),
body.frontpage #content.otgx .grid_third:nth-child(4) {
    min-height: auto;
}
*/
body.frontpage #content.otgx p {
    margin-bottom: 0;
}
body.frontpage #content.otgx .grid_third p.smalltag {
    font-family: "Minion Pro", Minion, Georgia, Times New Roman, Times, serif;
    color: #999999;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    padding-left: 14px;
    padding-right: 14px;
}
body.frontpage #content.otgx a {
    border-bottom: none;
}
body.frontpage #content.otgx img {
    border: none;
    border-bottom: 7px solid #f9c000;
    margin: 0;
    max-width: 100%;
    padding: 0;
    transition: border 0.2s ease-out;
    width: 100%;
}
body.frontpage #content.otgx h3 {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.25;
    padding: 14px 14px 0px 14px;
    margin-bottom: 7px;
}
/*
body.frontpage #content.otgx .grid_third:nth-child(6) h3,
body.frontpage #content.otgx .grid_third:nth-child(7) h3 {
    padding-top: 21px;
}
*/
#content.otgx #slides p img {
    margin-left: 0;
    padding: 0;
    border: none;
}
#content.otgx #slides p a:first-child {
    border-bottom: none;
}
.otgx #slides .otagoprofile div:nth-of-type(2n) {
    margin-right: 46px;
}
.otgx #slides .otagoprofile div:nth-of-type(3n) {
    margin-right: 0;
}
.otgx #slides .otagoprofile div:nth-of-type(3n+1) {
    clear: left;
}
body.frontpage #right {
    padding-left: 0;
    background: none;
    position: absolute;
}

/* Quote */

body.frontpage #content.otgx .quote-box {
    float: left;
    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;
}
body.frontpage #content.otgx .quote-box:after {
    background: url(gfx/quote-tail-front.png) no-repeat 0 0;
    right: initial;
    left: 5%;
}
body.frontpage #content.otgx .quote-box .quote-marks {
    position: relative;
}
body.frontpage #content.otgx .quote-box .quote-marks img {
    display: none;
}
body.frontpage #content.otgx .quote-box .quote-marks:before {
    color: #ffffff;
    content: '“';
    font-size: 250px;
    position: absolute;
    top: 90px;
    left: -30px;
    z-index: 0;
    text-shadow: 2px 2px 0px #dddddd;
}
body.frontpage #content.otgx .quote-box .quote-text {
    float: left;
    width: 84%;
}
body.frontpage #content.otgx .quote-box .quote-text p {
    color: #666666;
    font-size: 17px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}
body.frontpage #content.otgx .quote-box .quote-image {
    float: left;
    width: 14%;
    margin-left: 2%;
}


@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: 271px;
    }
}



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

Tablet styles

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

/* Portrait tablet */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body.frontpage #content.otgx .grid_third {
        margin-bottom: 35px;
        
    }
    .otgx #slides .otagoprofile div:nth-of-type(3n) {
        margin-right: 46px;
    }
    .otgx #slides .otagoprofile div:nth-of-type(2n) {
        margin-right: 0px;
    }

    .otgx #slides .otagoprofile div:nth-of-type(3n+1) {
        clear: none;
    }
}

@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -400px 0;
    }
    #title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
        line-height: 1.2;
    }
    body.frontpage #content.otgx .grid_third {
        width: 47.5%;
        margin-right: 5%;
        padding-bottom: 14px;
        margin-bottom:28px;
    }
    body.frontpage #content.otgx .grid_third:nth-of-type(3n+3) {
        margin-right: 5%;
    }
    body.frontpage #content.otgx .grid_third:nth-of-type(2n+1) {
        margin-right: 0%;
    }
    
    #right {
        border-bottom: none;
    }
    body.frontpage #right {
       border-top: none;
        width: 186px;
    }
    .otgx #slides .otagoprofile div:nth-of-type(3n) {
        margin-right: 46px;
    }
    .otgx #slides .otagoprofile div:nth-of-type(2n) {
        margin-right: 0px;
    }

    .otgx #slides .otagoprofile div:nth-of-type(3n+1) {
        clear: none;
    }
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
      background: none;
    }
    body.frontpage #wrapper,
    #wrapper {
      background: url(gfx/banner.jpg) -500px 0px no-repeat;
      background-size: 1650px;
    }
    body.frontpage .titleinner,
    .titleinner {
      width: 92%;
    }
    #title h1 {
      background-position: 1.5% 21px;
      background-size: 180px;
      font-size: 26px;
      padding: 180px 0px 0px 0px;
    }
    body.frontpage #title h1 {
      background-position: 1.5% 21px;
      background-size: 201px;
      font-size: 38px;
        line-height: 1.15;
      padding: 180px 0px 14px 0px;
    }
    .titleinner h1 {
       max-width: 100% !important;
    }
    body.frontpage .titleinner {
       padding-bottom: 7px;
    }
    body.frontpage #content.otgx {
      width: 96%;
    }
    body.frontpage #content.otgx img {
      float: none;
    }
    #slides .otagoprofile a {
      border-bottom: none;
     }
    #slides .otagoprofile a:first-child {
      max-height: 200%;
    }
    #content.otgx #slides .otagoprofile div p img {
      margin-left: 0;
      max-width: 100%;
      width: 100%;
    }
    body.frontpage #right {
      padding-left: 0;
      position: relative;
      width: 98%;
    }
}