/*! 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: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff');
    font-weight: 700;
    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;
}


/*********

HE KITENGA CSS

*********/



body {
    text-rendering: optimizeLegibility;
}

.titleinner {
    margin-top: 0px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-top: 0px;
    width: 1160px;
}

body.OTAGO064696 .titleinner {
    padding-bottom: 121px;
}

/* #title h1 {
	background: url(gfx/title-white.png) 0px 205px no-repeat;
	color: #000000;
	font-size: 54px;
	font-family: "Fjalla One", 'Helvetica Neue', Helvetica, Arial, san-serif;
	letter-spacing: -2px;
	line-height: 1.1;	
	margin: 0 0 0 255px;
	max-width: 650px;
	opacity: 1 !important;
	padding: 595px 30px 3px 0px;
	text-transform: uppercase;
} */
#title ul#breadcrumbs {
    margin-left: 255px;
}

/* 2022 css */
:root {
    --first-color: #00508f;
    --second-color: #555555;
    --third-color: #00508f;
    --fourth-color: #ada0a0;
    --fifth-color: #ada0a0;
    --otago-dark-blue: #163568;
    --otago-light-blue: #00508f;
    --otago-link-blue: #416ebf;
    --otago-yellow: #f9c013;
    --otago-pg-blue: #0c385a;
    --otago-light-grey: #888888;
    --otago-dark-grey: #555555;
    --otago-background-grey1: #f5f5f5;
    --otago-background-grey2: #f1f1f7;
    --otago-background-grey3: #dddddd;
}

#content p+h2,
#content table+h2,
#content ul+h2,
#content ol+h2,
#content dl+h2,
#content form+h2 {
    margin-top: 35px;
}

#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
}

/* #wrapper {
	background: url(gfx/banner-2022.jpg) right 0px no-repeat;
} */
body {
    background-size: 100px 100px;
}

#title h1 {
    background: url(gfx/title-white.png) 0px 70px no-repeat;
    font-size: 60px;
    color: var(--first-color);
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    letter-spacing: normal;
    line-height: 1.1;
    margin: 0 0 0 255px;
    max-width: 650px;
    opacity: 1 !important;
    padding: 100px 30px 3px 0px;
    text-transform: none;
}

#content h2 {
    border-bottom: none;
    color: var(--second-color);
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 10px;
    text-rendering: optimizeLegibility;
    background: none;
}

#content h3 {
    color: var(--third-color);
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    line-height: 1.3;
    margin-top: 21px;
}

#content h4 {
    color: var(--fourth-color);
    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;
}

#content h5 {
    color: var(--fifth-color);
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 19px;
    letter-spacing: .4px;
    line-height: 1.3;
    margin-top: 21px;
}

#content,
#title h1.notopimage {
    max-width: 882px;
    position: relative;
    width: 100%;
}

#content p.fullwidthimage img,
#content p img,
#content h3 img {
    border: none;
    padding: 0px 0 0 0;
    margin: 0px;
}

#content,
#title h1.notopimage {
    max-width: 882px;
    position: relative;
    width: 100%;
}

#content h3+p {
    border: none;
    border-bottom: 5px dotted #dddddd;
    margin: 0px 0 50px 0;
    padding: 0px 0 35px 0;
}
/* #content h3+p+h2 {
    border: none;
    border-top: 5px dotted red;
    margin: 0px 0 20px 0;
    padding: 0px 0 35px 0;
} */

#content {
    padding-top: 0px;
}

/* Intro */
#content div.intro {
    padding: 25px;
    margin-bottom: 35px;
    background-color: var(--first-color);
    border-top: 21px solid #f9c000;
    border-radius: 3px;
}
#content div.intro h2,
#content div.intro p {
    color: #f5f5f5;
}
#content div.intro p a {
    color: var(--otago-yellow);
}
#content div.intro p a {
    color: var(--otago-yellow);
}
#content div.intro p a:hover {
    color: #f5f5f5;
}
#content div.intro h2 {
    margin-bottom: 15px
}

/* End */



/*//////////// Frontpage styles /////////////// */





/* MEDIA QUERIES ************/







@media only screen and (min-width: 701px) and (max-width: 1160px) {

    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
        box-sizing: border-box;
        width: 100%;
    }

    #contentwrapper,
    .topnavinner,
    footer.wrapper,
    div.footer_wrapper {
        max-width: 1114px;
    }

    ul#breadcrumbs {
        box-sizing: border-box;
        margin-left: 0;
        max-width: 70%;
        overflow: hidden;
        padding-left: 232px;
        width: 100%;
    }

    #contentwrapper {
        margin: 0;
        padding: 0;
        width: 98%;
    }

    div#nav_holder {
        max-width: 100%;
        width: 100%;
    }

    .titleinner {
        box-sizing: border-box;
        max-width: 100%;
        padding-left: 252px;
    }

    div#nav_wrapper {
        left: 23px;
    }

    #title h1.notopimage {
        margin-left: 0;
    }

    #title ul#breadcrumbs {
        margin-left: 0;
    }

    #content {
        box-sizing: border-box;
        max-width: 100%;
        padding: 12px 0px 46px 252px;
        width: 100%;
    }
}

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

    #title h1.notopimage {
        max-width: 100%;
    }

    #wrapper {
        width: 100%;
    }
}



@media only screen and (max-width: 700px) {
    #title {
        width: 100%;
    }

    #title ul#breadcrumbs {
        margin-left: 23px;
    }

    .titleinner {
        width: 100%;
        padding-bottom: 21px;
        position: relative;
    }

    #content {
        max-width: 97%;
    }

    #title h1 {
        margin: 0 0 0 14px;
    }

    #title h1 {
        padding-top: 50px;
        font-size: 40px;
        margin: 0 0 0 14px;
        padding-top: 50px;
    }

    #content h2 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    #content p img {
        display: block;
        float: left;
        padding: 0 0 30px 0;
        min-width: 100%;
    }
    #content div.intro {
        padding: 15px;
        margin-bottom: 30px;
    }


}