/*! 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(https://www.otago.ac.nz/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(https://www.otago.ac.nz//_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(https://www.otago.ac.nz/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(https://www.otago.ac.nz/_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(https://www.otago.ac.nz/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(https://www.otago.ac.nz/_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(https://www.otago.ac.nz/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(https://www.otago.ac.nz/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.clearfix {
	display: block;
	clear: both;
}


/* Typography
--------------------------------------------- */
.noborder { border: none !important; }
.hidden { display: none; }

body {
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
    word-wrap:break-word !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    background: url(../gfx/background-tessellations.png) #10428c no-repeat 0 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.esri-widget {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

p {
	margin: 0 0 12px;
	margin: 0 0 1.2rem;
	padding: 0;
}


/* Links
--------------------------------------------- */

a {
	text-decoration: none;
	color: #416ebf;
    transition: all 0.2s ease-out;
}
a:hover {
	text-decoration: none;
	color: #003399;
    border-bottom: 1px solid #416ebf;
}



/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Amsi Pro Condlight', 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.2;
	margin: 0 0 8px;
    text-rendering: optimizelegibility;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}


/* Header
--------------------------------------------- */

#header {
	width: 100%;
    border-top: 4px solid #f9c000;
    height: 55px;
}
#header a {
    background: url(../gfx/otago-crest.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 1;
    border-bottom: none;
}
#header p {
    content: 'University of Otago';
    display: block;
   font-size: 13px;
    font-family: 'Amsi Pro Condlight', Minion Pro;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin: 6px 0 0 65px;
    padding: 0;
    line-height: 1;
}
#header h2 {
    color: #fff;
    font-family: 'Amsi Pro Condbold', Helvetica, Arial;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px 65px;
    padding: 0;
    position: relative;
}
#header h2 strong {
    font-family: 'Amsi Pro Condbold', Helvetica, Arial;
    font-weight: 700;
}
#header img {
    display: none;
}

html,
body,
#viewDiv { height: 100%; }
#viewDiv { background: #ffffff; height: calc(100% - 55px); }

.esri-search { width: 500px; }
.esri-ui-bottom-right { flex-flow: column; }
.esri-ui-bottom-right .esri-component { margin: 0 0 10px 0; }
.esri-ui-bottom-right .esri-component:last-child { margin-bottom: 0; }

.esriPopup .contentPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .titlePane {
    background-color: rgba(72, 85, 102, 0.75);
}
.esriPopup .actionsPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .pointer, .esriPopup .outerPointer {
    background-color: rgba(257, 247, 247, 0.75);
}

.esri-popup__feature-menu {
    background-color: rgba(257, 247, 247, 0.75);
}

/* Set the height of the autocomplete search results box */
.esri-ui-top-left .esri-search--show-suggestions .esri-search__suggestions-menu { max-height: calc(100vh * 0.75); }

/* Search box */

.esri-popup__header h2 {
    font-family: 'Open Sans', Helvetica, Arial;
    font-size: 12px;
    line-height: 1.5;
}
.esri-popup__header h2 strong {
    color: #163568;
    font-family: 'Amsi Pro Condbold', Helvetica, Arial;
    font-size: 18px;
}


/* Popup container */

.esri-popup--is-docked-bottom-center .esri-popup__main-container { max-height: 80%; }
.esri-view-width-less-than-medium .esri-popup__main-container { width: 325px; }
.esri-popup__content a:first-child { margin-right: 21px }
.esri-popup__content p:last-child { margin: 0; }


/* Directions box */

.esri-widget {
    background: rgba(255,255,255,0.92);
    border-radius: 3px;
}
.esri-menu .esri-menu__header {
    background:  none;
    color: #163866;
    font-family: 'Amsi Pro Condbold', Helvetica, Arial;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-bottom: 12px;
    margin-top: 0px;
    padding: 16px 15px 2px 15px;
}
.esri-search__suggestions-menu .esri-menu__header {
    border-top: 1px solid #dddddd;
    margin-top: 5px;
}
.esri-menu__list-item {
    border: 0;
    color: #416ebf;
    line-height: 1.5;
    padding-top: 2px;
}



@media (-webkit-min-device-pixel-ratio: 2),
    (min--moz-device-pixel-ratio: 2),
    (min-resolution: 2dppx),
    (min-resolution: 192dpi) {
        #header a {
            background: url(../gfx/otago-crest@2x.png) no-repeat 0 0;
            background-size: 54px;
        }

}



@media only screen and (max-width: 720px) {
    html,
    body,
    #viewDiv { height: calc(100vh - 4px); }
    /* Bottom controls */
    .esri-ui-bottom-right.esri-ui-corner { bottom: 50px; }
    .esri-popup--is-docked-bottom-center { bottom: 75px; }
    #header {
        border-top: 4px solid #f9c000;
        height: 0;
    }
    #header a { }
    #header p { display: none; }
    #header h2 { display: none; }
    .esri-search {
        margin-left: 50px;
        width: 82vw;
    }
}



@media only screen and (max-width: 540px) {
    .esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
        margin-left: 20px;
        max-width: 80%;
    }
    .esri-popup--is-docked-bottom-center .esri-popup--shadow {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    }
    .esri-popup--is-docked-bottom-center {
        bottom: 80px;
    }
}



@media only screen and (max-width: 390px) {
    #header h2 { display: none; }
    .esri-search {
        margin-left: 50px;
        width: calc(82vw - 25px);
    }
    .esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
        bottom: 0px;
        margin-left: 20px;
        max-width: 75%;
    }
    .esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__header-title:hover {
        background: none;
    }
    .esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__header-title {
        padding-bottom: 0;
        padding-top: 0;
    }
    .esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__content {
        font-size: 13px;
    }
    .esri-popup__content a:first-child {
        margin-right: 3%;
    }
    .esri-popup__content a img {
        height: auto;
        max-width: 45%;
        vertical-align: top;
    }
}