/* meta serif */

@font-face {
    font-family: MetaSerif-Book;
    src: url('../bundles/nupisite/fonts/MetaSerifWebPro-Book.woff') format('woff');
}

@font-face {
    font-family: MetaSerif-BookItalic;
    src: url('../bundles/nupisite/fonts/MetaSerifWebPro-BookItalic.woff') format('woff');
}

@font-face {
    font-family: MetaSerif-Bold;
    src: url('../bundles/nupisite/fonts/MetaSerifWebPro-Bold.woff') format('woff');
}

@font-face {
    font-family: MetaSerif-BoldItalic;
    src: url('../bundles/nupisite/fonts/MetaSerifWebPro-BoldItalic.woff') format('woff');
}



/* meta sans serif */

@font-face {
    font-family: MetaSans-Book;
    src: url('../bundles/nupisite/fonts/MetaWebPro-Book.woff') format('woff');
}

@font-face {
    font-family: MetaSans-Light;
    src: url('../bundles/nupisite/fonts/MetaWebPro-Light.woff') format('woff');
}

@font-face {
    font-family: MetaSans-Thin;
    src: url('../bundles/nupisite/fonts/MetaWebPro-Thin.woff') format('woff');
}



/* droid (bold + italic non-woff fallback. primarily for android pre 4.3) */

@font-face {
    font-family: DroidSerif-Bold;
    src: url('../bundles/nupisite/fonts/DroidSerif-Bold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: DroidSerif-Italic;
    src: url('../bundles/nupisite/fonts/DroidSerif-Italic-webfont.ttf') format('truetype');
}

@font-face {
    font-family: DroidSerif-BoldItalic;
    src: url('../bundles/nupisite/fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype');
}



/* hidden / skipLink */

.hidden,
.skipLink {
    position: absolute;
    left: -10000px;
}

.skipLink {
    font-size: 1.4em;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0, .5);
    z-index: 20;
}

.skipLink:focus {
    left: 0;
}



body, input, button {
    font-family: MetaSerif-Book, serif;
    font-size: 1em;
    line-height: 1.5;
    color: #444;
}

body {
    margin: 0 auto;
    max-width: 1400px;
    box-shadow: 0 0 0 1px #d4d4d4;
}

p, ul, li, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4 {
    font-family: MetaSerif-Bold, DroidSerif-Bold, serif;
    font-weight: normal;
    color: #000;
}

h1 {
    font-size: 2em;
    line-height: 1.4;
    margin-bottom: 10px;
}

h2 {
    font-size: 1.25em;
    line-height: 1.4;
    margin-bottom: 10px;
}

h3 {
    font-size: 1.05em;
}

h4, h5, h6 {
    font-size: 1em;
}

strong, b {
    font-weight: normal;
    font-family: MetaSerif-Bold, DroidSerif-Bold, serif;
}

em, i {
    font-style: normal;
    font-family: MetaSerif-BookItalic, DroidSerif-Italic, serif;
}

strong em, em strong, b i, i b {
    font-family: MetaSerif-BoldItalic, DroidSerif-BoldItalic, serif;
}

a,
a h2,
a h3,
a h4 {
    color: rgb(90, 128, 36);
}

.profile2 a,
.profile2 a h2,
.profile2 a h3,
.profile2 a h4 {
    color: rgb(36, 93, 170);
}

a:visited,
a:visited h2,
a:visited h3,
a:visited h4 {
    color: #926283;
}

a:hover,
a:focus {
    text-decoration: none;
}

a img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin-bottom: 20px;
}

ul {
    list-style: none;
}

iframe {
    width: 100%;
    border: none;
}

iframe[src*= "vimeo"],
iframe[src*= "youtube"] {
    height: 400px;
}

iframe#preview{
    height: 600px;
}

.highlight {
    background: #fe0;
}



/* jsWarning */

.jsWarning {
    background: #393939;
    color: #fff;
    padding: 10px 10px 8px;
    margin: 10px 0;
    display: none;
}

body:not(.js) .jsWarning {
    display: block;
}



/* clear */

.clear {
    clear: both;
}



/* email links */

a[href*="mailto:"]:after {
    content: "";
    padding: 7px;
    background: url(../bundles/nupisite/images/mail.svg) no-repeat center;
    background-size: contain;
    margin-left: 7px;
    opacity: .6;
}

a[href*="mailto:"]:hover:after {
    opacity: 1;
}



/* overTitle */

.overTitle {
    display: block;
    font-size: .8em;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 5px;
}



/* subInfo */

.subInfo {
    font-family: MetaSerif-Book, serif;
    font-size: .8em;
}

h2 .subInfo {
    color: #666;
}



/* more link */

.more {
    display: inline-block;
    vertical-align: top;
    font-size: .9em;
}

.more:visited {
    color: rgb(90, 128, 36);
}

.profile2 .more:visited {
    color: rgb(36, 93, 170);
}

.more:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: rgb(90, 128, 36) url('../bundles/nupisite/images/arrow_right_w.svg') no-repeat center;
    background-size: auto 8px;
    padding: 8px;
    border-radius: 100px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.more.expand:before {
    background-image: url(../bundles/nupisite/images/arrow_down_w.svg);
    background-size: 10px auto;
}

.profile2 .more:before {
    background-color: rgb(36, 93, 170);
}



/* pager */

.pagerfanta li {
    display: inline-block;
}

.pagerfanta li a,
.pagerfanta li span {
    display: block;
    padding: 6px 12px 4px;
    margin: 0 10px 10px 0;
    border: 1px solid #d4d4d4;
    text-decoration: none;
}

.pagerfanta li:hover a,
.pagerfanta li a:focus,
.pagerfanta li.active span {
    background: #393939;
    border-color: #393939;
    color: #fff;
}



/* datatables */

.dataTables_filter {
    margin: 20px 0;
}



/* datatables pager */

.dataTables_paginate a {
    display: inline-block;
    padding: 6px 12px 4px;
    margin: 5px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}

.dataTables_paginate a.current,
.dataTables_paginate a:hover {
    background: #666;
    border-color: #666;
    color: #fff;
}



/* datatables sorting */

.sorting_desc:after,
.sorting_asc:after {
    content: "";
    border-style: solid;
    border-width: 6px;
    font-size: 0;
    margin-left: 7px;
    position: relative;
}

.sorting_desc:after {
    border-color: rgb(90, 128, 36) transparent transparent;
}

.sorting_asc:after {
    border-color: transparent transparent rgb(90, 128, 36);
    top: -7px;
}



/* expander / expands */

.expander {
    font-family: MetaSerif-Book, serif;
    display: inline-block;
    cursor: pointer;
    color: rgb(90, 128, 36);
    text-decoration: none;
}

.expander:hover {
    text-decoration: underline;
}

.expander:after {
    content: "";
    border-style: solid;
    border-width: 6px;
    border-color: rgb(90, 128, 36) transparent transparent;
    position: relative;
    top: 11px;
    margin-left: 7px;
}

.expands:not(.open) {
    display: none;
}



/* tabs */

.tabs {
    margin-bottom: 30px;
}

.tabs li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 20px 0;
}

.tabs a,
.tabs span {
    display: block;
    text-decoration: none;
    border-radius: 100px;
    padding: 2px 10px 0;
    transition: color .3s, background .3s;
}

.tabs a {
    border: 1px solid rgb(90, 128, 36);
}

.tabs a:visited {
    color: rgb(90, 128, 36);
}

.tabs span {
    border: 1px solid #ccc;
    color: #666;
}

.profile2 .tabs a,
.profile2 .tabs a:visited {
    color: rgb(36, 93, 170);
    border-color: rgb(36, 93, 170);
}

.tabs li:hover a,
.tabs li a:focus,
.tabs li.selected a {
    background: rgb(90, 128, 36);
    color: #fff;
}

.profile2 .tabs li:hover a,
.profile2 .tabs li a:focus,
.profile2 .tabs li.selected a {
    background: rgb(36, 93, 170);
    color: #fff;
}

.tabs li.selected a:before {
    content: "\2022";
    margin-right: 5px;
}

.tabs .tabMore a::after {
    content: "\203A";
    margin-left: 10px;
}



/* showMore */

.showMore {
    display: block;
    margin: 0 auto 20px;
    padding-right: 20px;
}

.showMore:after {
    content: "";
    border-style: solid;
    border-width: 6px;
    border-color: #fff transparent transparent;
    position: relative;
    top: 12px;
    left: 10px;
}



/* icon */

.icon {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    padding-left: 40px;
}

.icon.print {
    background-image: url('../bundles/nupisite/images/print.svg');
}

.profile2 .icon.print {
    background-image: url('../bundles/nupisite/images/print_col2.svg');
}

.icon.documents {
    background-image: url('../bundles/nupisite/images/documents.svg');
}

.icon.photos {
    background-image: url('../bundles/nupisite/images/photos.svg');
}



/* share_print_etc */

.share_print_etc {
    margin: 20px 0 40px;
}

.mainArticle .share_print_etc {
    margin: 40px 0 40px 5%;
}

.share_print_etc > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.share_print_etc .facebook {
    margin-top: -4px;
}

.share_print_etc .icon.print {
    font-family: MetaSans-Book, sans-serif;
    font-size: .75em;
    line-height: 1;
    text-decoration: none;
    vertical-align: top;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 5px 3px 25px;
    background-position: 5px 3px;
    background-size: auto 14px;
}

.print:visited {
    color: rgb(90, 128, 36);
}

.profile2 .print:visited {
    color: rgb(36, 93, 170);
}

body:not(.js) .print {
    display: none;
}



/* inputs / buttons */

input[type=text],
input[type=password],
input[type=search],
input[type=number],
input[type=email],
button,
.button,
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid #888;
    border-radius: 0;
    margin: 0 0 10px 0;
    padding-top: 8px;
    padding-bottom: 5px;
    line-height: 1.2;
}

.button {
    display: inline-block;
}

a.button:visited{
    color: #fff;
}

input[type=text],
input[type=password],
input[type=search],
input[type=number],
input[type=email] {
    padding-left: 8px;
    margin-right: 10px;
    transition: box-shadow .2s;
}

input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=email]:hover,
input[type=email]:focus {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .3);
}

button,
.button,
input[type=button],
input[type=submit] {
    cursor: pointer;
    background: rgb(90, 128, 36);
    border-color: rgb(90, 128, 36);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    transition: background-color .2s;
}

.profile2 button,
.profile2 .button,
.profile2 input[type=button],
.profile2 input[type=submit] {
    background: rgb(36, 93, 170);
    border-color: rgb(36, 93, 170);
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus {
    background: #393939;
    border-color: #393939;
}

button.version2,
.button.version2 {
    background: none;
    border-color: #d4d4d4;
    color: rgb(90, 128, 36);
}

button.version2:hover,
button.version2:focus,
.button.version2:hover
.button.version2:focus {
    background: rgba(207, 199, 163, .3);
}

.profile2 button.version2,
.profile2 .button.version2 {
    border-color: rgba(36, 93, 170, .3);
    color: rgb(36, 93, 170);
}

.profile2 button.version2:hover,
.profile2 button.version2:focus,
.profile2 .button.version2:hover,
.profile2 .button.version2:focus {
    background: rgba(36, 93, 170, .15);
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type=radio],
input[type=checkbox] {
    margin-right: 5px;
}

select {
    font-size: 1em;
    margin-bottom: 10px;
    cursor: pointer;
}



/* input validation */

input.error {
    border-color: red;
    box-shadow: inset 0 0 3px rgba(0,0,0, .5);
}

.errorMessage {
    font-family: MetaSerif-Bold, serif;
    color: red;
    display: block;
    margin-bottom: 20px;
}

label.required:after {
    content: " *";
}

/* table */

table {
    border-collapse: collapse;
    margin-bottom: 30px;
}

th, td {
    border: 1px solid #d4d4d4;
    padding: 10px 10px 8px;
}

th {
    text-align: left;
}

table caption {
    text-align: left;
    margin-bottom: 10px;
}



/* inner */

.inner {
    margin: 0 3%;
}



/* pageHeader */

.pageHeader {
    padding: 40px 0 0 0;
    margin-bottom: 12px;
}

.profile2 .pageHeader,
.profile3 .pageHeader {
    padding: 0;
}

.pageHeader a {
    color: rgb(0, 77, 54);
}

.profile2 .pageHeader a {
    color: rgb(36, 93, 170);
}

.profile2 .pageHeader:before,
.profile3 .pageHeader:before {
    content: "";
    display: block;
    height: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0, .15);
}

.profile2 .pageHeader:before {
    border-color: rgba(188, 196, 205, .5); /* match topmenu */
}

.pageHeader div.inner {
    position: relative;
    z-index: 10;
}

.pageHeader .inner:after {
    content: "";
    display: block;
    clear: both;
}

.pageHeader .language {
    position: absolute;
    right: 370px;
    top: 13px;
    text-decoration: none;
    border-right: 1px solid rgba(0, 77, 54, .5);
    padding-right: 30px;
}

.profile2 .pageHeader .language,
.profile3 .pageHeader .language {
    top: 18px;
}

.pageHeader .language:hover,
.pageHeader .language:focus {
    text-decoration: underline;
}

.basicLogo { /* used for print */
    display: none;
}

.logo {
    background-image: url('../bundles/nupisite/images/logo_bokmaal.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    float: left;
    width: 200px;
    height: 50px;
    margin: 0 0 35px 0;
}

html[lang="en"] .logo {
    background-image: url('../bundles/nupisite/images/logo_english.svg')
}

.profile2 .logo,
.profile3 .logo {
    width: 50px; /* crop */
}

.pageHeader .backLink {
    font-size: .8em;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: -55px;
}

.profile2 .pageHeader .backLink {
    color: rgb(0, 77, 54);
}

.pageHeader .backLink:before {
    content: "\2039";
    margin-right: 5px;
    color: rgba(0, 77, 54, .5);
}

.pageHeader .identity {
    font-family: MetaSans-Thin, sans-serif;
    font-size: 3.3em;
    line-height: 1.1;
    text-decoration: none;
    display: inline-block;
    padding-left: 25px;
    margin-left: 25px;
    position: relative;
}

.pageHeader .identity:before {
    content: "";
    border-left: 1px solid rgba(188, 196, 205, .5); /* match topmenu */
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.pageHeader .backLink:hover,
.pageHeader .backLink:focus,
.pageHeader .identity:hover,
.pageHeader .identity:focus {
    text-decoration: underline;
}



/* textSize */

.textSize {
    float: right;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1.4;
    margin: 7px 30px 0 0;
}

.profile2 .textSize,
.profile3 .textSize {
    margin-top: 12px;
}

.textSize span:first-of-type {
    font-size: .8em;
}

.textSize span {
    margin-right: 5px;
}

.textSize span:last-of-type {
    font-size: 1.3em;
    margin: 0;
}

.textSize > div {
    font-size: 2em;
    color: #000;
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 50px;
    padding: 40px;
    width: 700px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0, .5);
    display: none;
}

.textSize:hover > div,
.textSize:focus > div {
    display: block;
}



/* pageHeader search */

.pageHeader .search {
    float: right;
    margin-top: 7px;
    border: 1px solid rgba(0, 77, 54, .5);
}

.profile2 .pageHeader .search,
.profile3 .pageHeader .search {
    margin-top: 12px;
}

.profile2 .pageHeader .search {
    border-color: rgba(36, 93, 170, .5);
}

.pageHeader .search label {
    display: none;
}

.pageHeader .search input {
    vertical-align: top;
    margin: 0;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pageHeader .search input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pageHeader .search input[type=search] {
    width: 200px;
    max-height: 32px; /* pc chrome issue */
}

.pageHeader input[type=search]::-webkit-input-placeholder {
    color: rgba(0, 77, 54, .7);
}

.pageHeader input[type=search]::-moz-placeholder {
    color: rgba(0, 77, 54, .7);
    opacity: 1;
}

.profile2 .pageHeader input[type=search]::-webkit-input-placeholder {
    color: rgba(36, 93, 170, .7);
}

.profile2 .pageHeader input[type=search]::-moz-placeholder {
    color: rgba(36, 93, 170, .7);
    opacity: 1;
}

.pageHeader .search input[type=submit] {
    margin-right: 0;
    border-left: 1px solid rgba(0, 77, 54, .5);
    color: rgb(0, 77, 54);
    background: none;
}

.profile2 .pageHeader .search input[type=submit] {
    border-color: rgba(36, 93, 170, .5);
    color: rgb(36, 93, 170);
}

.pageHeader .search input[type=submit]:hover,
.pageHeader .search input[type=submit]:focus {
    background-color: rgba(207, 199, 163, .3);
}

.profile2 .pageHeader .search input[type=submit]:hover,
.profile2 .pageHeader .search input[type=submit]:focus {
    background-color: rgba(36, 93, 170, .1);
}

.pageHeader nav a {
    text-decoration: none;
}



/* topMenu */

.topMenu {
    clear: both;
    background: rgba(207, 199, 163, .3);
    border-top: 1px solid rgba(0,0,0, .15);
    border-bottom: 1px solid rgba(0,0,0, .15);
    box-shadow: inset 0 0 0 1px #fff;
    padding: 14px 0 13px;
    position: relative;
}

.profile2 .topMenu {
    background: rgba(36, 93, 170, .15);
}

.profile3 .topMenu {
    background: none;
}

.topMenu a {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.topMenu a:hover,
.topMenu a:focus {
    border-color: rgb(0, 77, 54);
}

.profile2 .topMenu a:hover,
.profile2 .topMenu a:focus {
    border-color: rgb(36, 93, 170);
}

.topMenu > ul {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topMenu > ul ul {
    white-space: normal;
}

.topMenu > ul > li {
    display: inline;
    margin-right: 3%;
    transition: margin .3s;
}

.topMenu > ul > li > a {
    transition: border-color .3s;
    text-transform: uppercase;
    font-size: .9em;
    white-space: nowrap;
}



/* topMenu mega */

.topMenu .mega > a:after {
    content: "";
    border-style: solid;
    border-width: 6px;
    border-color: rgba(0, 77, 54, .8) transparent transparent;
    position: relative;
    top: 10px;
    margin-left: 10px;
}

.profile2 .topMenu .mega > a:after {
    border-top-color: rgb(36, 93, 170);
}

.topMenu .mega > span {
    position: absolute;
    font-size: 1.5em;
    top: 64px;
    display: none;
}

.topMenu .mega.open > span {
    display: block;
}

.topMenu .mega > ul {
    float: left;
    width: 100%;
    transition: opacity .3s, padding .3s;
}

.topMenu .mega:not(.open) > ul {
    visibility: hidden;
    height: 0;
    opacity: 0;
}

.topMenu .mega.open > ul {
    padding-top: 90px;
}

.topMenu .mega > ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 30px 0;
    width: 30.9%;
}

.topMenu .mega > ul > li:nth-child(3) {
    margin-right: 0;
}

.topMenu .mega > ul > li  a {
    display: block;
    margin-bottom: 15px;
}

.topMenu .mega > ul > li > a {
    font-family: MetaSerif-Bold, DroidSerif-Bold, serif;
    padding-bottom: 10px;
}

.topMenu .mega > ul > li > a:not(:hover) {
    border-color: rgba(0,0,0, .15);
}

.profile2 .topMenu .mega > ul > li > a:not(:hover) {
    border-color: rgba(36, 93, 170, .2);
}



/* non-js megamenu fallback (trigger on hover and focus) */

body:not(.js) .topMenu .mega:hover > ul,
body:not(.js) .topMenu .mega a:focus + span + ul {
    visibility: visible;
    height: auto;
    opacity: 1;
    padding-top: 90px;
}

body:not(.js) .topMenu .mega:hover > span,
body:not(.js) .topMenu .mega a:focus + span {
    display: block;
}



/* regions */

.topMenu .mega > ul > li:last-child {
    margin: 0;
    width: auto;
}

.topMenu .mega > ul > li:last-child li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0px 0;
}



/* breadCrumbs */

.breadCrumbs {
    font-size: .8em;
    margin-bottom: 30px;
}

.breadCrumbs li {
    display: inline;
}

.breadCrumbs a {
    color: #666;
    text-decoration: none;
}

.profile2 .breadCrumbs a {
    color: rgba(36, 93, 170, .9);
}

.breadCrumbs a:hover,
.breadCrumbs a:focus {
    text-decoration: underline;
}

.breadCrumbs li:after {
    content: "/";
    margin: 0 2px 0 6px;
    color: #aaa;
}

.profile2 .breadCrumbs li:after {
    color: rgba(36, 93, 170, .4);
}



/* pageFooter */

address {
    font-style: normal;
}

.pageFooter {
    clear: both;
    background: #393939;
    font-size: .9em;
    padding: 0 0 60px 0;
    position: relative;
}

.pageFooter .topLink {
    background: rgba(0,0,0, .5) url('../bundles/nupisite/images/arrow_up_w.svg') no-repeat center;
    background-size: 40%;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 36px;
}

.pageFooter .topLink:hover,
.pageFooter .topLink:focus {
    background-color: rgba(0,0,0, 1);
}

.pageFooter,
.pageFooter a,
.pageFooter a h4,
.pageFooter .timeInfo {
    color: #aaa;
}

.pageFooter h1,
.pageFooter h2,
.pageFooter h2 a,
.pageFooter h3,
.pageFooter h3 a {
    color: #fff;
}

.pageFooter .inner a {
    text-decoration: none;
}

.pageFooter .inner a:hover,
.pageFooter .inner a:focus {
    text-decoration: underline;
}

.pageFooter .inner a:not([href*="mailto:"]):after {
    content: "\203A";
    margin-left: 5px;
}

.pageFooter a[href*="mailto:"]:after {
    background-image: url(../bundles/nupisite/images/mail_w.svg);
}

.pageFooter h2,
.pageFooter h3 {
    border-top: 1px solid rgba(255,255,255, .2);
    padding: 15px 0;
    margin: 0;
    font-size: 1.1em;
}

.pageFooter h1,
.pageFooter .identity {
    font-family: MetaSerif-Bold, serif;
    font-size: 1.1em;
    display: block;
    padding: 20px 3%;
    margin: 0;
}

.pageFooter section,
.pageFooter nav {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width: 22%;
    margin-left: 3%;
}

.pageFooter section:first-of-type {
    margin-left: 0;
}

.pageFooter li {
    margin-bottom: 15px;
}

.pageFooter h2.school,
.pageFooter .school h2 {
    border: none;
    padding: 0;
    font-size: 1.6em;
}

.pageFooter h2.school a,
.pageFooter .school h2 a {
    font-family: MetaSans-Light, sans-serif;
    display: block;
    background: rgb(36, 93, 170);
    color: #fff;
    padding: 10px 20px 8px;
    margin-bottom: 20px;
    text-decoration: none;
}

.pageFooter h2.school a:hover,
.pageFooter h2.school a:focus
.pageFooter .school h2 a:hover,
.pageFooter .school h2 a:focus {
    text-decoration: underline;
}

.pageFooter .articles h3,
.pageFooter .articles h4 {
    font-family: MetaSerif-Book, serif;
    font-size: 1em;
}

.pageFooter .articles h3 {
    border: none;
    padding: 0;
    color: inherit;
}

.pageFooter .articles a:after {
    display: none;
}

.pageFooter .articles a h3:after,
.pageFooter .articles a h4:after {
    content: "\203A";
    margin-left: 5px;
}

.pageFooter .follow,
.pageFooter .bottom {
    padding: 20px 3% 0;
}

.pageFooter .bottom {
    line-height: 2;
}

.pageFooter .bottom a:after {
    display: none;
}



/* follow */

.pageFooter .follow {
    display: block;
    width: auto;
    margin: 0;
}

.pageFooter .follow h2 {
    border: none;
    display: inline;
    position: relative;
    top: 5px;
}

.follow a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 12px;
    margin-left: 20px;
    font-size: 0;
}

.follow .facebook {
    background-image: url(../bundles/nupisite/images/facebook.svg);
}

.follow .twitter {
    background-image: url(../bundles/nupisite/images/twitter.svg);
}

.follow .youtube {
    background-image: url(../bundles/nupisite/images/youtube.svg);
    padding: 12px 22px;
}

.follow .rss {
    background-image: url(../bundles/nupisite/images/rss.svg);
    background-size: auto 80%;
}





/* content **************************************/

.content {
    padding: 0 0 40px;
    position: relative;
}

.content.frontPage {
    padding-top: 2%;
}

.content:after {
    content: "";
    display: block;
    clear: both;
}



/* forms */

form label {
    display: block;
}

form input[type=checkbox] + label,
form input[type=radio] + label {
    display: inline;
    cursor: pointer;
}



/* module */

.module {
    margin-bottom: 40px;
}

.module > h2 {
    margin-bottom: 20px;
}

.module:before {
    content: "";
    display: block;
    height: 1px;
    border-top: 2px solid #888;
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px #ccc;
}



/* content search */

.content .search {
    margin: 40px 0;
    font-size: 1.3em;
}

.content .search label {
    display: none;
}

.content .search input {
    vertical-align: middle;
}

.content .search input[type=search] {
    width: 400px;
}



/* topImage */

.topImage {
    overflow: hidden;
    margin-bottom: 20px;
}

.topImage img {
    display: block;
    width: 100%;
    margin: -75px 0;
}

.topImage img.noCrop {
    margin: 0;
}

.topImage iframe {
    height: 770px;
}



/* pageIntro */

.pageIntro {
    max-width: 700px;
    margin-bottom: 50px;
}

.pageIntro ul,
.pageIntro ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.pageIntro ul {
    list-style: disc;
}



/* introText / pageIntro p:first */

.pageIntro > p:first-of-type,
.introText {
    font-size: 1.3em;
    color: #000;
}

li .introText {
    font-size: 1em;
}

.pageIntro strong {
    font-family: "MetaSerif-Book", serif;
}

.introText .more {
    font-size: .65em;
}



/* .label */

.label {
    background: rgb(0, 77, 54);
    color: #fff;
    font-family: MetaSans-Book, sans-serif;
    font-size: .8em;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px 2px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

li .label {
    position: absolute;
    top: 0;
    left: 0;
}

li .label + .wrapper:before { /* if no image */
    content: "";
    display: block;
    height: 40px;
}

.pageIntro .label {
    margin-bottom: 15px;
    text-align: center;
    min-width: 34px; /* match logo (w padding) */
}



/* freeText */

.freeText ul,
.freeText ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.freeText ul {
    list-style: disc;
}



/* 404 */

#error-404 {
    margin: 3% 3% 40px;
    max-width: 700px;
}

#error-404 ol,
#error-404 ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

#error-404 li {
    list-style: disc;
}

#error-404 h1:not(:first-child),
#error-404 h2:not(:first-child) {
    margin-top: 40px;
}



/* publishData */

.publishData {
    font-size: .8em;
    margin: 12px 0 4px 0;
}

.publishData *,
.profile2 .publishData *  {
    color: #666;
}

.publishData * {
    display: inline;
}

.pageIntro .publishData ul {
    padding: 0;
}

.publishData .timeInfo,
.publishData li {
    margin-right: 10px;
}



/* imageBox */

.imageBox {
    display: block;
}

.imageBox img {
    display: block;
    margin-bottom: 15px;
}



/* basicList / flowList */

.basicList > li,
.flowList > li  {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.flowList > li {
    display: inline-block;
    vertical-align: top;
    width: 30.9%;
    margin-right: 3%;
}

.flowList > li:nth-of-type(3n) {
    margin-right: 0;
}

.column .flowList > li {
    width: 48%;
    margin-right: 0;
}

.column .flowList > li:nth-of-type(odd) {
    margin-right: 3%;
}

.articles .basicList > li > .imageBox img,
.basicList > li.article > .imageBox img {
    float: left;
    width: 30.9%;
    margin-right: 3.5%;
}

.basicList h3,
.flowList h3 {
    margin-bottom: 5px;
}

.basicList p,
.flowList p {
    margin-bottom: 10px;
}

.basicList p strong,
.flowList p strong { /* override bold */
    font-family: MetaSerif-Book, serif;
}



/* flowList equal image heights */

.articles .flowList  li .imageBox {
    min-height: 200px;
    margin-bottom: 15px; /* collapses with image */
}

.articles .flowList > li:not(.topStory) > .imageBox img {
    height: 200px;
    max-width: none;
}

.articles .flowList  li .imageBox img[src$="project.svg"] {
    height: 75px;
    padding-top: 85px;
    opacity: .3;
}



/* multi (mixed list) */

.basicList.multi > li {
    border: 1px solid #d4d4d4;
    padding: 10px;
    margin-bottom: 40px;
}

.basicList.multi li * {
    max-width: 600px;
}

.basicList.multi li.event {
    max-width: 100%;
    padding-bottom: 20px;
}

.basicList.multi li .imageBox,
.basicList.multi li .imageBox img,
.basicList.multi li.document .imageBox img,
.basicList.multi li.listPerson img,
.basicList.multi li.event .date {
    width: 80px; /* relates to wrapper side spacing */
}

.basicList.multi li .imageBox {
    float: left;
    margin: 0;
    overflow: hidden;
}

.basicList.multi li.document .imageBox {
    overflow: visible;
}

.basicList.multi li.article .imageBox img {
    width: auto;
    max-width: none;
    height: 80px;
}

.basicList.multi li.listPerson img {
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.basicList.multi .listPerson img[src$="person.png"] {
    opacity: .6;
}

.basicList.multi li .wrapper,
.basicList.multi li .overTitle,
.basicList.multi li.event h3,
.basicList.multi li.event .url,
.basicList.multi li.event .eventData,
.basicList.multi li.event p {
    padding-left: 100px; /* relates to imageBox etc width */
    margin-left: 0;
}

.basicList.multi li.event .date {
    padding: 10px 0;
}

.basicList.multi li.event .eventData {
    clear: none;
}

.content .basicList.multi li.article .wrapper {
    float: none;
    width: auto;
}

.basicList.multi .listPerson .tags span {
    padding: 0;
    margin: 0;
    border: none;
}

.basicList.multi .listPerson .tags span:not(:last-child):after {
    content: ",";
}



/* linkList */

.linkList {
    margin-bottom: 30px;
}

.linkList > li {
    margin-bottom: 15px;
}

.linkList > li > a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-right: 10px;
    transition: border-color .3s;
}

.linkList > li > a:hover,
.linkList > li > a:focus {
    border-color: rgb(90, 128, 36);
    transition-duration: 0s;
}

.profile2 .linkList > li > a:hover,
.profile2 .linkList > li > a:focus {
    border-color: rgb(36, 93, 170);
}

.linkList > li > a:visited:hover {
    border-color: #926283;
}

.linkList > li > a:before {
    content: "\203A";
    margin-right: 5px;
}

h2 + .linkList,
h3 + .linkList {
    margin-top: 15px;
}



/* spaceList */

.spaceList li {
    margin-bottom: 15px;
}



/* flowList menu */

.flowList.menu {
    margin-bottom: 30px;
}

.flowList.menu h2,
.flowList.menu h3 {
    font-size: 1em;
    margin-bottom: 5px;
}

.flowList.menu ul {
    margin-top: 15px;
}

.flowList.menu li {
}



/* our research > regions (NOTE: last-child also catches other menu lists) */

.flowList.menu > li:last-child {
    overflow: visible;
}

.flowList.menu > li:last-child ul {
    width: 300%;
}

.flowList.menu > li:last-child li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.flowList.menu > li:last-child li a {
    white-space: nowrap;
}



/* related items in lists */

li .related .expander {
    margin-bottom: 15px;
}

li .related .expands {
    background: rgba(207, 199, 163, .3);
    padding: 10px;
    margin-bottom: 20px;
}

li .related article {
    margin-bottom: 30px;
}

li .related .publishData {
    margin-top: 5px;
}

li .related h3 {
    font-size: .9em;
}

li .related .event .date {
    color: rgb(66, 104, 7);
}



/* topStory */

.flowList li.topStory {
    display: block;
    width: auto;
    margin-right: 0;
}

.flowList .topStory + li + li {
    margin-right: 3%; /* move margin one item */
}

.flowList .topStory + li + li + li {
    margin-right: 0; /* last item */
}

.topStory > .imageBox {
    overflow: hidden;
}

.topStory > .imageBox img {
    margin: -75px 0;
    width: 100%;
}

.topStory img.noCrop {
    margin: 0;
}

li.topStory > .wrapper {
    position: relative;
    max-width: 700px;
}

.topStory > .wrapper > h3 {
    background: #fff;
    position: absolute;
    padding: 22px 20px 18px;
    box-shadow: 1px 0 3px rgba(0,0,0, .3);
    font-size: 1.3em;
    top: -180px;
}

.topStory > .wrapper > h3 a {
    text-decoration: none;
}

.topStory > .wrapper > h3 a:hover,
.topStory > .wrapper > h3 a:focus {
    text-decoration: underline;
}

.topStory > .wrapper > h3 a:after {
    content: "\203A";
    margin-left: 10px;
}

.topStory > .wrapper > .publishData {
    margin-top: 20px;
}

.topStory > .wrapper > p {
    font-size: 1.1em;
    margin-top: 10px;
}



/* topStory version2 (if no image) */

.topStory.noImage > .wrapper > h3 {
    position: static;
    padding: 0;
}

.topStory.noImage > .wrapper > .publishData {
    margin-top: 10px;
}



/* tags */

.content a.tag,
.content .tags a,
.content span.tag,
.content .tags span {
    font-family: MetaSans-Book, sans-serif;
    font-size: .8em;
    text-decoration: none;
    border-radius: 0 0 8px 0;
    padding: 3px 6px 1px;
    display: inline-block;
    margin: 0 3px 6px 0;
    transition: background .3s;
}

.content a.tag,
.content .tags a {
    border: 1px solid rgba(90, 128, 36, .7);
    color: rgb(90, 128, 36);
}

.profile2 .content a.tag,
.profile2 .content .tags a {
    color: rgb(36, 93, 170);
    border-color: rgba(36, 93, 170, .7);
}

.content a.tag:visited,
.content .tags a:visited {
    color: #926283;
    border-color: #926283;
}

.content span.tag,
.content .tags span {
    color: #666;
    border: 1px dashed #888;
}

a.tag:hover,
a.tag:focus,
.tags a:hover,
.tags a:focus {
    background: rgba(207, 199, 163, .3);
}

.profile2 a.tag:hover,
.profile2 a.tag:focus,
.profile2 .tags a:hover,
.profile2 .tags a:focus {
    background: rgba(36, 93, 170, .1);
}



/* columns */

.column.main {
    float: left;
    position: relative;
    width: 64%;
}

aside.column {
    clear: right;
    float: right;
    width: 32%;
}

aside.column.version2 {
    background: rgba(207, 199, 163, .3);
    padding: 1.5% 1.5% 20px;
    margin: -1.5% -1.5% 20px;
}

body:not(.profile2) aside.column.version2 a,
body:not(.profile2) aside.column.version2 a h2,
body:not(.profile2) aside.column.version2 a h3,
body:not(.profile2) aside.column.version2 a h4 {
    color: rgb(66, 104, 7);
}

.profile2 aside.column.version2 {
    background: rgba(36, 93, 170, .15);
}



/* events */

.events li,
.event {
    margin-bottom: 20px;
    max-width: 600px;
    overflow: hidden;
}

.event {
    display: block;
}

.events li a,
.event a {
    text-decoration: none;
}

.events .date,
.event .date {
    float: left;
    background: rgba(207, 199, 163, .5);
    color: rgb(66, 104, 7);
    min-width: 40px;
    padding: 5px;
    margin: 3px 15px 15px 0;
    line-height: 1;
    text-align: center;
    font-size: .8em;
}

.profile2 .events .date,
.profile2 .event .date {
    background: rgba(36, 93, 170, .15);
    color: #2259A1;
}

.events .emphasized .date {
    background: rgb(90, 128, 36);
    color: #fff;
}

.profile2 .events .emphasized .date {
    background: rgb(36, 93, 170);
}

.events .date strong,
.event .date strong {
    font-family: MetaSerif-Bold, serif;
    display: block;
}

.events .date strong:first-of-type,
.event .date strong:first-of-type {
    font-size: 1.8em;
    margin-top: 2px;
}

.events .date strong:nth-of-type(2),
.event .date strong:nth-of-type(2) {
    background: #fff;
    padding-top: 2px;
    max-width: 60px;
    margin: 7px auto 0;
}

.emphasized .date strong:nth-of-type(2) {
    color: rgb(90, 128, 36);
}

.profile2 .emphasized .date strong:nth-of-type(2) {
    color: rgb(36, 93, 170);
}

.events a h3,
.event a h3 {
    margin-left: 65px; /* prevent wrapping */
    text-decoration: underline;
}

.events a:hover h3,
.events a:focus h3,
.event a:hover h3,
.event a:focus h3 {
    text-decoration: none;
}

li .eventData {
    clear: left;
    font-size: .8em;
    color: #666;
    margin-top: 10px;
}

.eventData span {
    display: block;
}

.events p,
.event p {
    margin: 8px 0 0 0;
}

.events button,
.events .button,
.event button,
.event .button {
    vertical-align: middle;
    margin-top: 15px;
}

.events button,
.events .button {
    padding-right: 10px;
    padding-left: 10px;
}

.event button,
.events button:not(:last-of-type) {
    margin-right: 10px;
}



/* eventListPage */

.eventListPage .events li {
    margin-bottom: 30px;
    max-width: 700px;
}

.eventListPage .events li h3,
.eventListPage .events .eventData,
.eventListPage .events li p,
.eventListPage .events li button:first-of-type {
    margin-left: 65px; /* prevent float wrap */
}

.eventListPage .eventData {
    clear: none;
    font-size: 1em;
}



/* event in pageIntro */

.pageIntro .eventData:after {
    content: "";
    display: block;
    clear: both;
}

.pageIntro .eventData strong {
    font-family: MetaSerif-Bold, serif;
}



/* event add to calendar */

.addToCalendar {
    position: relative;
    z-index: 1;
}

.addthisevent_dropdown {
    display: block;
    font-family: MetaSans-Book, sans-serif;
    box-shadow: 0px 5px 10px rgba(0,0,0, .3);
    background: #fff;
    font-size: .8em;
    position: absolute;
    min-width: 100%;
    right: 0;
    top: 35px;
}

.addthisevent_dropdown span {
    display: block;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px;
}

.addthisevent_dropdown span:hover {
    text-decoration: underline;
}

.addthisevent_dropdown .copyx {
    display: block;
    padding: 10px;
    font-size: .8em;
    text-align: right;
    color: #bbb;
}



/* event signup form */

#eventform {
    background: rgba(207, 199, 163, .3);
    padding: 5%;
    margin: 10px 0;
}

#eventform div {
    margin-bottom: 10px;
    position: relative;
}

#eventform input[type=text],
#eventform input[type=email] {
    width: 90%;
}

#eventform label[for=nupi_eventform_newsletter],
#eventform label[for=nupi_eventform_schoolnewsletter] {
    padding-left: 30px;
}

#eventform label[for=nupi_eventform_newsletter] + input,
#eventform label[for=nupi_eventform_schoolnewsletter] + input {
    position: absolute;
    left: 0;
    top: 0;
}



/* documents */

.documentListPage .documents > li {
    border-top: 1px solid #d4d4d4;
    padding-top: 15px;
}

.documents .imageBox,
.document .imageBox {
    float: left;
    width: 50px;
    margin: 0 15px 15px 0;
}

.documents .imageBox img,
.document .imageBox img {
    box-shadow: 1px 1px 3px rgba(0,0,0, .4);
    margin: 0;
}

.documents .wrapper,
.document .wrapper {
    margin-left: 65px; /* prevent wrapping */
}

.documents .flowList h3 {
    font-size: .9em;
}

.documents .tags {
    margin-top: 15px;
}

.imageBox img[src$="documents.svg"] {
    box-shadow: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 36px;
    max-height: 36px; /* ie fix */
}



/* project */

.imageBox img[src$="project.svg"] {
    box-shadow: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 46px;
    max-height: 36px; /* ie fix */
}



/* people */

.people li {
    overflow: hidden;
    margin-bottom: 20px;
}

.peopleListPage .people li {
    border-top: 1px solid #d4d4d4;
    padding-top: 15px;
    margin-bottom: 40px;
}

.people img {
    float: left;
    width: 50px;
    margin: 0 15px 10px 0;
    border: 1px solid #d4d4d4;
}

.peopleListPage .filterSummary a {
    font-family: MetaSerif-Book, serif;
    font-size: .8em;
}



/* frontPage people */

.frontPage .people li {
    margin-bottom: 20px;
}

.frontPage .people h3 {
    margin-bottom: 0;
}

.frontPage .people .tags {
    margin-left: 67px; /* prevent wrap. match img (incl border) */
}

.frontPage .people .tags {
    line-height: 1.4;
}

.frontPage .people .tags span {
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
}

.frontPage .people .tags span:not(:last-child):after {
    content: ",";
}



/* person */

.person h1 {
    margin-bottom: 5px;
}

.person .title {
    display: block;
    margin-bottom: 30px;
}

.person aside.column,
.person aside.column section {
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
}

.person aside.column {
    float: left;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 40px;
}

.person aside.column section {
    margin-bottom: 20px;
}

.person aside.column img {
    width: 150px;
    margin: 5px 0 20px;
    border: 1px solid #d4d4d4;
}

.person aside.column h2 {
    text-indent: 0;
}

.contactData span {
    display: inline-block;
    margin: 0 20px 10px 0;
}

.person aside .downloads a {
    margin-bottom: 20px;
    display: block;
}

.person p + .more {
    margin-top: -5px;
}

.person .column.main {
    float: right;
    margin-bottom: 50px;
}

.person .description {
    max-width: 700px;
    margin-bottom: 60px;
}

.person .description p:first-child {
    font-size: 1.3em;
    margin-bottom: 30px;
}

.person .cvData span {
    display: block;
    margin-bottom: 10px;
    font-size: .9em;
}

.person .cvData strong {
    margin-right: 5px;
}

.person .involvement button {
    margin-left: 0;
}



/* mainArticle */

.mainArticle .topImage {
    position: relative;
    margin-bottom: 4%;
}

.mainArticle .topImage.document {
    margin: 0 5% 40px;
    overflow: visible;
}

.topImage.document img {
    box-shadow: 2px 2px 6px rgba(0,0,0, .3);
    width: auto;
    max-height: 400px;
    margin: 0;
}

.mainArticle .photoCredit {
    font-family: MetaSans-Book, sans-serif;
}

.mainArticle .topImage .photoCredit,
.mainArticle .topImage .imageText {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0, .7);
    border: 1px solid rgba(0,0,0, .1);
    color: #fff;
    padding: 2px 5px 0;
    margin: 0;
}

.mainArticle .topImage .photoCredit a,
.mainArticle .topImage .imageText a {
    color: inherit;
}

.mainArticle .topImage .photoCredit {
    right: 0;
    text-align: right;
    max-width: 30%;
    font-size: .7em;
}

.mainArticle .topImage .imageText {
    left: 0;
    max-width: 60%;
    font-size: .8em;
}

.mainArticle .topImage .imageText p {
    margin: 0;
}

.mainArticle .pageIntro {
    max-width: 900px;
    margin-left: 5%;
    margin-right: 5%;
}

.mainArticle h1 {
    margin-bottom: 20px;
}

.mainArticle .pageIntro > p {
    font-size: 1.25em;
}

.mainArticle .pageIntro > p:first-of-type,
.mainArticle .introText {
    font-size: 1.55em;
    margin-top: 10px;
}



/* aside column inset */

aside.column.inset {
    min-width: 300px;
    padding: 0 0 0 5%;
    color: #666;
    position: relative;
    z-index: 1;
    background: #fff; /* hack prevent mainText h2 border overlap */
}

aside.column.inset section {
    margin-bottom: 40px;
}

aside.column.inset h2 {
    font-size: 1.1em;
    color: inherit;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 5px;
    margin-bottom: 15px;
}



/* author */

.mainArticle aside.column .author,
.mainArticle aside.column .author > div {
    overflow: hidden;
}

.mainArticle .author span a {
    color: inherit;
}

.mainArticle .author img {
    display: block;
    width: 30%;
    float: left;
    margin: 0 5% 20px 0;
    border: 1px solid #d4d4d4;
}

.mainArticle .author img[src$="person.png"] {
    opacity: .6;
}

.mainArticle .author h3 {
    margin: 7px 0 0 0;
}

.mainArticle .author span {
    display: block;
    font-size: .9em;
}



/* editor */

.mainArticle aside.column .author + .editor {
    margin-top: -40px;
}

.editor ul,
.editor li,
.editor a,
.editor span {
    display: inline-block;
    margin: 0 20px 10px 0;
}

aside.column.inset .editor h2 {
    display: inline-block;
    padding: 0;
    margin: 0 5px 10px 0;
    border: none;
    font-size: 1em;
}



/* relatedDocuments */

.relatedDocuments li {
    margin-bottom: 10px;
}

.relatedDocuments a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre;
}



/* facts */

aside.column.inset .facts h2 {
    border: none;
    margin: 0;
}

.facts > div {
    border: 1px solid #d4d4d4;
    padding: 20px 20px 0;
}

.facts p,
.facts ul {
    margin-bottom: 15px;
}



/* mainText */

.mainArticle .mainText {
    font-size: 1.25em;
    line-height: 1.6;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 50px;
    max-width: 680px;
}

.mainArticle .mainText h2 {
    font-size: 1.15em;
    margin-bottom: 10px;
    padding-right: 40px; /* topLink arrow space */
}

.mainArticle .mainText h3 {
    font-size: 1.05em;
    color: #444;
}

.mainArticle .mainText p,
.mainArticle .mainText ul,
.mainArticle .mainText ol {
    margin-bottom: 40px;
}

.mainArticle .mainText img {
    margin: 40px 0 30px 0; /* top margin when no p before */
    width: 100%; /* default full width */
}

.mainArticle .mainText p + div img:first-child,
.mainArticle .mainText div + div img:first-child {
    margin-top: 0; /* no top margin when p or div before */
}

.mainText .photoCredit,
.mainText .imageText {
    display: block;
    color: #666;
    margin-top: -30px;
}

.mainText .photoCredit {
    float: right;
    text-align: right;
    font-size: .6em;
    padding-top: 3px;
    max-width: 30%;
}

.mainText .imageText {
    font-size: .7em;
    max-width: 68%;
}



/* narrow image */

.mainArticle .mainText img.narrow {
    width: auto;
    max-width: 50%;
}

.mainArticle .mainText img.narrow + .photoCredit {
    float: none;
    text-align: left;
    max-width: 100%;
    margin-bottom: 35px;
}



/* image zoom */

img.zoomable {
    cursor: pointer;
}

img.zoomable.zoomed {
    width: auto;
    max-width: 1200px;
    transition: max-width .3s;
}

img.narrow.zoomable.zoomed {
    width: 100%;
    max-width: 100%;
}

.zoomIndicator {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0, .6) url(../bundles/nupisite/images/zoom_w.svg) no-repeat center;
    background-size: auto 80%;
    position: relative;
    z-index: 2;
    margin-bottom: -40px;
    opacity: 0;
    cursor: pointer;
    transition: opacity .3s;
}

.mainArticle .mainText .zoomIndicator + img {
    margin-top: 0;
}

.zoomIndicator.active,
.zoomIndicator:hover {
    opacity: 1;
}

.zoomIndicator.zoomed {
    background-image: url(../bundles/nupisite/images/zoomout_w.svg);
}



/* js controlled when image collides with aside column */

.asideCollide img.zoomable {
    position: relative;
    z-index: 1;
}



/* preArticleQuestions */

.mainArticle .mainText .preArticleQuestions {
    list-style: none;
}

.preArticleQuestions li {
    position: relative;
}

.preArticleQuestions li:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 11px;
    background: rgb(36, 93, 170);
    padding: 4px;
    border-radius: 100px;
}



/* quote */

.quote {
    font-family: MetaSerif-BookItalic, DroidSerif-Italic, serif;
    font-size: 1.2em;
}

.quote,
.quote:before {
    color: #666;
}

.quote:before {
    content: "\201C";
    font-size: 5em;
    line-height: 1;
    height: 60px;
    vertical-align: bottom;
    display: block;
    text-align: center;
    margin-left: -5%;
}

.profile2 .quote,
.profile2 .quote:before {
    color: rgb(36, 93, 170);
}



/* meta (used on project page etc) */

.content section.meta {
    margin-bottom: 40px;
}

.content section.meta h2 {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
    margin-bottom: 20px;
    max-width: 60%;
}

.content section.meta > div {
    margin-bottom: 20px;
}

.content section.meta h3 {
    font-size: 1em;
}



/* topLink */

h2 .topLink {
    display: block;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 5px;
    margin-right: -40px;
}

h2 .topLink:after {
    content: "";
    float: right;
    padding: 20px;
    margin-top: -40px;
    background: url('../bundles/nupisite/images/arrow_up_col1.svg') no-repeat center;
    background-size: 40%;
    transition: background-color .3s;
}

.profile2 .topLink:after {
    background-image: url('../bundles/nupisite/images/arrow_up_col2.svg');
}

h2 .topLink:hover:after,
h2 .topLink:focus:after {
    background-color: rgba(207, 199, 163, .3);
}

.profile2 h2 .topLink:hover:after,
.profile2 h2 .topLink:focus:after {
    background-color: rgba(36, 93, 170, .1);
}



/* hhdHeader / schoolHeader / schoolPointer */

.hhdHeader,
.schoolHeader,
.schoolPointer {
    display: block;
    margin: 0 3% 25px;
    text-decoration: none;
}

.hhdHeader {
    margin-bottom: 10px;
}

.hhdHeader,
.hhdHeader h2,
.schoolHeader {
    font-family: MetaSans-Light, sans-serif;
}

.hhdHeader,
.hhdHeader h2,
.hhdHeader:visited,
.hhdHeader:visited h2 {
    color: rgb(0, 77, 54);
}

.schoolHeader {
    color: rgb(36, 93, 170);
    font-size: 1.4em;
    display: block;
}

.schoolPointer {
    background: url('../bundles/nupisite/images/hand.svg') no-repeat left center;
    background-size: 45px auto;
    padding: 10px 0 0 55px;
}

.schoolPointer,
.schoolPointer:visited {
    color: rgb(36, 93, 170);
}

article .hhdHeader {
    margin: 0 0 30px 0;
}

.hhdHeader:hover,
.hhdHeader:focus {
    border-color: rgb(0, 77, 54);
}

.profile2 .hhdHeader {
    border-color: rgba(188, 196, 205, .5);
}

.profile2 .hhdHeader:hover,
.profile2 .hhdHeader:focus {
    border-color: rgb(36, 93, 170);
}

.hhdHeader h2,
.hhdHeader span {
    display: inline-block;
}

.hhdHeader h2 {
    font-size: 1.6em;
    margin-right: 10px;
}

.hhdHeader span {
    font-size: 1.2em;
    margin: 0;
}

a.hhdHeader span:after {
    content: "\203A";
    margin-left: 10px;
}

a.hhdHeader:hover *,
a.hhdHeader:focus *,
.schoolPointer:hover,
.schoolPointer:focus {
    text-decoration: underline;
}



/* tip */

.tip * {
    max-width: 600px;
}

.tip h2 {
    margin-bottom: 10px;
}



/* article hhd / emphasized */

article.hhd,
article.emphasized {
    max-width: 850px;
}

article.hhd .wrapper,
article.emphasized .wrapper {
    max-width: 600px;
    margin-bottom: 30px;
}

article.hhd .imageBox {
    min-height: 70px; /* prevent hhdItems overlap if no image */
}

article.hhd strong,
article.emphasized strong {
    font-family: MetaSerif-Book, serif;
}



/* hhdItems */

.hhdItems {
    font-family: MetaSans-Light, sans-serif;
}

.profile2 .hhdItems {
    color: rgb(36, 93, 170);
}

.mainArticle .hhdItems {
    clear: both;
    font-size: 1.3em;
    margin: 0 0 30px 5%;
    position: relative;
}

article .hhdItems,
.flowList .hhdItems {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
}

article .hhdItems {
    margin-top: -110px;
    font-size: 1.1em;
}

.flowList .hhdItems {
    margin-top: -90px;
    box-shadow: 5px 0 10px rgba(0,0,0, .3);
}

.basicList .hhdItems {
    margin-bottom: 7px;
}

.flowList .hhdItems + h3,
article .hhdItems + h3 {
    margin-top: -24px;
}

.mainArticle .hhdItems > * {
    display: inline-block;
    margin-right: 15px;
}

li .hhdItems > *,
article .hhdItems > * {
    margin-right: 5px;
}

.hhdItems a {
    color: inherit;
}

.mainArticle .hhdItems > *:not(:first-child):before {
    content: "";
    display: inline-block;
    border-right: 1px solid #ccc;
    margin-right: 15px;
    height: 40px;
    position: relative;
    top: 10px;
}

.profile2 .mainArticle .hhdItems > *:before {
    border-color: rgba(36, 93, 170, .3);
}

.hhdNumber em {
    font-size: 1.8em;
}

li .hhdNumber em {
    font-size: 1.4em;
}

.basicList .hhdNumber em {
    line-height: 1;
}



/* parts selector */

.selector > span {
    display: inline-block;
    padding: 5px 0;
    margin-right: 10px;
}

.selector nav {
    border: 1px solid #888;
    display: inline-block;
    padding: 4px 28px 2px 10px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    top: -4px;
}

.profile2 .selector nav {
    border-color: rgba(36, 93, 170, .7);
}

.selector nav.open {
    position: absolute;
    background: rgb(90, 128, 36);
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0, .3);
    max-width: 500px;
}

.profile2 .selector nav.open {
    background: rgb(36, 93, 170);
}

.selector nav:not(.open):before,
.selector nav:not(.open):after {
    content: "";
    position: absolute;
}

.selector nav:not(.open):before { /* to cover first a */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.selector nav:not(.open):after {
    border-style: solid;
    border-width: 7px;
    border-color: #444 transparent transparent;
    top: 45%;
    right: 8px;
}

.profile2 .selector nav:not(.open):after {
    border-top-color: rgb(36, 93, 170);
}

.selector a {
    text-decoration: none;
}

.selector a.trigger {
    outline: none;
    opacity: 0;
}

.selector nav a,
.selector nav a span {
    display: none; /* js controlled */
}

.selector a:first-child,
.selector nav.open a {
    display: block;
}

.selector nav.open a span  {
    display: inline;
}

.selector nav.open a {
    font-family: MetaSans-Book, sans-serif;
    font-size: .8em;
    padding: 5px;
    margin-bottom: 5px;
    color: #fff;
}

.selector a span:before {
    content: ":";
    margin-right: 5px;
}

.selector nav:not(.open):hover {
    background: rgba(207, 199, 163, .3);
}

.profile2 .selector nav:not(.open):hover {
    background: rgba(36, 93, 170, .1);
}

.selector nav.open a:hover,
.selector nav.open a:focus  {
    background: rgba(0, 0, 0, .2);
}



/* exercises (oppgaver) */

.hhdItems .exercises {
    text-decoration: none;
}

.hhdItems .exercises:hover,
.hhdItems .exercises:focus {
    text-decoration: underline;
}

.hhdItems .exercises:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: rgb(36, 93, 170) url('../bundles/nupisite/images/arrow_right_w.svg') no-repeat center;
    background-size: auto 11px;
    padding: 11px;
    border-radius: 100px;
    margin: -3px 0 0 12px;
}



/* explain */

.explainThis {
    color: rgb(36, 93, 170);
    border-bottom: 1px dashed rgb(36, 93, 170);
    cursor: pointer;
    transition: padding .3s, background .3s;
}

.explainThis.open,
.explanation,
.explainWords li.open > a,
.explainWords > li > div {
    background: rgba(36, 93, 170, .97);
}

.explainThis.open,
.explanation,
.explanation *,
.explainWords li.open > a,
.explainWords > li > div,
.explainWords > li > div * {
    color: #fff;
}

.explainThis.open {
    padding: 3px 5px 1px;
    margin: 0 3px;
}

.explanation {
    padding: 40px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    margin-top: 60px;
    max-width: 380px;
    box-shadow: 0 0 10px rgba(0,0,0, .3);
    visibility: hidden;
    opacity: 0;
}

.explanation.open {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s;
}

.explainThis.open:after,
.explanation .close:after,
.explainWords li.open > a:after,
.explainWords .close:after {
    content: "x";
    font-family: MetaSans-Light, sans-serif;
    line-height: 1;
}

.explainThis.open:after,
.explainWords li.open > a:after {
    border-left: 1px solid rgba(255,255,255, .5);
    padding-left: 5px;
    margin-left: 5px;
}

.explanation .close,
.explainWords .close {
    font-size: 1.1em;
    line-height: 1.3;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid rgba(255,255,255, .5);
    padding: 0 8px;
    cursor: pointer;
}

.mainArticle .explanation p,
.mainArticle .explanation ul {
    margin-bottom: 20px;
}



/* explainWords */

.explainWords li.open > a {
    padding: 5px 6px 3px 10px;
}

.explainWords li.open > a:before {
    display: none;
}

.explainWords > li > div {
    max-width: 540px;
    padding: 40px 5% 20px;
    margin: 20px 0;
    position: relative;
    display: none; /* js toggle */
}



/* document attributes (publication page) */

.documentAttributes li {
    margin-bottom: 20px;
}

.documentAttributes a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre;
}



/* twitter-timeline */

.twitter-timeline {
    height: 500px;
    width: auto;
}



/* search results */

.searchResults .search,
.searchResults h1 {
    margin-left: 36%;
}

.searchResults .search {
    margin-bottom: 30px;
}

.searchResults h1 {
    font-family: MetaSerif-Book, serif;
    font-size: 1.6em;
    margin-bottom: 60px;
}

.searchResults aside.column {
    float: left;
}

.searchResults .column.main {
    float: right;
}



/* search result filters */

.searchResults .filters {
    padding-top: 20px;
}

.searchResults .filters h2 {
    font-family: MetaSerif-Book, serif;
    margin-bottom: 25px;
}

.searchResults .filters h3 {
    margin-bottom: 10px;
}

.searchResults .filters h3:after {
    content: ":";
}

.searchResults .filters li {
    margin-bottom: 20px;
}

.searchResults .filters a {
    text-decoration: none;
    transition: padding .2s;
}

.searchResults .filters a:before {
    content: "\203A";
    margin-right: 5px;
}

.searchResults .filters a:visited {
    color: rgb(90, 128, 36);
}

.searchResults .filters a:hover,
.searchResults .filters a:focus,
.searchResults .filters .selected a {
    background: rgb(90, 128, 36);
    color: #fff;
    padding: 8px 5px 5px 10px;
}

.searchResults .filters .selected a:before {
    display: none;
}



/* search results sort */

.searchResults .sort {
    margin-bottom: 5px;
}

.searchResults .sort h2,
.searchResults .sort ul,
.searchResults .sort li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}

.searchResults .sort a {
    color: #000;
}

.searchResults .sort h2,
.searchResults .filterSummary {
    font-family: MetaSerif-Book, serif;
    font-size: 1em;
}

.searchResults .sort a {
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 100px;
    padding: 4px 8px 2px;
    transition: border-color .3s;
}

.searchResults .sort a:hover,
.searchResults .sort a:focus,
.searchResults .sort .selected a {
    border-color: #888;
}

.filterSummary {
    margin-bottom: 30px;
}

.searchResults .url {
    display: block;
    font-size: .8em;
    color: #666;
    margin: 5px 0 10px;
}

.searchResults .showMore {
    margin-left: 0;
}



/* quiz */

.quiz_wrapper .progress {
    border: 1px solid rgba(36, 93, 170, .4);
    box-shadow: inset 0 0 10px rgba(36, 93, 170, .2);
    margin: 20px 0 25px;
}

.quiz_wrapper .progress div {
    height: 30px;
    background: rgba(36, 93, 170, .15);
    box-shadow: inset 0 0 30px rgba(36, 93, 170, .3);
}

.quiz_wrapper h1,
.quiz_wrapper h2 {
    margin-bottom: 5px;
}

.quiz_wrapper label {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.quiz_wrapper label:hover,
.quiz_wrapper label:focus {
    text-decoration: underline;
}

.quiz_wrapper input:focus + span {
    background: #fe0;
}

.quiz_wrapper button {
    margin-top: 20px;
}

.quiz_question {
    max-width: 600px;
    outline: none;
}

.quiz_question:not(.quiz_question_1),
.quiz_question_message,
.evaluation {
    display: none;
}

.quiz_result_score {
    border-bottom: 1px solid #d4d4d4;
    margin: 20px 0 30px;
}

.quiz_result_score h2,
.quiz_result_score p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1em;
}

.quiz_result_score h2:after {
    content: "\003a";
    margin-right: 5px;
}

.quiz_result_score span {
    font-size: 3em;
    line-height: 1.2;
}

.quiz_wrapper .evaluation p {
    margin-bottom: 10px;
}

.quiz_wrapper .evaluation ul {
    margin-bottom: 30px;
}

.quiz_wrapper .evaluation li:not(.correct) {
    text-decoration: line-through;
}

.quiz_wrapper .evaluation li.correct {
    font-family: MetaSerif-Bold;
}

.quiz_wrapper .evaluation li.selected:not(.correct) {
    color: red;
}

.quiz_wrapper .evaluation li.selected.correct {
    color: green;
}

.quiz_wrapper .evaluation li:before {
    content: "";
    padding: 5px;
    border: 1px solid #666;
    border-radius: 100px;
    box-shadow: inset 0 0 0 2px #fff;
    display: inline-block;
    margin-right: 10px;
}

.quiz_wrapper .evaluation li.selected:before {
    background: #666;
}

.form_feedback{
    display: none;
    color: rgb(255, 255, 255);
    font-weight: normal;
    padding: 4px;
    background-color: rgb(90, 128, 36);
}
.form_feedback a{
    color: #fff;
}
.form_feedback a:hover {
    text-decoration: underline;
}



/***************************************************
device specific for touchscreen (assumed from width)
***************************************************/

@media screen and (max-device-width: 900px) {

    .print {
        display: none;
    }

    .topMenu a:hover,
    .profile2 .topMenu a:hover,
    .explainWords > li > a:hover
    {
        border-color: transparent;
    }



} /* end media */

/***************************************************
below 1280
***************************************************/

@media screen and (max-width: 1280px) {

    body {
        box-shadow: none;
    }

    .topImage iframe {
        height: 650px;
    }

    .asideCollide { /* js controlled */
        max-width: 75%;
    }



} /* end media */

/***************************************************
below 1024
***************************************************/

@media screen and (max-width: 1024px) {

    .topImage iframe {
        height: 550px;
    }

    .asideCollide {
        max-width: 60%;
    }

    iframe.asideCollide {
        height: 300px;
    }

    .searchResults .search,
    .searchResults h1 {
        margin-left: 0;
        text-align: center;
    }



} /* end media */

/***************************************************
tablets and below
***************************************************/

@media screen and (max-width: 900px) {

    .textSize {
        display: none;
    }

    .topImage img {
        margin: 0;
    }

    .topImage iframe {
        height: 450px;
    }

    .topStory > .imageBox img {
        margin: 0;
    }

    .asideCollide {
        max-width: 50%;
    }

    .content .twitter-share-button {
        width: 55px; /* hack. fix iOS viewport width bug */
    }



    /* image zoom */

    img.zoomable.zoomed {
        max-width: 100%;
    }

    .zoomIndicator {
        display: none;
    }



    /* column basicList / flowList */

    .column .basicList > li > .imageBox img,
    .column .flowList > li:only-child > .imageBox img {
        min-width: 40%;
    }



    /* hhdItems */

    .flowList .hhdItems {
        font-size: .9em;
        margin-top: -70px;
        padding-right: 0;
    }

    .mainArticle .hhdItems {
        font-size: 1.2em;
    }



    /* explain */

    .explainWords > li {
        margin-bottom: 20px;
    }



} /* end media */

/***************************************************
iPad and below
***************************************************/

@media screen and (max-width: 770px) {

    .topImage iframe {
        height: 400px;
    }

    .asideCollide {
        max-width: 45%;
    }



} /* end media */

/**************************************************
tablets only
***************************************************/

@media screen and (max-width: 900px) and (min-width: 700px) {

    iframe.asideCollide {
        height: 250px;
    }



    .twitter-timeline {
        width: 220px; /* hack. overriden, but fixes iPad page-width on load bug. */
    }



    /* pageHeader */

    .pageHeader .language {
        right: 300px;
        padding: 0;
        border: none;
    }



    /* pageFooter */

    .pageFooter section,
    .pageFooter nav {
        width: 47%;
        margin-left: 0;
    }

    .pageFooter .inner nav:nth-child(even),
    .pageFooter .inner section:nth-child(even) {
        margin-left: 5%;
    }



    /* misc */

    li h3 {
        font-size: 1em;
    }

    .frontPage .people h3  {
        font-size: .95em;
    }



    /* (hhd article) preArticleQuestions */

    .preArticleQuestions {
        font-size: .8em;
    }

    .preArticleQuestions li:before {
        top: 9px;
    }



    /* documents, people lists */

    .module.documents .imageBox {
        float: none;
    }

    .module.documents .wrapper {
        margin-left: 0;
    }

    .peopleListPage .people li,
    .documentListPage .documents li {
        width: 48%;
        margin-right: 0;
    }

    .peopleListPage .people li:nth-of-type(odd),
    .documentListPage .documents li:nth-of-type(odd) {
        margin-right: 3%;
    }



    /* flowList equal image heights */

    .articles .flowList  li .imageBox {
        min-height: 150px;
    }

    .articles .flowList > li:not(.topStory) > .imageBox img {
        height: 150px;
    }

    .articles .flowList  li .imageBox img[src$="project.svg"] {
        height: 50px;
    }



    /* related items in lists */

    .related .document .imageBox {
        float: none;
    }

    .related .document .wrapper {
        margin-left: 0;
    }

    .related .event h3 {
        clear: left;
    }



    /* aside collide. js controlled */

    .asideCollide .photoCredit,
    .asideCollide .imageText {
        max-width: 100%;
    }

    .asideCollide .photoCredit {
        float: none;
        text-align: left;
        margin-bottom: 35px;
    }



} /* end media */

/**************************************************
phones
**************************************************/

@media screen and (max-width: 700px) {

    .textSize {
        display: none;
    }

    h1 {
        font-size: 1.5em;
    }

    .topImage iframe,
    iframe[src*= "vimeo"],
    iframe[src*= "youtube"] {
        height: 300px;
    }



    /* pageHeader */

    .pageHeader::selection,
    .pageHeader *::selection {
        background: transparent;
    }

    .pageHeader {
        padding: 0;
        margin-bottom: 7px;
    }

    .pageHeader:not(.menu_open) {
        border-bottom: 1px solid rgba(0, 77, 54, .3);
    }

    .profile2 .pageHeader,
    .profile2 .pageHeader:before {
        border-color: rgb(188, 196, 205); /* match topmenu */
    }

    .profile2 .pageHeader:before,
    .profile3 .pageHeader:before {
        margin: 0;
    }

    .pageHeader .logo,
    .pageHeader .search {
        float: none;
    }

    .pageHeader .logo {
        height: 35px;
        width: 135px;
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
        border: none;
    }

    .profile2 .pageHeader .logo,
    .profile3 .pageHeader .logo {
        width: 35px; /* crop */
    }

    .pageHeader .backLink {
        top: -25px;
    }

    .pageHeader .identity {
        font-family: MetaSans-Light, sans-serif;
        font-size: 1.4em;
        margin-left: 13px;
        padding-left: 15px;
        top: 15px;
    }

    .pageHeader .identity:before {
        height: 35px;
        top: -6px;
    }

    .pageHeader .search {
        margin: 5px 0 15px 0;
    }

    .pageHeader .search input[type=search]:hover,
    .pageHeader .search input[type=search]:focus {
        box-shadow: none;
    }

    .pageHeader .search input[type=submit]{
        float: right;
    }



    /* header menu buttons */

    .pageHeader .menuButton,
    .pageHeader .searchButton,
    .pageHeader .language {
        background-repeat: no-repeat;
        background-position: center;
        font-family: MetaSans-Book, sans-serif;
        font-size: 13px;
        line-height: 2.5;
        color: rgb(0, 77, 54);
        border: 1px solid rgba(0, 77, 54, .3);
        position: absolute;
        top: 12px;
        display: block;
        height: 30px;
        min-width: 30px;
    }

    .pageHeader .menuButton {
        background-image: url(../bundles/nupisite/images/burger.svg);
        background-position: 5px center;
        background-size: auto 18px;
        right: 42px;
        width: 70px;
        text-align: right;
    }

    .pageHeader .menuButton:after {
        content: "Meny";
        margin-right: 7px;
    }

    html[lang="en"] .pageHeader .menuButton:after {
        content: "Menu";
    }

    .pageHeader .searchButton {
        background-image: url(../bundles/nupisite/images/search.svg);
        background-size: auto 20px;
        right: 0;
    }

    .pageHeader .language {
        right: 125px;
        padding: 0;
        text-align: center;
    }

    .pageHeader .language span { /* cut word */
        display: none;
    }

    .profile2 .pageHeader .menuButton,
    .profile2 .pageHeader .searchButton,
    .profile2 .pageHeader .language {
        border-color: rgb(188, 196, 205);
        color: rgb(36, 93, 170);
    }

    .profile2 .pageHeader .menuButton {
        background-image: url(../bundles/nupisite/images/burger_col2.svg);
    }

    .profile2 .pageHeader .searchButton {
        background-image: url(../bundles/nupisite/images/search_col2.svg);
    }

    .pageHeader:not(.search_open) .search,
    .pageHeader:not(.menu_open) .topMenu {
        display: none;
    }

    .menu_open .menuButton,
    .search_open .searchButton {
        box-shadow: inset 0 0px 3px rgba(0,0,0, .3);
    }



    /* topMenu */

    .topMenu {
        padding: 2px 0 10px;
    }

    .topMenu a {
        display: block;
        border: none;
    }

    .topMenu a,
    .topMenu .mega > ul > li  a {
        margin: 0;
        padding: 12px 0 10px;
    }

    .topMenu > ul > li,
    .topMenu .mega > ul > li {
        display: block;
        margin: 0;
        padding: 0;
        border: none;
    }

    .pageHeader .topMenu .mega > ul {
        float: none;
        border-top: 1px solid rgba(0,0,0, .15);
        border-bottom: 1px solid rgba(0,0,0, .15);
        padding: 10px 0 10px 20px;
        margin: 15px 0 10px 0;
        visibility: visible;
        height: auto;
        opacity: 1;
    }

    .profile2 .topMenu .mega > ul {
        border-color: rgba(36, 93, 170, .2);
    }

    .topMenu .mega > a { /* expanding item */
        display: none;
    }

    .topMenu .mega > span {
        display: block;
        position: static;
        margin: 0 0 5px 0;
        font-size: .9em;
    }

    .topMenu .mega > span a { /* replace expanding item */
        text-transform: uppercase;
        padding: 15px 0 0 0;
        border: none;
    }

    .topMenu .mega > ul > li {
        width: auto;
    }

    .topMenu .mega > ul > li > ul {
        display: none;
    }



    /* breadCrumbs */

    .breadCrumbs {
        margin-bottom: 20px;
    }

    .breadCrumbs li:not(:last-child) {
        display: none;
    }

    .breadCrumbs li:before {
        content: "\2039";
        margin-right: 6px;
    }



    /* pageFooter */

    .pageFooter section,
    .pageFooter nav {
        display: block;
        width: auto;
        margin-bottom: 40px;
        margin-left: 0;
    }



    /* content *************************************/


    /* content search */

    .content .search {
        font-size: 1em;
    }

    .content .search input[type=search] {
        width: 70%;
    }



    /* share print etc */

    .mainArticle .share_print_etc {
        margin: 20px 0;
    }



    /* column */

    .content .column {
        float: none;
        width: auto;
    }

    aside.column.version2 {
        padding: 3% 3% 10px;
        margin: 0 -3% 30px;
    }



    /* basicList / flowList */

    .content .flowList > li,
    .content .column.people .flowList li,
    .content .column .people .flowList li {
        display: block;
        width: auto;
        margin-right: 0;
    }

    .articles .basicList > li > .imageBox img {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .articles .basicList > li .imageBox + .wrapper {
        float: none;
        width: auto;
    }



    /* flowList images equal height reset */

    .articles .flowList  li .imageBox {
        min-height: 100px;
    }

    .articles .flowList > li:not(.topStory) > .imageBox img {
        height: auto;
        max-width: 100%;
    }

    .articles .flowList  li .imageBox img[src$="project.svg"] {
        height: 50px;
        padding-top: 40px;
    }



    /* menu version */

    .flowList.menu > li:last-child ul {
        width: auto;
    }



    /* multi (mixed list) */

    .basicList.multi li .imageBox,
    .basicList.multi li.document .imageBox img,
    .basicList.multi li.listPerson img,
    .basicList.multi li.event .date {
        width: 50px;
    }

    .basicList.multi li.article .imageBox img {
        height: 50px;
    }

    .basicList.multi li .wrapper,
    .basicList.multi li .overTitle,
    .basicList.multi li.event h3,
    .basicList.multi li.event .url,
    .basicList.multi li.event .eventData,
    .basicList.multi li.event p {
        padding-left: 65px; /* relates to imageBox etc width */
    }



    /* topStory */

    .flowList .topStory + li + li {
        margin-right: 0;
    }

    .topStory > .wrapper > h3 {
        position: static;
        padding: 0;
        margin-top: 15px;
        font-size: 1.05em;
        box-shadow: none;
    }

    .topStory > .wrapper > h3 a {
        text-decoration: underline;
    }

    .topStory > .wrapper > h3 a:hover {
        text-decoration: none;
    }

    .topStory > .wrapper > h3 a:after {
        display: none;
    }

    .topStory > .wrapper > .publishData {
        margin-top: 12px;
    }

    .topStory > .wrapper > p {
        font-size: 1em;
        margin-top: 0;
    }



    /* introText / pageIntro p */

    .pageIntro > p:first-of-type,
    .introText {
        font-size: 1.1em;
    }



    /* mainArticle */

    .mainArticle .pageIntro,
    .mainArticle .mainText {
        margin-right: 0;
        margin-left: 0;
    }

    .mainArticle .topImage {
        margin-right: -3.2%;
        margin-left: -3.2%;
    }

    .mainArticle .topImage.document {
        margin-right: 0;
        margin-left: 0;
    }

    .mainArticle .topImage .photoCredit,
    .mainArticle .topImage .imageText {
        position: static;
        max-width: none;
        border: none;
    }

    .mainArticle .topImage .photoCredit {
        font-size: .6em;
        float: right;
        margin-top: -17px;
        position: relative;
    }

    .mainArticle .topImage .imageText {
        background: none;
        padding: 5px 5px 0;
        color: #666;
        font-size: .7em;
    }

    .mainArticle h1 {
        font-size: 1.5em;
    }

    .mainArticle .pageIntro > p,
    .mainArticle .pageIntro > p:first-of-type,
    .mainArticle .introText {
        font-size: 1.1em;
    }

    .mainArticle .mainText {
        font-size: 1em;
    }

    .mainText .photoCredit {
        max-width: 40%;
    }

    .mainText .imageText {
        max-width: 58%;
    }

    .preArticleQuestions {
        clear: both;
    }

    .preArticleQuestions li:before {
        top: 7px;
    }

    .mainArticle .mainText p {
        margin-bottom: 30px;
    }

    .mainArticle .mainText img {
        margin-top: 30px;
    }

    .asideCollide {
        max-width: 100%;
    }

    aside.column.inset {
        width: 100%;
        min-width: 0;
        padding-left: 0;
    }



    /* facts */

    .facts:not(.open) {
        border: 1px solid rgba(36, 93, 170, .7);
        padding: 10px 10px 0;
    }

    .facts:not(.open) div {
        visibility: hidden;
        height: 0;
        opacity: 0;
        padding: 0;
    }

    .facts div {
        transition: opacity .6s;
    }

    .facts h2 {
        position: relative;
        cursor: pointer;
    }

    aside.column .facts h2 {
        color: rgb(36, 93, 170);
    }

    .facts:not(.open) h2:after {
        content: "";
        border-color: rgb(36, 93, 170) transparent transparent;
        border-width: 7px;
        border-style: solid;
        position: relative;
        top: 13px;
        left: 10px;
    }

    .facts.open h2:after {
        content: "x";
        float: right;
        font-family: MetaSans-Light, sans-serif;
        padding: 2px 10px;
        border-color: #d4d4d4;
        border-width: 1px 1px 0 1px;
        border-style: solid;
    }



    /* hhdHeader / schoolHeader / schoolPointer */

    .hhdHeader {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .schoolPointer {
        background-position: left top;
        background-size: 32px auto;
        padding: 0 0 0 40px;
        font-size: .9em;
        min-height: 25px;
        margin-bottom: 20px;
    }

    .hhdHeader h2 {
        margin-bottom: 2px;
        font-size: 1.3em;
    }

    .hhdHeader span {
        font-size: 1em;
    }

    .schoolHeader {
        font-size: 1em;
    }



    /* hhdItems */

    .mainArticle .hhdItems {
        margin: 0 0 20px 0;
    }

    article .hhdItems {
        font-size: 1em;
        margin-top: -25%;
    }

    .mainArticle .hhdItems > * {
        margin-bottom: 10px;
    }

    .content .mainArticle .hhdItems > *:before {
        display: none;
    }

    li .hhdNumber em,
    article .hhdNumber em {
        font-size: 1.4em;
    }



    /* parts selector */

    .selector nav.open {
        max-width: 85%;
        right: 0;
    }



    /* explanation */

    .explanation {
        max-width: 80%;
        padding-right: 5%;
        padding-left: 5%;
        padding-bottom: 20px;
    }



    /* twitter-timeline */

    .twitter-timeline {
        max-width: 90% !important; /* room to scroll past */
    }



    /* person */

    .person .description p:first-child {
        font-size: 1.1em;
    }

    .person aside.column .cvData h2 {
        cursor: pointer;
    }

    .person aside.column .cvData h2:after {
        display: inline;
        content: "";
        border-style: solid;
        border-width: 6px;
        border-color: rgb(90, 128, 36) transparent transparent;
        position: relative;
        top: 12px;
        margin-left: 10px;
    }

    .person .cvData:not(.open) div {
        display: none;
    }



    /* search results */

    .searchResults .search {
        margin: 0 0 20px;
    }

    .searchResults h1 {
        font-size: 1.3em;
        margin-bottom: 25px;
    }


    .searchResults aside.column,
    .searchResults .column.main {
        float: none;
    }

    .searchResults aside.column:before {
        display: none;
    }

    .searchResults aside.column {
        margin-left: 0;
        width: 100%;
    }

    .searchResults .filters {
        padding: 0;
    }

    .searchResults .filters h2 {
        margin-top: 10px;
    }

    .searchResults .filters:not(.open) {
        text-align: center;
    }

    .searchResults .filters:not(.open) *:not(h3) {
        display: none;
    }

    .searchResults .filters:not(.open) h3 {
        display: inline-block;
        border: 1px solid #888;
        cursor: pointer;
        margin: 0;
        padding: 10px 25px 8px 15px;
        text-align: center;
    }

    .searchResults .filters:not(.open) h3:after {
        content: "";
        border-color: rgb(90, 128, 36) transparent transparent;
        border-width: 6px;
        border-style: solid;
        position: relative;
        top: 12px;
        left: 12px;
    }

    .searchResults .filters .close {
        float: right;
        cursor: pointer;
    }

    .searchResults .filters .close:after {
        content: "x";
        float: right;
        font-family: MetaSans-Light, sans-serif;
        padding: 2px 10px;
        border: 1px solid #888;
    }

    .searchResults .filters.open {
        border: 1px solid #d4d4d4;
        padding: 10px;
    }

    .searchResults .filters.open h3 {
        display: none;
    }

    .searchResults .showMore {
        margin-left: auto;
    }



} /* end media */
div.DTTT_container{position:relative;float:right;margin-bottom:1em}@media screen and (max-width: 640px){div.DTTT_container{float:none !important;text-align:center}div.DTTT_container:after{visibility:hidden;display:block;content:"";clear:both;height:0}}button.DTTT_button,div.DTTT_button,a.DTTT_button{position:relative;display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:0.88em;color:black !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )}button.DTTT_button{height:30px;padding:3px 8px}.DTTT_button embed{outline:none}button.DTTT_button:hover,div.DTTT_button:hover,a.DTTT_button:hover{border:1px solid #666;text-decoration:none !important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )}button.DTTT_button:focus,div.DTTT_button:focus,a.DTTT_button:focus{border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#a3d0ef 100%;background-image:-webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef')}button.DTTT_button:active,div.DTTT_button:active,a.DTTT_button:active{-webkit-box-shadow:inset 1px 1px 3px #999999;-moz-box-shadow:inset 1px 1px 3px #999999;box-shadow:inset 1px 1px 3px #999999}button.DTTT_disabled,div.DTTT_disabled,a.DTTT_disabled{color:#999;border:1px solid #d0d0d0;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-o-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )}button.DTTT_button_collection span{padding-right:17px;background:url(../bundles/nupisite/images/collection.png) no-repeat center right}button.DTTT_button_collection:hover span{padding-right:17px;background:#f0f0f0 url(../bundles/nupisite/images/collection_hover.png) no-repeat center right}table.DTTT_selectable tbody tr{cursor:pointer;*cursor:hand}table.dataTable tr.DTTT_selected.odd{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_1{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_2{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_3{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.even{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_1{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_2{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_3{background-color:#B0BED9}div.DTTT_collection{width:150px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:#f3f3f3;background-color:rgba(255,255,255,0.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-shadow:3px 3px 5px rgba(0,0,0,0.3)}div.DTTT_collection_background{background:transparent url(../bundles/nupisite/images/background.png) repeat top left;z-index:2001}div.DTTT_collection button.DTTT_button,div.DTTT_collection div.DTTT_button,div.DTTT_collection a.DTTT_button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}.DTTT_print_info{position:fixed;top:50%;left:50%;width:400px;height:150px;margin-left:-200px;margin-top:-75px;text-align:center;color:#333;padding:10px 30px;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );opacity:0.95;border:1px solid black;border:1px solid rgba(0,0,0,0.5);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.5);-ms-box-shadow:0 3px 7px rgba(0,0,0,0.5);-o-box-shadow:0 3px 7px rgba(0,0,0,0.5);box-shadow:0 3px 7px rgba(0,0,0,0.5)}.DTTT_print_info h6{font-weight:normal;font-size:28px;line-height:28px;margin:1em}.DTTT_print_info p{font-size:14px;line-height:20px}

/* AddThisEvent */
.addthisevent_dropdown {
    width:200px;
    position:absolute;
    z-index:99999;
    padding:6px 0px 0px 0px;
    background:#fff;
    text-align:left;
    display:none;
    overflow: visible;
    margin-top:-2px;
    margin-left:-1px;
    border-top:1px solid #c8c8c8;
    border-right:1px solid #bebebe;
    border-bottom:1px solid #a8a8a8;
    border-left:1px solid #bebebe;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);
    -moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);
    box-shadow:1px 3px 6px rgba(0,0,0,0.15);
}
.addthisevent_dropdown span 			{width:175px;display:block;line-height:110%;background:#fff;text-decoration:none;font-size:12px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover 		{background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:12px;}
.addthisevent span 						{display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .brx 			{width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs 			{position:absolute;top:5px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:9px;color:#cacaca;}
.addthisevent_dropdown .frs:hover 		{color:#6d84b4;}
.addthisevent 							{visibility:hidden;}
.addthisevent_dropdown .copyx           {display: none;}
#atedrop1 {
    background: none;
    border: 1px solid #d4d4d4;
    color: rgb(90, 128, 36);
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    margin: 15px 10px 10px 0px;
    padding-top: 8px;
    padding-bottom: 5px;
    line-height: 1.2;
    transition: background-color .3s;
}
#atedrop1:hover{background: rgba(207, 199, 163, .3);}
article.event{
    overflow: visible;
}
@media print {

    .skipLink,
    .logo,
    .topMenu,
    .pageHeader .search,
    .profile2 .pageHeader:before,
    .profile2 .pageHeader .backLink,
    .textSize,
    .language,
    .breadCrumbs,
    .share_print_etc,
    .pageFooter .follow
    {
        display: none;
    }

    body {
        font-size: .8em;
        box-shadow: none;
    }



    /* pageHeader */

    .pageHeader {
        padding:0;
        margin-bottom: 30px;
    }

    .pageHeader .inner {
        padding: 20px 0;
        border-bottom: 1px solid #aaa;
    }

    .pageHeader .basicLogo {
        display: inline-block;
        width: 40px;
    }

    .pageHeader .identity:before {
        height: 40px;
        border-color: #aaa;
    }

    .pageHeader .identity {
        vertical-align: top;
    }



    /* pageFooter */

    .pageFooter {
        display: none; /* removed. styling below in case visible */
        background: none;
        border-top: 1px solid #aaa;
        margin: 0 3%;
    }

    .pageFooter,
    .pageFooter * {
        color: #000 !important;
    }

    .pageFooter h1,
    .pageFooter .identity,
    .pageFooter .inner,
    .pageFooter .bottom {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .pageFooter .topLink,
    .pageFooter nav,
    .pageFooter ul,
    .pageFooter .school,
    .pageFooter .school_and_hhd,
    .pageFooter .about h3,
    .pageFooter .about p a {
        display: none;
    }

    .pageFooter section {
        width: 40%;
        margin-bottom: 0;
    }

    .pageFooter h2 a {
        text-decoration: none;
    }



    /* content */

    h1 {
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    .content .topLink {
        display: none;
    }

    .topImage img {
        margin: 0;
    }

    .hhdHeader {
        border: none;
        margin-bottom: 20px;
    }

    .schoolPointer {
        background: none;
        padding-left: 0;
    }



    /* mainArticle */

    .mainArticle .topImage {
        margin-bottom: 10px;
    }

    .mainArticle .topImage .photoCredit,
    .mainArticle .topImage .imageText {
        border: 1px solid rgba(0,0,0, .1);
    }

    .mainArticle .pageIntro {
        margin-left: 0;
        margin-right: 0;
    }

    .mainArticle h1 {
        font-size: 1.6em;
    }

    .mainArticle .pageIntro > p,
    .mainArticle .pageIntro > p:first-of-type,
    .mainArticle .introText {
        font-size: 1.2em;
        margin-bottom: 30px;
    }



    /* hhdItems */

    .hhdItems {
        display: none; /* only bottom version */
        font-size: 1em;
    }


    .topImage + .hhdItems, /* top version */
    .mainArticle .hhdItems:first-child { /* in case no topImage */
        display: block;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    .hhdItems .exercises:after,
    .hhdItems .parts {
        display: none;
    }



    /* article aside column */

    aside.column.inset {
        min-width: 0;
        width: 40%;
        font-size: .8em;
    }

    aside.column .author {
        page-break-inside: avoid;
    }

    aside.column.inset h2:before,
    aside.column.inset h2:after,
    .facts div {
        border-color: #aaa;
    }



    /* article mainText */

    .mainArticle .mainText {
        font-size: 1em;
        margin: 0;
        padding-right: 20%;
    }

    .mainArticle .mainText img,
    .mainArticle .mainText img.narrow {
        page-break-inside: avoid;
        clear: both;
        float: right;
        margin: 0 -25% 20px 20px;
        width: 75%;
    }

    .mainArticle .mainText .photoCredit,
    .mainArticle .mainText img.narrow + .photoCredit,
    .mainArticle .mainText .imageText {
        display: block;
        float: right;
        font-size: .7em;
        max-width: none;
        width: 75%; /* slight hack to force below image */
        position: relative;
        right: -25%;
        margin-bottom: 20px;
        page-break-before: avoid;
        text-align: right;
    }

    .mainArticle .mainText .photoCredit {
        margin-top: -15px;
    }

    .mainArticle .mainText .imageText {
        margin-top: -18px;
        text-align: right;
    }

    .quote:before {
        height: 40px;
        text-align: left;
        margin-left: 2%;
    }

    .mainArticle .mainText h2 {
        margin: 30px 0 5px;
    }

    .mainArticle .mainText p,
    .mainArticle .mainText ul {
        margin-bottom: 20px;
    }

    .mainArticle .mainText .preArticleQuestions {
        list-style: disc;
        padding-left: 20px;
        font-family: MetaSerif-Bold;
        color: #666;
    }

    .preArticleQuestions li:before {
        display: none;
    }








} /* end media */