/*! it's me!!! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    display: block
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

input {
    -moz-appearance: none;
    border: medium none;
    outline: medium none;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

input {
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px
}

@media only screen and (max-width: 600px) {
    .hide-on-small-and-down {
        display: none !important
    }
}

@media only screen and (max-width: 1199px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 1201px) {
    .hide-on-large-and-up {
        display: none !important
    }
}

@font-face {
    font-family: 'GT-Sectra-Bold';
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/sectra/GT-Sectra-Bold.eot");
    src: local("☺"), url("../fonts/sectra/GT-Sectra-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/sectra/GT-Sectra-Bold.woff") format("woff"), url("../fonts/sectra/GT-Sectra-Bold.ttf") format("truetype")
}

@font-face {
    font-family: 'GT-Sectra-Book';
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/sectra/GT-Sectra-Book.eot");
    src: local("☺"), url("../fonts/sectra/GT-Sectra-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/sectra/GT-Sectra-Book.woff") format("woff"), url("../fonts/sectra/GT-Sectra-Book.ttf") format("truetype")
}

@font-face {
    font-family: 'GT-Sectra-Book-Italic';
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/sectra/GT-Sectra-Book-Italic.eot");
    src: local("☺"), url("../fonts/sectra/GT-Sectra-Book-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/sectra/GT-Sectra-Book-Italic.woff") format("woff"), url("../fonts/sectra/GT-Sectra-Book-Italic.ttf") format("truetype")
}

@font-face {
    font-family: 'GT-Sectra-Display-Medium';
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/sectra/GT-Sectra-Display-Medium.eot");
    src: local("☺"), url("../fonts/sectra/GT-Sectra-Display-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sectra/GT-Sectra-Display-Medium.woff") format("woff"), url("../fonts/sectra/GT-Sectra-Display-Medium.ttf") format("truetype")
}

@font-face {
    font-family: 'GT-Sectra-Display-Medium-Italic';
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/sectra/GT-Sectra-Display-Medium-Italic.eot");
    src: local("☺"), url("../fonts/sectra/GT-Sectra-Display-Medium-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/sectra/GT-Sectra-Display-Medium-Italic.woff") format("woff"), url("../fonts/sectra/GT-Sectra-Display-Medium-Italic.ttf") format("truetype")
}

@font-face {
    font-family: "Roboto-Thin";
    src: local(Roboto Regular), url("../fonts/roboto/Roboto-Thin.eot");
    src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
    font-weight: 100
}

@font-face {
    font-family: "Roboto-Book";
    src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
    src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/roboto/Roboto-Medium.eot");
    src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/roboto/Roboto-Bold.eot");
    src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700
}

body {
    font-family: "GT-Sectra-Book", serif;
    font-size: 18px;
    line-height: 1.4em;
    color: #112644;
    background: #F4F0EB;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "GT-Sectra-Display-Medium", serif;
    font-weight: 400;
    line-height: 1.1em
}

h1 {
    font-size: 3em
}

h2 {
    font-size: 2.5em
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    h1 {
        font-size: 3em
    }
    h2 {
        font-size: 2.5em
    }
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 3em
    }
    h2 {
        font-size: 2em
    }
}

.uppercase {
    text-transform: uppercase
}

.button {
    text-transform: uppercase;
    padding: 14px;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 2px;
    height: 44px;
    line-height: 44px;
    background: #112644;
    color: #fff
}

.tags a {
    background: #E5DACF;
    background: #e5dacf;
    margin-right: 11px;
    margin-bottom: 11px;
    padding: 5px 10px;
    font-family: "franklin-gothic-urw", sans-serif;
    color: #fff
}

.tags a:hover {
    background-color: #D3A16C
}

.big-em-dash {
    font-family: "GT-Sectra-Display-Medium", serif;
    font-size: 5em;
    margin-bottom: 0.25em;
    margin-top: 0
}

.subtitle {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-size: 1.5em;
    font-style: italic
}

blockquote {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic;
    font-size: 1.35em;
    line-height: 1.2em;
    margin: 0;
    color: #D3A16C;
    border-left: 1.5em solid #fff;
    border-right: 1.5em solid #fff;
    width: 100%;
    padding: 0;
    margin-left: -1.5em;
    background-color: #fff
}

blockquote::before,
blockquote::after {
    background: #D3A16C none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin-left: -1.5em;
    width: calc(100% + 3em)
}

.intro-kicker {
    margin-top: 1em;
    font-family: "franklin-gothic-urw";
    color: #D3A16C;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.25em;
    margin-bottom: 0.75rem;
    padding-bottom: 1.5rem
}

.updated {
    background: #F7F7EC none repeat scroll 0 0;
    display: inline-block;
    margin-left: -1.5em;
    padding: 1.5em;
    width: 100%
}

.sub-headers {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500
}

.background--dark {
    color: #fff !important
}

.background--light {
    color: #112644 !important
}

.section-title {
    text-transform: uppercase;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 2px !important;
    font-size: 16px !important;
    font-weight: 500
}

.wp-caption-text {
    font-family: "franklin-gothic-urw";
    font-size: 14px !important;
    color: #443F3B
}

.glossary-tooltip {
    background: transparent !important
}

.glossary-tooltip .glossary-link {
    background: transparent !important
}

.glossary-tooltip .glossary-link a,
.glossary-tooltip .glossary-link a:visited {
    background: transparent !important;
    font-weight: 400;
    color: #112644;
    padding: 0 0.25rem;
    margin: 0;
    text-decoration: underline
}

.leaflet-popup-pane {
    font-size: 16px;
    line-height: 1.1em
}

.leaflet-popup-pane bold {
    font-weight: 500
}

.social-menu {
    list-style: none;
    padding: 0
}

.social-menu li {
    display: inline
}

.social-menu li a {
    color: #112644
}

.social-menu li a::before {
    content: '\f408';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.5em
}

.social-menu li a[href*="codepen.io"]::before {
    content: '\f1cb'
}

.social-menu li a[href*="dribbble.com"]::before {
    content: '\f17d'
}

.social-menu li a[href*="facebook.com"]::before {
    content: '\f09a'
}

.social-menu li a[href*="flickr.com"]::before {
    content: '\f16e'
}

.social-menu li a[href*="github.com"]::before {
    content: '\f09b'
}

.social-menu li a[href*="instagram.com"]::before {
    content: '\f16d'
}

.social-menu li a[href*="linkedin.com"]::before {
    content: '\f0e1'
}

.social-menu li a[href*="pinterest.com"]::before {
    content: '\f0d2'
}

.social-menu li a[href*="plus.google.com"]::before {
    content: '\f0d5'
}

.social-menu li a[href*="soundcloud.com"]::before {
    content: '\f1be'
}

.social-menu li a[href*="tumblr.com"]::before {
    content: '\f173'
}

.social-menu li a[href*="twitter.com"]::before {
    content: '\f099'
}

.social-menu li a[href*="vimeo.com"]::before {
    content: '\f194'
}

.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before {
    content: '\f19a'
}

.social-menu li a[href*="youtube.com"]::before {
    content: '\f167'
}

.social-menu li a[href*="mailto"]::before {
    content: '\f0e0'
}

.container {
    margin: 0 auto;
    position: relative
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section.no-pad {
    padding: 0
}

.section.no-pad-bot {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

.row {
    margin-bottom: 20px
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 1rem
}

.row .col[class*="push-"],
.row .col[class*="pull-"] {
    position: relative
}

.row .col.s1 {
    width: 7.14286%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s2 {
    width: 14.28571%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s3 {
    width: 21.42857%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s4 {
    width: 28.57143%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s5 {
    width: 35.71429%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s6 {
    width: 42.85714%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s7 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s8 {
    width: 57.14286%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s9 {
    width: 64.28571%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s10 {
    width: 71.42857%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s11 {
    width: 78.57143%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s12 {
    width: 85.71429%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s13 {
    width: 92.85714%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.s14 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto
}

.row .col.offset-s1 {
    margin-left: 7.14286%
}

.row .col.pull-s1 {
    right: 7.14286%
}

.row .col.push-s1 {
    left: 7.14286%
}

.row .col.offset-s2 {
    margin-left: 14.28571%
}

.row .col.pull-s2 {
    right: 14.28571%
}

.row .col.push-s2 {
    left: 14.28571%
}

.row .col.offset-s3 {
    margin-left: 21.42857%
}

.row .col.pull-s3 {
    right: 21.42857%
}

.row .col.push-s3 {
    left: 21.42857%
}

.row .col.offset-s4 {
    margin-left: 28.57143%
}

.row .col.pull-s4 {
    right: 28.57143%
}

.row .col.push-s4 {
    left: 28.57143%
}

.row .col.offset-s5 {
    margin-left: 35.71429%
}

.row .col.pull-s5 {
    right: 35.71429%
}

.row .col.push-s5 {
    left: 35.71429%
}

.row .col.offset-s6 {
    margin-left: 42.85714%
}

.row .col.pull-s6 {
    right: 42.85714%
}

.row .col.push-s6 {
    left: 42.85714%
}

.row .col.offset-s7 {
    margin-left: 50%
}

.row .col.pull-s7 {
    right: 50%
}

.row .col.push-s7 {
    left: 50%
}

.row .col.offset-s8 {
    margin-left: 57.14286%
}

.row .col.pull-s8 {
    right: 57.14286%
}

.row .col.push-s8 {
    left: 57.14286%
}

.row .col.offset-s9 {
    margin-left: 64.28571%
}

.row .col.pull-s9 {
    right: 64.28571%
}

.row .col.push-s9 {
    left: 64.28571%
}

.row .col.offset-s10 {
    margin-left: 71.42857%
}

.row .col.pull-s10 {
    right: 71.42857%
}

.row .col.push-s10 {
    left: 71.42857%
}

.row .col.offset-s11 {
    margin-left: 78.57143%
}

.row .col.pull-s11 {
    right: 78.57143%
}

.row .col.push-s11 {
    left: 78.57143%
}

.row .col.offset-s12 {
    margin-left: 85.71429%
}

.row .col.pull-s12 {
    right: 85.71429%
}

.row .col.push-s12 {
    left: 85.71429%
}

.row .col.offset-s13 {
    margin-left: 92.85714%
}

.row .col.pull-s13 {
    right: 92.85714%
}

.row .col.push-s13 {
    left: 92.85714%
}

.row .col.offset-s14 {
    margin-left: 100%
}

.row .col.pull-s14 {
    right: 100%
}

.row .col.push-s14 {
    left: 100%
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .row .col.m1 {
        width: 7.14286%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m2 {
        width: 14.28571%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m3 {
        width: 21.42857%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m4 {
        width: 28.57143%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m5 {
        width: 35.71429%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m6 {
        width: 42.85714%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m7 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m8 {
        width: 57.14286%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m9 {
        width: 64.28571%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m10 {
        width: 71.42857%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m11 {
        width: 78.57143%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m12 {
        width: 85.71429%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m13 {
        width: 92.85714%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m14 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.offset-m1 {
        margin-left: 7.14286%
    }
    .row .col.pull-m1 {
        right: 7.14286%
    }
    .row .col.push-m1 {
        left: 7.14286%
    }
    .row .col.offset-m2 {
        margin-left: 14.28571%
    }
    .row .col.pull-m2 {
        right: 14.28571%
    }
    .row .col.push-m2 {
        left: 14.28571%
    }
    .row .col.offset-m3 {
        margin-left: 21.42857%
    }
    .row .col.pull-m3 {
        right: 21.42857%
    }
    .row .col.push-m3 {
        left: 21.42857%
    }
    .row .col.offset-m4 {
        margin-left: 28.57143%
    }
    .row .col.pull-m4 {
        right: 28.57143%
    }
    .row .col.push-m4 {
        left: 28.57143%
    }
    .row .col.offset-m5 {
        margin-left: 35.71429%
    }
    .row .col.pull-m5 {
        right: 35.71429%
    }
    .row .col.push-m5 {
        left: 35.71429%
    }
    .row .col.offset-m6 {
        margin-left: 42.85714%
    }
    .row .col.pull-m6 {
        right: 42.85714%
    }
    .row .col.push-m6 {
        left: 42.85714%
    }
    .row .col.offset-m7 {
        margin-left: 50%
    }
    .row .col.pull-m7 {
        right: 50%
    }
    .row .col.push-m7 {
        left: 50%
    }
    .row .col.offset-m8 {
        margin-left: 57.14286%
    }
    .row .col.pull-m8 {
        right: 57.14286%
    }
    .row .col.push-m8 {
        left: 57.14286%
    }
    .row .col.offset-m9 {
        margin-left: 64.28571%
    }
    .row .col.pull-m9 {
        right: 64.28571%
    }
    .row .col.push-m9 {
        left: 64.28571%
    }
    .row .col.offset-m10 {
        margin-left: 71.42857%
    }
    .row .col.pull-m10 {
        right: 71.42857%
    }
    .row .col.push-m10 {
        left: 71.42857%
    }
    .row .col.offset-m11 {
        margin-left: 78.57143%
    }
    .row .col.pull-m11 {
        right: 78.57143%
    }
    .row .col.push-m11 {
        left: 78.57143%
    }
    .row .col.offset-m12 {
        margin-left: 85.71429%
    }
    .row .col.pull-m12 {
        right: 85.71429%
    }
    .row .col.push-m12 {
        left: 85.71429%
    }
    .row .col.offset-m13 {
        margin-left: 92.85714%
    }
    .row .col.pull-m13 {
        right: 92.85714%
    }
    .row .col.push-m13 {
        left: 92.85714%
    }
    .row .col.offset-m14 {
        margin-left: 100%
    }
    .row .col.pull-m14 {
        right: 100%
    }
    .row .col.push-m14 {
        left: 100%
    }
}

@media only screen and (min-width: 1201px) {
    .row .col.l1 {
        width: 7.14286%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l2 {
        width: 14.28571%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l3 {
        width: 21.42857%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l4 {
        width: 28.57143%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l5 {
        width: 35.71429%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l6 {
        width: 42.85714%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l7 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l8 {
        width: 57.14286%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l9 {
        width: 64.28571%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l10 {
        width: 71.42857%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l11 {
        width: 78.57143%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l12 {
        width: 85.71429%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l13 {
        width: 92.85714%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l14 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.offset-l1 {
        margin-left: 7.14286%
    }
    .row .col.pull-l1 {
        right: 7.14286%
    }
    .row .col.push-l1 {
        left: 7.14286%
    }
    .row .col.offset-l2 {
        margin-left: 14.28571%
    }
    .row .col.pull-l2 {
        right: 14.28571%
    }
    .row .col.push-l2 {
        left: 14.28571%
    }
    .row .col.offset-l3 {
        margin-left: 21.42857%
    }
    .row .col.pull-l3 {
        right: 21.42857%
    }
    .row .col.push-l3 {
        left: 21.42857%
    }
    .row .col.offset-l4 {
        margin-left: 28.57143%
    }
    .row .col.pull-l4 {
        right: 28.57143%
    }
    .row .col.push-l4 {
        left: 28.57143%
    }
    .row .col.offset-l5 {
        margin-left: 35.71429%
    }
    .row .col.pull-l5 {
        right: 35.71429%
    }
    .row .col.push-l5 {
        left: 35.71429%
    }
    .row .col.offset-l6 {
        margin-left: 42.85714%
    }
    .row .col.pull-l6 {
        right: 42.85714%
    }
    .row .col.push-l6 {
        left: 42.85714%
    }
    .row .col.offset-l7 {
        margin-left: 50%
    }
    .row .col.pull-l7 {
        right: 50%
    }
    .row .col.push-l7 {
        left: 50%
    }
    .row .col.offset-l8 {
        margin-left: 57.14286%
    }
    .row .col.pull-l8 {
        right: 57.14286%
    }
    .row .col.push-l8 {
        left: 57.14286%
    }
    .row .col.offset-l9 {
        margin-left: 64.28571%
    }
    .row .col.pull-l9 {
        right: 64.28571%
    }
    .row .col.push-l9 {
        left: 64.28571%
    }
    .row .col.offset-l10 {
        margin-left: 71.42857%
    }
    .row .col.pull-l10 {
        right: 71.42857%
    }
    .row .col.push-l10 {
        left: 71.42857%
    }
    .row .col.offset-l11 {
        margin-left: 78.57143%
    }
    .row .col.pull-l11 {
        right: 78.57143%
    }
    .row .col.push-l11 {
        left: 78.57143%
    }
    .row .col.offset-l12 {
        margin-left: 85.71429%
    }
    .row .col.pull-l12 {
        right: 85.71429%
    }
    .row .col.push-l12 {
        left: 85.71429%
    }
    .row .col.offset-l13 {
        margin-left: 92.85714%
    }
    .row .col.pull-l13 {
        right: 92.85714%
    }
    .row .col.push-l13 {
        left: 92.85714%
    }
    .row .col.offset-l14 {
        margin-left: 100%
    }
    .row .col.pull-l14 {
        right: 100%
    }
    .row .col.push-l14 {
        left: 100%
    }
}

body {
    -webkit-transition: padding 200ms ease-out;
    -moz-transition: padding 200ms ease-out;
    -o-transition: padding 200ms ease-out;
    transition: padding 200ms ease-out
}

header {
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out;
    margin-top: 0;
    position: fixed;
    z-index: 200;
    padding-top: 40px;
    padding-bottom: 40px
}

header .menu {
    list-style-type: none;
    padding-left: 0
}

header .menu a {
    text-decoration: none;
    color: #585B5E
}

header .menu a:hover {
    color: #fff
}

header .menu li {
    float: left;
    margin-right: 20px
}

header.short-menu {
    padding-top: 10px;
    padding-bottom: 10px
}

header a.diarna-logo {
    height: 60px;
    width: 30.16742%;
    background-image: url("../images/diarna-logo-white.svg");
    background-repeat: no-repeat;
    background-position-x: 0.75rem;
    margin-left: 5.546875%;
    display: block;
    float: left;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

header .basic-nav {
    margin-top: 65px;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

header .basic-nav a {
    display: block;
    float: right;
    margin-left: 22px;
    height: 20px;
    width: 20px;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

header a.temp-menu-icon {
    width: 20px;
    background-image: url("../images/temp-menu-icon.png")
}

header a.search-toggler {
    width: 14px;
    background-image: url("../images/magnifying-glass.png")
}

header a.sm-toggler {
    background-image: url("../images/Twitter-20.png")
}

header div.sm-toggler {
    height: 20px;
    width: 20px;
    float: right;
    margin-left: 22px;
    background-image: url("../images/diarna-icon-white.png");
    background-size: 80px 20px;
    animation: slide 12s infinite
}

header div.sm-toggler:hover {
    cursor: pointer
}

header div.sm-toggler ul {
    height: 20px;
    width: 20px
}

header div.sm-toggler ul li a {
    color: #fff;
    font-size: 0.75em
}

@keyframes slide {
    0% {
        background-position: 0px 0
    }
    12% {
        background-position: 0px 0
    }
    25% {
        background-position: -20px 0
    }
    37% {
        background-position: -20px 0
    }
    50% {
        background-position: -40px 0
    }
    62% {
        background-position: -40px 0
    }
    75% {
        background-position: -60px 0
    }
    87% {
        background-position: -60px 0
    }
    100% {
        background-position: -80px 0
    }
}

header a.lng-toggler {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #fff;
    width: auto;
    text-transform: uppercase
}

header .top-bar-menu {
    display: inline-block
}

header .top-bar-menu>ul {
    display: inline-block;
    float: right
}

header .top-bar-menu>ul li {
    float: left;
    line-height: 60px;
    position: relative
}

header .top-bar-menu>ul li .sub {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 1.2em;
    color: #D3A16C;
    opacity: 0;
    font-family: "GT-Sectra-Display-Medium-Italic", serif
}

header .top-bar-menu>ul li .sub:before {
    content: "";
    height: 10px;
    width: 100%;
    margin: -5px auto 0 auto;
    display: block;
    border-top: 1px solid
}

header .top-bar-menu>ul li a {
    text-transform: uppercase;
    padding: 14px;
    font-family: "franklin-gothic-urw", sans-serif;
    cursor: pointer;
    letter-spacing: 2px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

header .top-bar-menu>ul li a.button {
    margin-left: 14px
}

header .top-bar-menu>ul li a.sub-visible+.sub {
    opacity: 1
}

header .top-bar-menu>ul li a:hover+.sub {
    opacity: 1
}

header .top-bar-menu>ol {
    clear: both;
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    -webkit-transition: height 400ms ease-out;
    -moz-transition: height 400ms ease-out;
    -o-transition: height 400ms ease-out;
    transition: height 400ms ease-out
}

header .top-bar-menu>ol>li {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out
}

header .top-bar-menu>ol>li.row {
    margin-bottom: 0
}

header .top-bar-menu>ol>li>ol>li a {
    font-family: "franklin-gothic-urw", sans-serif;
    line-height: 1.7em;
    color: #46494C;
    color: #46494c
}

header .top-bar-menu>ol>li>ol>li a:hover {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #112644
}

header .top-bar-menu>ol>li div.sub-article {
    width: 25%;
    float: left;
    font-family: "franklin-gothic-urw", sans-serif;
    color: #46494C;
    color: #46494c
}

header .top-bar-menu>ol>li div.sub-article .sub-art-title {
    padding-top: 0.5em;
    font-size: 0.875em;
    line-height: 1.4em
}

header .top-bar-menu>ol>li div.sub-article div.sub-art-img img {
    max-width: 100%;
    height: auto
}

header .top-bar-menu>ol>li div.sub-article a {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #443F3B
}

header .top-bar-menu>ol>li div.sub-article a:hover {
    color: #D3A16C
}

header .top-bar-menu>ol>li div.sub-article a:hover div.sub-art-img img {
    opacity: 1
}

header .top-bar-menu>ol>li div.sub-article:nth-child(4) {
    margin-right: 0
}

header .top-bar-menu>ol>li div.more-items.col {
    margin-top: 4.5em;
    position: fixed;
    text-align: center
}

header .top-bar-menu>ol>li div.more-items.col a {
    display: inline-block;
    font-family: "franklin-gothic-urw", sans-serif;
    text-align: center;
    width: auto;
    color: #C99159;
    color: #c99159
}

header .top-bar-menu>ol>li div.more-items.col a .more-dots {
    width: 38px;
    height: 10px;
    background-image: url("../images/more.png");
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    margin: 0 auto 0.5em
}

header .top-bar-menu>ol>li div.more-items.col a:hover {
    color: #112644
}

header .top-bar-menu>ol>li div.more-items.col a:hover .more-dots {
    background-position: left bottom
}

header .top-bar-menu>ol>li.show-sub {
    max-height: 600px;
    opacity: 1;
    width: calc(100% + 1.5em);
    padding-bottom: 40px;
    -webkit-transition: opacity 600ms ease-out 200ms;
    -moz-transition: opacity 600ms ease-out 200ms;
    -o-transition: opacity 600ms ease-out 200ms;
    transition: opacity 600ms ease-out 200ms
}

header .top-bar-menu>ol>li.show-sub.row {
    margin-left: -0.75em
}

header .top-bar-menu>ol>li:first-child {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 24px;
    line-height: 1.2em;
    color: #C99159;
    color: #c99159
}

header.short-menu {
    background: #112644;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25)
}

header.short-menu a.diarna-logo {
    height: 35px;
    width: 29.30805%;
    background-image: url("../images/diarna-iso-white.svg");
    margin-left: 6.40625%;
    background-position-x: 0.75rem;
    margin-top: 12px
}

header.short-menu .top-bar-menu>ul li .sub {
    opacity: 0 !important
}

header.short-menu .top-bar-menu>ul li .sub:before {
    margin: 9px auto 0 auto
}

header.short-menu a {
    color: #fff
}

header.short-menu a.button {
    background-color: #D3A16C
}

header.short-menu div.sm-toggler {
    background-image: url("../images/diarna-icon-blue.png")
}

header.short-menu a.temp-menu-icon {
    background-image: url("../images/temp-menu-icon-blue.png")
}

header.short-menu a.search-toggler {
    background-image: url("../images/magnifying-glass-blue.png")
}

header.short-menu a.sm-toggler {
    background-image: url("../images/Twitter-blue-20.png")
}

header.short-menu div.sm-toggler ul li a {
    color: #112644
}

header.short-menu .basic-nav {
    margin-top: 29px
}

header.short-menu a.lng-toggler {
    color: #112644;
    border-bottom: 1px solid;
    width: auto
}

header.exp-menu {
    height: auto;
    background: #fff
}

header.exp-menu a.search-toggler {
    background-image: url("../images/magnifying-glass-blue.png")
}

header.exp-menu a.sm-toggler {
    background-image: url("../images/Twitter-blue-20.png")
}

header.exp-menu a.lng-toggler {
    color: #112644;
    border-bottom: 1px solid
}

header.exp-menu div.sm-toggler ul li a {
    color: #112644
}

header.exp-menu a.diarna-logo {
    height: 97px;
    background-image: url("../images/diarna-full-logo-blue.svg");
    background-repeat: no-repeat;
    margin-top: 40px;
    width: 30.16742%;
    margin-left: 5.546875%
}

header.exp-menu .basic-nav {
    margin-top: 79px;
    opacity: 1
}

header.exp-menu a.temp-menu-icon {
    background-image: url("../images/x-blue.png");
    width: 20px
}

header.exp-menu div.sm-toggler {
    background-image: url("../images/diarna-icon-blue.png")
}

header.exp-menu .top-bar-menu {
    margin-top: 84px;
    max-height: 1000px;
    opacity: 1;
    -webkit-transition: opacity 600ms ease-out 200ms;
    -moz-transition: opacity 600ms ease-out 200ms;
    -o-transition: opacity 600ms ease-out 200ms;
    transition: opacity 600ms ease-out 200ms;
    pointer-events: initial
}

header.exp-menu .top-bar-menu ul li {
    float: left;
    margin-right: 28px
}

header.exp-menu .top-bar-menu ul li a {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 16px;
    color: #112644;
    text-decoration: none
}

header.exp-menu .top-bar-menu ul li a.oranged {
    color: #C99159;
    color: #c99159;
    padding-bottom: 19px
}

header.exp-menu .top-bar-menu ul li a.selected-nav {
    padding-bottom: 19px;
    border-bottom: 1px solid
}

header.exp-menu .top-bar-menu ul li:last-child {
    margin-right: 0
}

header.exp-menu:not(.short-menu) {
    -webkit-transition: background 600ms ease-out 200ms;
    -moz-transition: background 600ms ease-out 200ms;
    -o-transition: background 600ms ease-out 200ms;
    transition: background 600ms ease-out 200ms
}

header.background--light:not(.short-menu):not(.exp-menu) {
    background: #112644
}

header.background--light:not(.short-menu):not(.exp-menu) ul li a.button {
    background: #D3A16C
}

header.background--light:not(.short-menu):not(.exp-menu) .basic-nav a.temp-menu-icon {
    background-image: url("../images/temp-menu-icon-blue.png")
}

header.background--light:not(.short-menu):not(.exp-menu) .basic-nav a.search-toggler {
    background-image: url("../images/magnifying-glass-blue.png")
}

header.background--light:not(.short-menu):not(.exp-menu) .basic-nav a.sm-toggler {
    background-image: url("../images/Twitter-blue-20.png")
}

header.background--complex:not(.short-menu):not(.exp-menu) a.diarna-logo {
    background-image: url("../images/diarna-logo-white.svg") !important
}

header.background--complex:not(.short-menu):not(.exp-menu) .basic-nav a.lng-toggler {
    color: #fff !important
}

header.background--complex:not(.short-menu):not(.exp-menu) .basic-nav div.sm-toggler ul li a {
    color: #fff !important
}

header.background--complex:not(.short-menu):not(.exp-menu) .basic-nav a.temp-menu-icon {
    background-image: url("../images/temp-menu-icon.png") !important
}

header.background--complex:not(.short-menu):not(.exp-menu) .basic-nav a.search-toggler {
    background-image: url("../images/magnifying-glass.png") !important
}

div.lang-and-sm-toggler {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300
}

div.lang-and-sm-toggler .the-tip {
    background: transparent url("../images/the-tip.png") no-repeat scroll right center;
    height: 15px;
    padding-left: 17px;
    width: 30px;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out
}

div.lang-and-sm-toggler .the-tip.visible {
    opacity: 1
}

div.lang-and-sm-toggler .lngsm-expansible {
    height: 0;
    width: 100%;
    background: #C99159;
    background: #c99159
}

div.lang-and-sm-toggler .lngsm-expansible>div {
    opacity: 0;
    padding-left: 35px;
    pointer-events: none;
    text-align: right;
    height: 0;
    color: #ffffff;
    color: #fff
}

div.lang-and-sm-toggler.expanded .lngsm-expansible {
    height: 76px;
    -webkit-transition: height 200ms ease-out;
    -moz-transition: height 200ms ease-out;
    -o-transition: height 200ms ease-out;
    transition: height 200ms ease-out
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>div.visible {
    height: 76px;
    line-height: 76px;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 200ms ease-out 100ms;
    -moz-transition: opacity 200ms ease-out 100ms;
    -o-transition: opacity 200ms ease-out 100ms;
    transition: opacity 200ms ease-out 100ms
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper.visible div {
    float: right;
    height: 76px;
    line-height: 76px;
    margin-left: 11px
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper div {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper div a {
    display: block;
    float: left;
    height: 32px;
    margin-left: 11px;
    margin-top: 22px;
    width: 32px;
    background-position: right center;
    background-repeat: no-repeat
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper div a:not(:first-child) {
    padding-left: 11px;
    border-left: 1px solid #fff
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper ul.social-menu {
    float: right
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper ul.social-menu li a {
    margin-left: 10px;
    border-left: 1px solid #fff;
    padding-left: 11px;
    color: #fff
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper ul.social-menu li a:hover {
    color: #112644
}

div.lang-and-sm-toggler.expanded .lngsm-expansible .top-sm-wrapper ul.social-menu li:first-child a {
    border: none
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper .size18 {
    display: none
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper #google_language_translator {
    text-align: right;
    overflow: hidden
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper>div {
    height: 32px;
    line-height: 32px;
    margin-top: 22px
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper>div>a {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-right: 22px;
    padding-bottom: 11px;
    text-decoration: none;
    text-transform: uppercase
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper>div>a:last-child {
    margin-right: 0
}

div.lang-and-sm-toggler.expanded .lngsm-expansible>.top-lng-wrapper>div>a.current {
    font-weight: 900;
    border-bottom: 1px solid
}

div.lang-and-sm-toggler.expanded .lngsm-expansible+.the-tip {
    opacity: 1 !important
}

div.lang-and-sm-toggler select.goog-te-combo,
div.lang-and-sm-toggler .goog-te-gadget-simple {
    width: 180px !important;
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    background-color: #C99159;
    background-image: url(../images/ddown.svg), -webkit-linear-gradient(top, #C99159, #C99159);
    background-image: url(../images/ddown.svg), -moz-linear-gradient(top, #C99159, #C99159);
    background-image: url(../images/ddown.svg), -ms-linear-gradient(top, #C99159, #C99159);
    background-image: url(../images/ddown.svg), -o-linear-gradient(top, #C99159, #C99159);
    background-image: url(../images/ddown.svg), linear-gradient(to bottom, #C99159, #C99159);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    border-top: 0px solid white !important;
    border-right: 0px solid white !important;
    border-left: 0px solid white !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px;
    box-shadow: 0px 0px 0px transparent;
    color: #fff;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0.5em 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 1em !important;
    margin: 0 !important
}

div.lang-and-sm-toggler select.goog-te-combo option,
div.lang-and-sm-toggler .goog-te-gadget-simple option {
    text-transform: lowercase
}

header.rober-temp {
    top: 0;
    width: 100%
}

@media only screen and (max-width: 600px) {
    body.noscroll {
        overflow: hidden !important
    }
    header .basic-nav {
        padding: 0;
        width: 20px;
        margin-top: 2.5em
    }
    header .selected-nav {
        border-bottom: 0
    }
    header a.diarna-logo {
        width: calc(100% - 2.5em - 20px);
        -webkit-transition: 100ms ease-out;
        -moz-transition: 100ms ease-out;
        -o-transition: 100ms ease-out;
        transition: 100ms ease-out;
        margin-top: 1em;
        margin-left: 1.5em
    }
    header .top-bar-menu {
        position: absolute !important;
        top: 0;
        left: 100%;
        height: 75vh;
        background: #fff;
        margin-top: 25vh !important;
        z-index: 0;
        width: 100%;
        padding-left: 1.5em !important;
        padding-right: 1.5em !important
    }
    header.short-menu .basic-nav {
        margin-top: 1.75em
    }
    header.exp-menu {
        height: 25vh
    }
    header.exp-menu a.diarna-logo {
        width: calc(100% - 2.5em - 20px);
        margin-top: 1em;
        margin-left: 1.5em
    }
    header.exp-menu .basic-nav {
        margin-top: 3.25em
    }
    header.exp-menu .top-bar-menu ul {
        width: 100%
    }
    header.exp-menu .top-bar-menu ul li {
        margin: 0 auto;
        width: 100%;
        clear: both;
        text-align: center;
        min-height: 44px;
        line-height: 44px;
        padding: 0.5em 0
    }
    header.exp-menu .top-bar-menu ul li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    header.exp-menu .top-bar-menu a.selected-nav {
        border-bottom: none !important
    }
    header.short-menu:not(.exp-menu) a.diarna-logo {
        width: calc(100% - 2.5em - 20px);
        background-size: 29px 35px;
        margin-left: 1.5em;
        margin-right: 0
    }
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    header .basic-nav {
        position: absolute !important
    }
    header li.show-sub {
        max-width: 100%
    }
}

body.home header:not(.short-menu):not(.exp-menu) a.diarna-logo {
    -webkit-filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.5)) !important;
    filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.5)) !important
}

body.home header:not(.short-menu):not(.exp-menu) a.lng-toggler,
body.home header:not(.short-menu):not(.exp-menu) div.sm-toggler ul li a {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.65)
}

body.home header:not(.short-menu):not(.exp-menu) a.temp-menu-icon,
body.home header:not(.short-menu):not(.exp-menu) a.search-toggler {
    -webkit-filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.5)) !important;
    filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.5)) !important
}

body.contact header:not(.exp-menu):not(.short-menu) div.sm-toggler,
body.contribute header:not(.exp-menu):not(.short-menu) div.sm-toggler,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) div.sm-toggler,
body.search-results header:not(.exp-menu):not(.short-menu) div.sm-toggler {
    background-image: url("../images/diarna-icon-blue.png")
}

body.contact header:not(.exp-menu):not(.short-menu) a.diarna-logo,
body.contribute header:not(.exp-menu):not(.short-menu) a.diarna-logo,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) a.diarna-logo,
body.search-results header:not(.exp-menu):not(.short-menu) a.diarna-logo {
    background-image: url("../images/diarna-logo-blue.svg")
}

body.contact header:not(.exp-menu):not(.short-menu) .basic-nav a.lng-toggler,
body.contribute header:not(.exp-menu):not(.short-menu) .basic-nav a.lng-toggler,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) .basic-nav a.lng-toggler,
body.search-results header:not(.exp-menu):not(.short-menu) .basic-nav a.lng-toggler {
    color: #112644
}

body.contact header:not(.exp-menu):not(.short-menu) .basic-nav a.temp-menu-icon,
body.contribute header:not(.exp-menu):not(.short-menu) .basic-nav a.temp-menu-icon,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) .basic-nav a.temp-menu-icon,
body.search-results header:not(.exp-menu):not(.short-menu) .basic-nav a.temp-menu-icon {
    background-image: url("../images/temp-menu-icon-blue.png")
}

body.contact header:not(.exp-menu):not(.short-menu) .basic-nav a.search-toggler,
body.contribute header:not(.exp-menu):not(.short-menu) .basic-nav a.search-toggler,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) .basic-nav a.search-toggler,
body.search-results header:not(.exp-menu):not(.short-menu) .basic-nav a.search-toggler {
    background-image: url("../images/magnifying-glass-blue.png")
}

body.contact header:not(.exp-menu):not(.short-menu) .basic-nav a.sm-toggler,
body.contribute header:not(.exp-menu):not(.short-menu) .basic-nav a.sm-toggler,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) .basic-nav a.sm-toggler,
body.search-results header:not(.exp-menu):not(.short-menu) .basic-nav a.sm-toggler {
    background-image: url("../images/Twitter-blue-20.png")
}

body.contact header:not(.exp-menu):not(.short-menu) div.sm-toggler ul li a,
body.contribute header:not(.exp-menu):not(.short-menu) div.sm-toggler ul li a,
body.contribute-to-site header:not(.exp-menu):not(.short-menu) div.sm-toggler ul li a,
body.search-results header:not(.exp-menu):not(.short-menu) div.sm-toggler ul li a {
    color: #112644
}

.search-page {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: flex;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 300
}

.search-page .searchform {
    align-self: center
}

.search-page .searchform label {
    display: block
}

.search-page form#searchform {
    align-self: center
}

.search-page form#searchform label.section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    clear: both;
    display: block;
    color: #585B5E
}

.search-page form#searchform input[type="text"] {
    background: transparent none repeat scroll 0 0;
    font-family: "GT-Sectra-Display-Medium", serif;
    font-weight: 400;
    font-size: 5em;
    border: none
}

.search-page form#searchform input[type="submit"] {
    display: none
}

.search-page .close-search {
    background-image: url("../images/x-blue.png");
    background-repeat: no-repeat;
    height: 20px;
    position: absolute !important;
    right: 0;
    top: 65px;
    width: 20px;
    cursor: pointer
}

.search-page.hidden {
    display: none
}

.hide-scrollbars {
    overflow: hidden
}

.filter-order {
    margin-bottom: 46px
}

.filter-order div h1.section-title {
    margin-top: 0
}

.filter-order div h1.section-title a {
    color: #112644
}

.filter-order div h3 {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 1em;
    letter-spacing: 0.15em;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0
}

.filter-order div h3.label {
    color: #D3A16C
}

.filter-order div h3.value {
    border-top: 1px solid;
    display: inline-block;
    margin-top: -20px;
    padding-top: 19px;
    width: auto
}

.postid-24 .filter-order div h1.section-title a {
    color: #fff
}

.results {
    -webkit-transition: 400ms ease-out;
    -moz-transition: 400ms ease-out;
    -o-transition: 400ms ease-out;
    transition: 400ms ease-out
}

.results .results-container {
    background: #fff;
    padding: 5rem 0.75em
}

.results .results-container>div.row .results-for {
    width: calc((100% - 13.5em) / 10 * 8 + 10.5em);
    margin-left: calc((100% - 13.5em) / 10 + 1.5em)
}

.results .results-container>div.row>h3 {
    box-sizing: border-box;
    float: left;
    font-size: 1em;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

.results .results-container>div.row>h3:nth-child(2) {
    width: calc((100% - 13.5em) / 10 * 5 + 6em);
    margin-left: calc((100% - 13.5em) / 10 + 1.5em);
    margin-right: 1.5em
}

.results .results-container>div.row>h3:nth-child(3) {
    width: calc((100% - 13.5em) / 10 * 3 + 3em)
}

.results .results-container>div.row .result {
    border-bottom: 1px solid #F4F0EB;
    clear: both;
    display: inline-block;
    width: calc((100% - 13.5em) / 10 * 8 + 10.5em);
    margin-left: calc((100% - 13.5em) / 10 + 1.5em);
    color: inherit
}

.results .results-container>div.row .result>* {
    box-sizing: border-box;
    float: left
}

.results .results-container>div.row .result .title-and-excerpt {
    margin-right: 1.5em;
    width: calc(63% - 0.75em)
}

.results .results-container>div.row .result .title-and-excerpt h4 {
    margin-right: 1.5rem;
    margin-bottom: 0.5rem
}

.results .results-container>div.row .result .title-and-excerpt p {
    margin-right: 1.5rem;
    margin-bottom: 0.5rem
}

.results .results-container>div.row .result a.in-cat {
    width: calc(37% - 0.75em);
    line-height: 1.1em;
    margin-top: 1.5em;
    font-family: "franklin-gothic-urw", sans-serif;
    text-transform: capitalize
}

.results .results-container>div.row .result:last-child {
    border: none
}

section.first-slider {
    padding-top: 0;
    background: #ffffff;
    -webkit-transition: 400ms ease-out;
    -moz-transition: 400ms ease-out;
    -o-transition: 400ms ease-out;
    transition: 400ms ease-out;
    height: 100vh;
    position: relative
}

section.first-slider .copy {
    position: absolute;
    bottom: 70px;
    pointer-events: none;
    text-align: center;
    width: 100%;
    z-index: 1;
    color: #fff;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 22px;
    font-weight: 500
}

section.first-slider .slick-arrow {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.65)
}

section.first-slider .slick-arrow:focus {
    outline: none
}

section.first-slider .slick-slide {
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center center !important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

section.first-slider .slick-slide h1 {
    margin: 0;
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 0.15em
}

section.first-slider .slick-slide h2 {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-size: 2em;
    margin: 0.25em 0;
    line-height: 1.1em;
    color: #fff
}

section.first-slider .slick-slide .sub-article .sub-art-img a img {
    width: 100%;
    height: auto
}

section.first-slider .slick-slide .sub-article .sub-art-title {
    margin: 1em 0;
    border-top: 1px solid #fff;
    padding-top: 0.75em
}

section.first-slider .slick-slide .sub-article .sub-art-title a {
    color: #fff;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 500
}

section.first-slider .slick-slide .slide-text {
    z-index: 100;
    position: absolute;
    bottom: 80px
}

section.first-slider .slick-slide .slide-text p.section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

section.first-slider .slick-slide .slide-text>* {
    color: #ffffff;
    text-align: right;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.65)
}

section.first-slider .slick-slide .slide-text a {
    color: #ffffff
}

section.first-slider .slick-slide .slide-text a h1 {
    margin: 0
}

section.first-slider .slick-slide .more-items .more-dots {
    background: #443F3B
}

section.first-slider .slick-slide .more-items .more-dots img {
    opacity: .35
}

section.first-slider .slick-slide .more-items .more-dots:after {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100% - 1.25em);
    height: calc(100% - 4em);
    display: block;
    background: url(../images/plus-sign.svg);
    background-size: 90px 50px;
    background-repeat: no-repeat;
    background-position: center
}

section.first-slider .slick-slide .more-items p {
    border-top: 1px solid;
    color: #D3A16C;
    padding-top: 0.75em;
    font-family: "franklin-gothic-urw", sans-serif
}

section.first-slider .slick-slide.hero:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed
}

@media only screen and (max-width: 600px) {
    section.first-slider .slick-slide .slide-text {
        z-index: 100;
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
        padding: 0 1.5em
    }
    section.first-slider .slick-slide .slide-text>* {
        text-align: center
    }
}

.second-slider {
    height: auto;
    text-align: center;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.second-slider .row {
    max-width: 1440px
}

.second-slider .row h2 {
    font-size: 4em;
    color: #D3A16C;
    margin-bottom: 0
}

.second-slider .row h4 {
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #D3A16C;
    font-size: 16px;
    margin: 2.5em auto;
    font-weight: 500
}

.second-slider .row .about-diarna {
    font-size: 1.25em;
    text-align: center;
    line-height: 1.25em
}

.second-slider .row .about-diarna p {
    border-top: 1px solid #D3A16C;
    padding-top: 1em
}

.second-slider .featured-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.second-slider .featured-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/yt-placeholder.jpg)
}

@media only screen and (max-width: 600px) {
    .second-slider .row .interview-cont {
        text-align: center
    }
    .second-slider .row .interview-cont .section-title,
    .second-slider .row .interview-cont a>h2,
    .second-slider .row .interview-cont .date,
    .second-slider .row .interview-cont .the-excerpt {
        padding-right: 1em;
        padding-left: 1em
    }
    .second-slider .row .interview-cont .short-line {
        margin: 0 auto
    }
}

section.home-map {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #112644;
    align-content: center;
    align-items: center
}

section.home-map .row {
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    max-width: 1440px
}

section.home-map .row .map-text {
    color: #fff;
    padding-top: 80px
}

section.home-map .row .map-text>ul {
    text-align: center
}

section.home-map .row .map-text>ul>li {
    margin: 0 0.75em 1em 0.75em;
    display: inline-block
}

section.home-map .row .map-text div.country {
    color: #D3A16C;
    font-size: 1.5em;
    padding-top: 0.5em;
    border-top: 1px solid #D3A16C;
    clear: both;
    font-family: "GT-Sectra-Display-Medium", serif
}

section.home-map .row .map-text p {
    font-size: 1.25em;
    line-height: 1.1em;
    text-align: center;
    line-height: 1.25em;
    font-family: "franklin-gothic-urw"
}

section.home-map .row .map-text h2 {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-size: 4em;
    font-style: italic;
    text-align: center;
    font-weight: 500;
    margin-top: 0;
    line-height: 1em;
    color: #D3A16C
}

section.home-map .row .map-text a {
    color: #fff
}

section.home-map .row .map-text a.button {
    background: #D3A16C
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    section.home-map.row .map-text h2 {
        font-size: 4.5em
    }
}

@media only screen and (max-width: 600px) {
    section.home-map.row .map-text {
        text-align: center;
        padding: 80px 1.5em
    }
    section.home-map.row .map-text h2 {
        font-size: 3em;
        margin-top: 0
    }
}

body.contribute-to-site section+section {
    margin-bottom: 200px
}

body.contribute-to-site section+section img {
    height: auto;
    margin-top: 1em;
    max-width: 100%
}

.ancillary:first-of-type {
    padding-top: 200px
}

.ancillary:first-of-type h2 {
    margin-top: 1em;
    margin-bottom: 0.5em
}

.ancillary.row {
    -webkit-transition: 400ms ease-out;
    -moz-transition: 400ms ease-out;
    -o-transition: 400ms ease-out;
    transition: 400ms ease-out
}

.ancillary.row ol li:not(:first-child) .highlighted-text {
    margin-top: 2.5rem
}

.ancillary.row .disclaimer {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #585B5E;
    margin-top: 3.5rem
}

.ancillary.row .section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    font-size: 1em;
    color: #585B5E
}

.ancillary.row h2.brown {
    color: #D3A16C;
    margin-top: 1rem
}

.ancillary.row .highlighted-text {
    font-family: "franklin-gothic-urw", sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: 500
}

.ancillary.row .highlighted-text.brown {
    color: #D3A16C
}

.ancillary.row .short-line {
    border-top: 1px solid #112644;
    display: block;
    width: 25%;
    padding-bottom: 1em
}

.ancillary.row .print {
    width: 25%
}

.ancillary.row .print img {
    width: 100%;
    height: auto;
    display: block
}

.ancillary.row .print .pod-text {
    padding: 1.5rem;
    background: #E5DACF;
    display: inline-block;
    color: #112644;
    width: calc(100% - 3rem)
}

.ancillary.row .print .pod-text h3 {
    font-size: 1.7em;
    margin-top: 0
}

.ancillary.row .print .pod-text .print-number {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #585B5E
}

.ancillary.row .print .pod-text .button {
    font-family: "franklin-gothic-urw", sans-serif;
    background: #112644;
    color: #fff;
    display: inline-block;
    float: right;
    width: auto
}

.ancillary.row .print .pod-text:hover h3,
.ancillary.row .print .pod-text:hover .print-number,
.ancillary.row .print .pod-text:hover p {
    color: #D3A16C
}

.ancillary.row .print .pod-text:hover .button {
    background-color: #D3A16C
}

.ancillary.row .print .pod-text:hover .short-line {
    border-top: 1px solid #D3A16C
}

.ancillary.row .print a:hover+a.pod-text h3,
.ancillary.row .print a:hover+a.pod-text .print-number,
.ancillary.row .print a:hover+a.pod-text p {
    color: #D3A16C
}

.ancillary.row .print a:hover+a.pod-text .button {
    background-color: #D3A16C
}

.ancillary.row .print a:hover+a.pod-text .short-line {
    border-top: 1px solid #D3A16C
}

.ancillary.row .wpcf7 {
    color: #443F3B;
    font-family: "franklin-gothic-urw", sans-serif
}

.ancillary.row .wpcf7 span.wpcf7-list-item {
    margin-right: 1.5em;
    margin-left: 0
}

.ancillary.row .wpcf7 .wpcf7-list-item-label {
    font-family: "franklin-gothic-urw", sans-serif;
    margin-left: 0.35em
}

.ancillary.row .wpcf7 input[type="text"],
.ancillary.row .wpcf7 input[type="email"],
.ancillary.row .wpcf7 input[type="tel"] {
    margin-top: 1em;
    padding: 0.5rem 3%;
    width: 94%;
    color: #112644
}

.ancillary.row .wpcf7 .wpcf7-checkbox {
    display: block;
    margin-top: 1em
}

.ancillary.row .wpcf7 textarea {
    border: medium none;
    margin-top: 1em;
    padding: 0.5rem 3%;
    width: 94%;
    color: #112644
}

.ancillary.row .wpcf7 .wpcf7-form-control.wpcf7-submit {
    background: #112644;
    color: #fff;
    float: right;
    height: 44px;
    letter-spacing: 1.4px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase
}

.ancillary.row .wpcf7 .wpcf7-form-control.wpcf7-submit:hover {
    background: #D3A16C
}

.ancillary.row .wpcf7 #browse-files {
    display: none
}

.ancillary.row .wpcf7 label {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding-left: 3%;
    width: 97%;
    color: #fff;
    font-family: "GT-Sectra-Book-Italic", serif;
    font-style: italic;
    margin-top: 1em
}

.ancillary.row .wpcf7 label::after {
    background: #C59A69;
    color: rgba(255, 255, 255, 0.5);
    content: "Browse";
    display: inline-block;
    float: right;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-family: "franklin-gothic-urw", sans-serif
}

.ancillary.row .wpcf7 label:hover {
    cursor: pointer
}

.ancillary.row .wpcf7 label:hover::after {
    background: #D3A16C;
    color: #fff
}

.ancillary.row .gutter {
    width: 0px
}

.ancillary.row .container {
    padding: 0
}

.ancillary.row.prints {
    opacity: 0
}

.ancillary.row:not(.prints):not(.news) p a,
.ancillary.row:not(.prints):not(.news) p a.active,
.ancillary.row:not(.prints):not(.news) p a.visited {
    color: #112644 !important;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid
}

.ancillary.row:not(.prints):not(.news) p a:hover {
    color: #D3A16C !important
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .ancillary.row.prints .print.pod.col {
        width: 50%
    }
}

@media only screen and (max-width: 600px) {
    section.contact {
        padding: 0 0.75em
    }
    .ancillary.row.prints .print.pod.col {
        width: 100%
    }
    body.contribute section.ancillary.row {
        padding-left: 0.75em;
        padding-right: 0.75em
    }
}

.news .filter-by,
.press .filter-by,
.exhibits .filter-by,
.interviews .filter-by {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    border-top: 1px solid #112644;
    border-bottom: 1px solid #112644;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 1em;
    margin-top: 1.5em
}

.news .filter-by span.bold,
.press .filter-by span.bold,
.exhibits .filter-by span.bold,
.interviews .filter-by span.bold {
    font-weight: 500
}

.news .filter-by>div,
.press .filter-by>div,
.exhibits .filter-by>div,
.interviews .filter-by>div {
    width: 50%;
    float: left;
    line-height: 30px
}

.news .filter-by form.searchandfilter ul li,
.press .filter-by form.searchandfilter ul li,
.exhibits .filter-by form.searchandfilter ul li,
.interviews .filter-by form.searchandfilter ul li {
    padding: 0;
    float: right;
    line-height: 30px
}

.news .filter-by form.searchandfilter ul li h4,
.press .filter-by form.searchandfilter ul li h4,
.exhibits .filter-by form.searchandfilter ul li h4,
.interviews .filter-by form.searchandfilter ul li h4 {
    float: left;
    margin: 0;
    padding: 0 0.5em 0 0;
    line-height: 30px;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 1em
}

.news .filter-by form.searchandfilter ul li label,
.press .filter-by form.searchandfilter ul li label,
.exhibits .filter-by form.searchandfilter ul li label,
.interviews .filter-by form.searchandfilter ul li label {
    font-weight: 500
}

.news .filter-by form.searchandfilter ul li label:after,
.press .filter-by form.searchandfilter ul li label:after,
.exhibits .filter-by form.searchandfilter ul li label:after,
.interviews .filter-by form.searchandfilter ul li label:after {
    content: "\25BE"
}

.news .filter-by form.searchandfilter ul li label select,
.press .filter-by form.searchandfilter ul li label select,
.exhibits .filter-by form.searchandfilter ul li label select,
.interviews .filter-by form.searchandfilter ul li label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #112644;
    border: none;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    min-width: 1em
}

.news .filter-by form.searchandfilter ul li label select:focus,
.press .filter-by form.searchandfilter ul li label select:focus,
.exhibits .filter-by form.searchandfilter ul li label select:focus,
.interviews .filter-by form.searchandfilter ul li label select:focus {
    outline: none;
    color: #D3A16C
}

.news .filter-by form.searchandfilter ul li label select:hover,
.press .filter-by form.searchandfilter ul li label select:hover,
.exhibits .filter-by form.searchandfilter ul li label select:hover,
.interviews .filter-by form.searchandfilter ul li label select:hover {
    cursor: pointer
}

.news .filter-by form.searchandfilter ul li:first-child,
.press .filter-by form.searchandfilter ul li:first-child,
.exhibits .filter-by form.searchandfilter ul li:first-child,
.interviews .filter-by form.searchandfilter ul li:first-child {
    margin-left: 1.5em
}

.news .article.pod,
.press .article.pod,
.exhibits .article.pod,
.interviews .article.pod {
    padding-bottom: 1.5rem;
    position: relative
}

.news .article.pod a:hover+.pod-text h3,
.press .article.pod a:hover+.pod-text h3,
.exhibits .article.pod a:hover+.pod-text h3,
.interviews .article.pod a:hover+.pod-text h3 {
    color: #D3A16C
}

.news .article.pod a.overlay-link,
.press .article.pod a.overlay-link,
.exhibits .article.pod a.overlay-link,
.interviews .article.pod a.overlay-link {
    position: absolute;
    width: calc(100% - 2rem);
    height: 100%;
    display: block;
    z-index: 1
}

.news .article.pod .pod-text h3,
.press .article.pod .pod-text h3,
.exhibits .article.pod .pod-text h3,
.interviews .article.pod .pod-text h3 {
    font-size: 1em;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 500;
    margin: 0.25em 0 0 0;
    color: #112644;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.news .article.pod .pod-text p.date,
.press .article.pod .pod-text p.date,
.exhibits .article.pod .pod-text p.date,
.interviews .article.pod .pod-text p.date {
    color: #585B5E;
    font-size: 1em;
    margin: 0 0 0.25em 0;
    font-family: "franklin-gothic-urw", sans-serif
}

.news .article.pod .pod-text p.the-excerpt,
.press .article.pod .pod-text p.the-excerpt,
.exhibits .article.pod .pod-text p.the-excerpt,
.interviews .article.pod .pod-text p.the-excerpt {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #585B5E;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.25em
}

.news .article.pod .pod-text p.tags a,
.press .article.pod .pod-text p.tags a,
.exhibits .article.pod .pod-text p.tags a,
.interviews .article.pod .pod-text p.tags a {
    background: transparent;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    opacity: .5;
    color: #585B5E !important;
    text-transform: uppercase
}

.news .article.pod .pod-text p.tags a:not(:last-child):after,
.press .article.pod .pod-text p.tags a:not(:last-child):after,
.exhibits .article.pod .pod-text p.tags a:not(:last-child):after,
.interviews .article.pod .pod-text p.tags a:not(:last-child):after {
    content: ",";
    margin-right: 0.25rem
}

.news .article.pod .pod-text .short-line,
.press .article.pod .pod-text .short-line,
.exhibits .article.pod .pod-text .short-line,
.interviews .article.pod .pod-text .short-line {
    padding-bottom: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

.news .article.pod .pod-text a:hover h3,
.press .article.pod .pod-text a:hover h3,
.exhibits .article.pod .pod-text a:hover h3,
.interviews .article.pod .pod-text a:hover h3 {
    color: #D3A16C
}

.news .article.pod img,
.press .article.pod img,
.exhibits .article.pod img,
.interviews .article.pod img {
    width: 100%
}

.news .article.pod .pod-image,
.press .article.pod .pod-image,
.exhibits .article.pod .pod-image,
.interviews .article.pod .pod-image {
    display: inline-block;
    position: relative
}

.news .article.pod .pod-image .cat,
.press .article.pod .pod-image .cat,
.exhibits .article.pod .pod-image .cat,
.interviews .article.pod .pod-image .cat {
    display: none
}

.news .article.pod .pod-image img,
.press .article.pod .pod-image img,
.exhibits .article.pod .pod-image img,
.interviews .article.pod .pod-image img {
    display: block
}

.news .article.pod.no-pic .pod-text,
.press .article.pod.no-pic .pod-text,
.exhibits .article.pod.no-pic .pod-text,
.interviews .article.pod.no-pic .pod-text {
    background: #fff;
    height: 100%;
    padding: 1.5em;
    width: calc(100% - 3em)
}

.news .article.pod.no-pic .pod-text h3,
.press .article.pod.no-pic .pod-text h3,
.exhibits .article.pod.no-pic .pod-text h3,
.interviews .article.pod.no-pic .pod-text h3 {
    margin: 0 0 0.5em;
    color: #D3A16C
}

.news .article.pod:hover,
.press .article.pod:hover,
.exhibits .article.pod:hover,
.interviews .article.pod:hover {
    color: #D3A16C !important
}

.news .article.pod:hover .pod-text h3,
.news .article.pod:hover .pod-text .date,
.news .article.pod:hover .pod-text .the-excerpt,
.press .article.pod:hover .pod-text h3,
.press .article.pod:hover .pod-text .date,
.press .article.pod:hover .pod-text .the-excerpt,
.exhibits .article.pod:hover .pod-text h3,
.exhibits .article.pod:hover .pod-text .date,
.exhibits .article.pod:hover .pod-text .the-excerpt,
.interviews .article.pod:hover .pod-text h3,
.interviews .article.pod:hover .pod-text .date,
.interviews .article.pod:hover .pod-text .the-excerpt {
    color: #D3A16C
}

.news .article.pod:hover .pod-text .short-line,
.press .article.pod:hover .pod-text .short-line,
.exhibits .article.pod:hover .pod-text .short-line,
.interviews .article.pod:hover .pod-text .short-line {
    border-top: 1px solid #D3A16C
}

.news .article.pod:hover .cat,
.press .article.pod:hover .cat,
.exhibits .article.pod:hover .cat,
.interviews .article.pod:hover .cat {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 10px;
    background: #D3A16C;
    color: #fff;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

.interviews section.row.ancillary.interviews .article.pod.col {
    text-align: center
}

.interviews section.row.ancillary.interviews .article.pod.col .pod-image {
    margin: 0 auto
}

.interviews section.row.ancillary.interviews .article.pod.col .pod-image img {
    border-radius: 50%
}

.interviews section.row.ancillary.interviews .article.pod.col .pod-text {
    height: 100%;
    padding: 1.5em;
    width: calc(100% - 3em);
    text-align: center
}

.interviews section.row.ancillary.interviews .article.pod.col .pod-text h3 {
    margin: 0 0 0.5em;
    font-family: "GT-Sectra-Display-Medium", serif;
    font-size: 2rem;
    word-break: normal;
    hyphens: initial
}

.interviews section.row.ancillary.interviews .article.pod.col .pod-text .short-line {
    margin-left: auto;
    margin-right: auto
}

.exhibits section.row.ancillary.exhibits .article.pod.col img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.exhibits section.row.ancillary.exhibits .article.pod.col .blue-filter {
    background: #2e2549 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    mix-blend-mode: lighten;
    pointer-events: none
}

.exhibits section.row.ancillary.exhibits .article.pod.col:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.exhibits section.row.ancillary.exhibits .article.pod.col:hover .blue-filter {
    mix-blend-mode: unset;
    opacity: 0
}

@media only screen and (max-width: 600px) {
    .news .article.pod,
    .exhibits .article.pod,
    .interviews .article.pod {
        width: 100%;
        text-align: center;
        padding: 0 1.5em 2rem
    }
    .news .article.pod>a img,
    .exhibits .article.pod>a img,
    .interviews .article.pod>a img {
        width: 100%;
        height: auto
    }
    .news .article.pod .pod-text .short-line,
    .exhibits .article.pod .pod-text .short-line,
    .interviews .article.pod .pod-text .short-line {
        margin: 0 auto
    }
    .interviews .article.pod>a {
        width: 57%
    }
}

body.archive .gsc-control-cse.gsc-control-cse-en {
    background: transparent !important;
    border: none !important
}

body.archive .gsc-above-wrapper-area,
body.archive .gsc-url-bottom,
body.archive .gs-bidi-start-align.gs-snippet {
    display: none
}

body.archive .cse .gs-webResult .gs-snippet,
body.archive .gs-webResult .gs-snippet,
body.archive .gs-fileFormatType,
body.archive .gs-imageResult .gs-snippet {
    color: #fff;
    font-family: "franklin-gothic-urw", sans-serif
}

body.archive .cse .gs-webResult.gs-result a.gs-title:link,
body.archive .gs-webResult.gs-result a.gs-title:link,
body.archive .cse .gs-webResult.gs-result a.gs-title:link b,
body.archive .gs-webResult.gs-result a.gs-title:link b,
body.archive .cse .gs-webResult.gs-result a.gs-title:visited,
body.archive .gs-webResult.gs-result a.gs-title:visited,
body.archive .cse .gs-webResult.gs-result a.gs-title:visited b,
body.archive .gs-webResult.gs-result a.gs-title:visited b,
body.archive .cse .gs-webResult.gs-result a.gs-title:hover,
body.archive .gs-webResult.gs-result a.gs-title:hover,
body.archive .cse .gs-webResult.gs-result a.gs-title:hover b,
body.archive .gs-webResult.gs-result a.gs-title:hover b,
body.archive .gs-imageResult a.gs-title:link,
body.archive .gs-imageResult a.gs-title:link b,
body.archive .gs-imageResult a.gs-title:visited,
body.archive .gs-imageResult a.gs-title:visited b,
body.archive .gs-imageResult a.gs-title:hover,
body.archive .gs-imageResult a.gs-title:hover b,
body.archive .cse .gsc-cursor-page,
body.archive .gsc-cursor-page,
body.archive .cse .gsc-trailing-more-results:link,
body.archive .gsc-trailing-more-results:link,
body.archive .cse .gs-spelling a,
body.archive .gs-spelling a {
    color: #fff
}

body.archive .gsc-control-cse .gs-spelling,
body.archive .gsc-control-cse .gs-result .gs-title,
body.archive .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px;
    font-weight: 500 !important;
    font-family: "franklin-gothic-urw", sans-serif !important;
    text-decoration: none !important
}

body.archive .gsc-control-cse .gs-spelling b,
body.archive .gsc-control-cse .gs-result .gs-title b,
body.archive .gsc-control-cse .gs-result .gs-title * b {
    font-weight: 500 !important;
    color: #F4F0EB !important
}

body.archive .cse .gsc-webResult.gsc-result,
body.archive .gsc-webResult.gsc-result,
body.archive .gsc-imageResult-classic,
body.archive .gsc-imageResult-column {
    padding: 0.75em 0 !important;
    border-left: 0px !important;
	border-right: 0px !important;
    border-color: #D3A16C !important;
    border-bottom: 1px solid;
    margin-bottom: 0 !important
}

body.archive .searchbox {
    width: auto;
    padding: 1em
}

body.archive .searchbox #cse-search-box input[type="text"] {
    width: calc(100% - 1em);
    padding: 0.5em;
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    color: #112644
}

body.archive .container {
    margin-top: 0px !important
}

body.archive .container header {
    pointer-events: none
}

body.archive .container header a.diarna-logo {
    pointer-events: initial
}

body.archive .container header div.basic-nav {
    pointer-events: initial
}

body.archive .container header nav.top-bar-menu ul li a {
    pointer-events: initial
}

body.archive .container div#map {
    height: 100vh;
    width: 100%
}

body.archive .container section.filter-order.ancillary.row {
    pointer-events: none
}

body.archive .container section.filter-order.ancillary.row h1.section-title {
    color: #fff
}

body.archive .container section.search.row {
    height: 200px
}

body.archive .container section.search.row .col {
    pointer-events: none
}

body.archive .container section.search.row p {
    color: #fff;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em
}

body.archive .container section.search.row #searchform {
    pointer-events: initial
}

body.archive .container section.search.row #searchform>div {
    height: 60px
}

body.archive .container section.search.row #searchform>div input[type="submit"] {
    background: #112644;
    color: #D3A16C;
    height: 100%;
    width: calc((100% - 10.5em) / 8);
    float: left;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase
}

body.archive .container section.search.row #searchform>div input[type="submit"]:hover {
    background: #D3A16C;
    color: #fff
}

body.archive .container section.search.row #searchform>div button#searchsubmit {
    background: #112644;
    color: #D3A16C;
    height: 100%;
    width: calc((100% - 10.5em) / 8);
    float: left;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

body.archive .container section.search.row #searchform>div button#searchsubmit:hover {
    background: #D3A16C;
    color: #fff
}

body.archive .container section.search.row #searchform>div input[type="text"] {
    float: left;
    font-size: 1.5em;
    height: 60px;
    margin-right: 0;
    padding-left: 0.565em;
    padding-right: 0.565em;
    width: calc((100% - 10.5em) / 8 * 6 + 7.5em);
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic
}

body.archive .container section.search.row #searchform>div input[type="text"]:-webkit-input-placeholder,
body.archive .container section.search.row #searchform>div input[type="text"]:-ms-input-placeholder,
body.archive .container section.search.row #searchform>div input[type="text"]:-moz-placeholder,
body.archive .container section.search.row #searchform>div input[type="text"]::-moz-placeholder {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic
}

body.archive .container section.search.row #searchform>div label {
    width: calc((100% - 10.5em) / 8 + 1.5em);
    background: #F4F0EB;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #112644;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left
}

body.archive .container section.sites.row>.col {
    background: #fff
}

body.archive .container section.sites.row>.col .sites-container {
    margin-left: calc((100% - 13.5em) / 10 + 1.5em);
    width: calc((100% - 13.5em) / 10 * 8 + 10.5em)
}

body.archive .container section.sites.row>.col .sites-container h1 {
    color: #D3A16C
}

body.archive .container section.sites.row>.col .sites-container h2 {
    font-family: "GT-Sectra-Display-Medium-Italic", serif
}

body.archive .container section.sites.row>.col .sites-container ul#country-count {
    display: inline-block;
    margin-left: -0.75em;
    margin-right: -0.75em;
    width: calc(100% + 1.5em)
}

body.archive .container section.sites.row>.col .sites-container ul#country-count li {
    width: calc((100% - 12.5em) / 8)
}

body.archive .container section.sites.row>.col .sites-container ul li {
    float: left;
    min-height: 180px
}

body.archive .container section.sites.row>.col .sites-container ul li h2 {
    margin: 0.25em 0
}

body.archive .container section.sites.row>.col .sites-container ul li p {
    color: #D3A16C;
    font-family: "franklin-gothic-urw", sans-serif
}

body.archive .container section.sites.row>.col .sites-container ul li p::before {
    background: #D3A16C;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: 50%
}

body.archive .container section.sites.row>.col .sites-container ul li.vis {
    margin-left: 0.75em;
    margin-right: 0.75em
}

body.archive .container section.sites.row>.col .sites-container ul::before {
    background: #D3A16C;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: 10%
}

body.archive .container section.sites.row>.col .sites-container .recent-entries h3 {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .entry-left {
    width: calc((100% - 10.5em) / 8 * 4 + 4.5em);
    margin-right: 1.5em;
    float: left
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .entry-right {
    text-align: left
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .result {
    display: inline-block;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #F4F0EB;
    padding: 0.5em 0;
    color: inherit
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .result .entry-right span {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .result:last-child {
    border: none
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .result:hover {
    color: #D3A16C
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table {
    width: 100%;
    border-bottom: 0px
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table td,
body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table th {
    padding: 0.75em 0;
    width: 50%
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table td+td,
body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table th+th {
    padding-left: 0.75em
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table thead {
    text-align: left
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table thead tr th {
    border-bottom: 0px
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table tbody tr td {
    border-bottom: 1px solid #F4F0EB
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table tbody a {
    color: #112644
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table tbody a:hover {
    color: #D3A16C
}

body.archive .container section.sites.row>.col .sites-container .recent-entries #home_table tbody .entry-right {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .tooltip {
    position: absolute !important
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .tooltip .tooltip-inner {
    background: #E5DACF !important;
    color: #443F3B !important;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em;
    padding: 1.31em 1.21em 1.21em 1.31em
}

body.archive .container section.sites.row>.col .sites-container .recent-entries .tooltip::after {
    border-color: #E5DACF transparent transparent !important;
    display: block;
    height: 20px;
    content: "";
    width: 20px
}

#home_table_paginate.dataTables_paginate {
    display: flex;
    float: none !important;
    justify-content: center;
    margin: 1em auto;
    padding-bottom: 2em;
    text-align: center
}

#home_table_paginate.dataTables_paginate ul::after {
    height: 0px !important
}

#home_table_paginate.dataTables_paginate ul li {
    min-height: auto;
    margin-left: 0
}

#home_table_paginate.dataTables_paginate li {
    padding: 0.5em !important;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important
}

#home_table_paginate.dataTables_paginate li a {
    color: #D3A16C !important
}

#home_table_paginate.dataTables_paginate li.next {
    width: auto !important
}

#home_table_paginate.dataTables_paginate li.prev {
    width: auto !important
}

#home_table_paginate.dataTables_paginate li.active {
    border-bottom: 1px solid #112644 !important;
    border-radius: 0px;
    background: none !important
}

#home_table_paginate.dataTables_paginate li.active a {
    color: #112644 !important
}

#home_table_paginate.dataTables_paginate li.disabled a {
    color: #F4F0EB !important
}

#home_table_paginate.dataTables_paginate li:hover {
    background: none !important;
    border-bottom: 1px solid #fff !important
}

#home_table_paginate.dataTables_paginate li:hover a {
    color: #585B5E !important
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .news .article.pod h3,
    .exhibits .article.pod h3,
    .interviews .article.pod h3 {
        font-size: 2em
    }
    .ancillary.row .print {
        width: 33.3%
    }
    body.archive section.search.row p {
        text-align: center
    }
    body.archive section.search.row #searchform>div label {
        width: 15%
    }
    body.archive section.search.row #searchform>div input[type="text"] {
        width: calc(70% - 1.13em)
    }
    body.archive section.search.row #searchform>div input[type="submit"] {
        width: 15%
    }
    body.archive section.sites.row>.col .sites-container {
        margin: 0 8%;
        width: 84%
    }
    body.archive section.sites.row>.col .sites-container ul {
        display: inline-block;
        margin-left: -0.75em;
        width: calc(100% + 1.5em);
        clear: both
    }
    body.archive section.sites.row>.col .sites-container ul::before {
        margin-left: 0.75em
    }
    body.archive section.sites.row>.col .sites-container ul li {
        width: calc((100% - 6em) / 4);
        margin-left: 0.75em !important;
        margin-right: 0.75em
    }
}

@media only screen and (max-width: 600px) {
    body.archive section.search.row {
        height: auto
    }
    body.archive section.search.row>.col #searchform div label {
        display: none
    }
    body.archive section.search.row>.col #searchform div input[type="text"] {
        width: calc(75% - 1.13em);
        font-size: 1em
    }
    body.archive section.search.row>.col #searchform div input[type="submit"] {
        width: 25%
    }
    body.archive section.search.row>.col p {
        display: none
    }
    body.archive section.sites.row>.col .sites-container {
        width: 100%;
        margin-left: 0
    }
    body.archive section.sites.row>.col .sites-container h1 {
        text-align: center
    }
    body.archive section.sites.row>.col .sites-container ul {
        width: 100%;
        clear: both;
        display: inline-block
    }
    body.archive section.sites.row>.col .sites-container ul li {
        width: 33% !important;
        margin-left: 0 !important;
        text-align: center
    }
    body.archive section.sites.row>.col .sites-container ul li p::before {
        margin: 0 auto 1em auto
    }
    body.archive section.sites.row>.col .sites-container ul::before {
        margin: 0 auto 1em auto
    }
    body.archive section.sites.row>.col .recent-entries>.entry-right {
        display: none
    }
    body.archive section.sites.row>.col .recent-entries a.result {
        color: #112644
    }
    body.archive section.sites.row>.col .recent-entries .entry-left,
    body.archive section.sites.row>.col .recent-entries .entry-right {
        width: 100% !important;
        margin-right: 0;
        float: none;
        text-align: center !important
    }
    body.archive section.sites.row>.col .recent-entries .entry-left span,
    body.archive section.sites.row>.col .recent-entries .entry-right span {
        color: #D3A16C
    }
}

div.single-header-background {
    height: 500px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important
}

div.single-header-background .vertical-caption {
    bottom: 0;
    left: 1em;
    margin: 0;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 0 0
}

div.single-header-background img {
    width: 100%;
    height: auto
}

section.single-content iframe {
    max-width: 100%
}

section.single-content>.col {
    background: #fff;
    padding-top: 4.5em;
    padding-bottom: 3em
}

section.single-content>.col p {
    font-size: 1.15em;
    line-height: 1.5em
}

section.single-content>.col .side-nav a {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #D3A16C
}

section.single-content>.col .side-nav a:hover {
    color: #112644
}

section.single-content>.col .side-nav li.selected a {
    color: #112644
}

section.single-content>.col .side-nav li.selected a:hover {
    cursor: default
}

section.single-content>.col .content a,
section.single-content>.col .content a.active,
section.single-content>.col .content a.visited {
    color: #112644 !important;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #E5DACF
}

section.single-content>.col .content a:hover {
    color: #D3A16C !important
}

section.single-content>.col .content h1 {
    margin-top: 0px
}

section.single-content>.col .content h1.article-title {
    border-bottom: 1px solid #E5DACF;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 0rem;
    margin-top: 1.5rem
}

section.single-content>.col .content h2,
section.single-content>.col .content h3,
section.single-content>.col .content h4,
section.single-content>.col .content h5,
section.single-content>.col .content h6 {
    font-family: "franklin-gothic-urw", sans-serif;
    line-height: 30px;
    text-transform: uppercase;
    color: #585B5E;
    font-size: 1em;
    letter-spacing: 0.05em
}

section.single-content>.col .content h2::before,
section.single-content>.col .content h3::before,
section.single-content>.col .content h4::before,
section.single-content>.col .content h5::before,
section.single-content>.col .content h6::before {
    background: #585B5E;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: 25%
}

section.single-content>.col .content .short-line {
    border-top: 1px solid #112644;
    display: block;
    padding-bottom: 1em;
    width: 25%
}

section.single-content>.col .content img {
    height: auto;
    max-width: 100%
}

section.single-content>.col .content hr {
    background: #D3A16C repeat scroll 0 0;
    border: 0 none;
    height: 1px
}

section.single-content>.col .content .thickbox {
    display: inline-block;
    float: left;
    margin: 1em 0 1em 20%;
    width: 60% !important
}

section.single-content>.col .content .thickbox img {
    margin: 0 !important;
    width: 100% !important
}

section.single-content>.col .content div.wp-caption>a {
    display: inline-block;
    float: left;
    max-width: 80%
}

section.single-content>.col .content div.wp-caption>a img {
    margin: 0 !important;
    width: 100% !important
}

section.single-content>.col .content .article-meta {
    border-bottom: 1px solid #E5DACF;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: "franklin-gothic-urw", sans-serif
}

section.single-content>.col .content .article-meta a,
section.single-content>.col .content .article-meta a:active {
    text-decoration: none;
    font-weight: 500;
    border-bottom: none
}

section.single-content>.col .content h2.section-title:before {
    display: none
}

div.wp-caption img {
    max-width: 100%
}

section.single-about+section.single-content>.col .content .intro-kicker::before {
    background: #112644 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: 25%
}

section.single-about+section.single-content>.col .content .wp-caption {
    clear: both;
    display: inline-block;
    margin-left: -1.5em;
    position: relative;
    width: calc(100% + 3em) !important
}

section.single-about+section.single-content>.col .content .wp-caption>img {
    clear: both;
    float: initial;
    margin: 1em 0;
    width: 100%
}

section.single-about+section.single-content>.col .content .wp-caption .wp-caption-text {
    bottom: 1em;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.8em;
    color: #443F3B;
    float: left;
    margin-left: 1.5em;
    position: relative;
    right: 0;
    width: calc(100% - 3em)
}

section.single-about+section.single-content>.col .content .members-container .group-of-members {
    padding-top: 1em
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member {
    position: relative
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member * {
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header {
    border-top: 1px solid #D3A16C;
    clear: both;
    display: inline-block;
    width: 100%
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-left {
    float: left
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-left>img {
    border-radius: 50%
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right {
    display: block;
    float: left;
    height: 100%
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right h3.name {
    font-family: "GT-Sectra-Display-Medium", serif;
    text-transform: initial !important;
    font-size: 2em;
    margin-bottom: 0.25em !important;
    letter-spacing: 0
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right h3.name::before {
    display: none
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right h4.position {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #112644;
    margin-top: 0 !important;
    overflow: hidden
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right h4.position::before {
    display: none
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-header .member-header-right h4.position::after {
    margin-top: 1em;
    width: 3em;
    background: #443F3B none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member .member-description {
    clear: both
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
    height: 4em;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    border: none
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header {
    max-height: 4em
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-left {
    width: calc((100% - 7.5em) / 6 + 3em);
    float: left;
    opacity: 0
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-left>img {
    width: calc(100% + 3em);
    margin-top: 1rem
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-left+.member-header-right {
    margin-left: calc((-100% + 7.5em) / 6 - 3em)
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-right {
    width: 100%;
    float: left
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-right h3.name {
    padding-top: 0em;
    margin-top: 0.65em;
    color: #112644;
    background: transparent url("../images/ddown-brown.svg") no-repeat scroll 100% 50%/22px 12px
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header .member-header-right h4.position {
    max-height: 0
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]+div.member-header+div.member-description {
    max-height: 0px;
    overflow: hidden
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked {
    height: 12em
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header {
    max-height: 24em
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header .member-header-left {
    opacity: 1;
    transition-delay: 200ms
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header .member-header-left+.member-header-right {
    margin-left: 4.5em;
    width: calc((100% - 7.5em) / 6 * 5)
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header .member-header-right h3.name {
    padding-top: 1em;
    color: #D3A16C;
    background: transparent url("../images/ddown-brown.svg") no-repeat scroll 100% 50%/0px 0px
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header .member-header-right h4.position {
    max-height: 300px
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header+div.member-description {
    max-height: 9000000px
}

section.single-about+section.single-content>.col .content .members-container .group-of-members .each-member>input[type="checkbox"]:checked+div.member-header+div.member-description p {
    padding-bottom: 2em
}

section.top-interview+section.single-content .col .row .col blockquote,
section.single-news+section.single-content .col .row .col blockquote,
section.single-press+section.single-content .col .row .col blockquote {
    color: #D3A16C
}

section.top-interview+section.single-content .col .row .col.date,
section.single-news+section.single-content .col .row .col.date,
section.single-press+section.single-content .col .row .col.date {
    text-align: right;
    width: 60%
}

section.top-interview+section.single-content .col .row .col.date p,
section.single-news+section.single-content .col .row .col.date p,
section.single-press+section.single-content .col .row .col.date p {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #585B5E
}

section.top-interview+section.single-content .col .row .col.content h1,
section.single-news+section.single-content .col .row .col.content h1,
section.single-press+section.single-content .col .row .col.content h1 {
    margin-top: 0;
    padding-top: 0.325em
}

section.top-interview+section.single-content>.col .content .wp-caption,
section.single-news+section.single-content>.col .content .wp-caption,
section.single-press+section.single-content>.col .content .wp-caption {
    clear: both;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    width: 100% !important
}

section.top-interview+section.single-content>.col .content .wp-caption .wp-caption-text,
section.single-news+section.single-content>.col .content .wp-caption .wp-caption-text,
section.single-press+section.single-content>.col .content .wp-caption .wp-caption-text {
    bottom: 1em;
    margin-left: 0.75em;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.8em;
    color: #443F3B;
    width: 20%;
    text-align: left
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    section.exhibit-sites .sites-list .list {
        width: calc(100% - 3em);
        margin-left: 1.5em
    }
}

@media only screen and (max-width: 600px) {
    iframe {
        max-width: 100% !important;
        height: auto !important
    }
    section.single-interview+section.single-content .col .row .col,
    section.single-news+section.single-content .col .row .col {
        margin-left: 0
    }
    section.single-interview+section.single-content .col .row .col p.short-line,
    section.single-news+section.single-content .col .row .col p.short-line {
        margin: 0 auto
    }
    section.single-interview+section.single-content .col .row .col.date,
    section.single-news+section.single-content .col .row .col.date {
        text-align: center;
        width: 100%
    }
}

.footnotes-and-links {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #443F3B
}

.footnotes-and-links h4 {
    font-family: "franklin-gothic-urw", sans-serif
}

.footnotes-and-links ol {
    list-style: print-number;
    font-size: 0.875em
}

.footnotes-and-links p {
    font-size: 0.875em
}

.footnotes-and-links ul {
    font-size: 0.875em
}

.footnotes-and-links ul .link-title {
    font-family: "franklin-gothic-urw", sans-serif
}

.footnotes-and-links ul a,
.footnotes-and-links ul a:visited {
    color: #443F3B
}

.footnotes-and-links ul a:hover,
.footnotes-and-links ul a:visited:hover {
    color: #D3A16C
}

@media only screen and (max-width: 600px) {
    section:last-of-type {
        margin-bottom: 1em !important
    }
    section:last-of-type.row {
        margin-bottom: 1em !important
    }
    .row.single-header-background {
        margin-bottom: 0
    }
    .ancillary:first-of-type {
        padding: 20vh 0 0 0
    }
    .ancillary:first-of-type>div {
        padding: 0 1.5em !important;
        text-align: center;
        width: 100%
    }
    .ancillary:first-of-type>div>* {
        margin-top: 1em !important;
        margin-bottom: 0.5em !important;
        color: #443F3B !important
    }
    .ancillary:first-of-type>div>h1>a,
    .ancillary:first-of-type>div>h1>a:visited,
    .ancillary:first-of-type>div>h1>a:active {
        color: #443F3B !important
    }
    body.about .ancillary:first-of-type,
    body.single .ancillary:first-of-type {
        padding: 0 !important
    }
    body.about div:not(.empty)+.ancillary:first-of-type>div,
    body.single div:not(.empty)+.ancillary:first-of-type>div {
        background-color: #fff
    }
    .about-inner {
        padding-top: 0 !important
    }
    .filter-order {
        padding-left: 0.75em;
        padding-right: 0.75em
    }
    div.single-header-background {
        height: 50vh
    }
    div.single-header-background .vertical-caption {
        transform: initial;
        transform-origin: initial;
        padding-bottom: 1em
    }
    div.single-header-background.empty {
        height: 15vh !important
    }
    section.single-about>div {
        padding: 0 1.5em !important;
        text-align: center;
        background-color: #fff
    }
    section.single-about>div>* {
        margin-top: 1em !important;
        margin-bottom: 0.5em !important;
        color: #112644
    }
    section.single-content>.col {
        padding-bottom: 2em
    }
    section.single-content>.col .side-nav {
        width: 100%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        text-align: center;
        word-break: break-all
    }
    section.single-content>.col .side-nav a {
        letter-spacing: 0.05em
    }
    section.single-content>.col .content {
        width: 100%;
        max-width: 100vw !important;
        text-align: left
    }
    section.single-content>.col .content h2::before,
    section.single-content>.col .content h3::before,
    section.single-content>.col .content h4::before,
    section.single-content>.col .content h5::before,
    section.single-content>.col .content h6::before {
        margin-left: 0
    }
    section.single-content>.col .content h1,
    section.single-content>.col .content h2,
    section.single-content>.col .content h3,
    section.single-content>.col .content h4,
    section.single-content>.col .content h5 {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
    section.single-content>.col .content img {
        margin: 1em 0;
        width: 100%
    }
    section.single-content>.col .content blockquote {
        border-left: 0em;
        border-right: 0em;
        margin-left: 0
    }
    section.single-content>.col .content blockquote::before,
    section.single-content>.col .content blockquote::after {
        width: 100%;
        margin-left: 0
    }
    section.single-content>.col .content .members-container .each-member h3.name {
        font-size: 1.75em !important;
        text-align: left
    }
    section.single-content>.col .content .members-container .each-member h4.position {
        text-align: left
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-right {
        width: 100%
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-left {
        width: 30%;
        margin-right: 1.5em
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-left+.member-header-right {
        width: calc(70% - 1.5em) !important
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-left>img {
        width: 100% !important;
        margin: 1em 0
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-right {
        margin-left: 0em !important
    }
    section.single-content>.col .content .members-container .each-member>input[type="checkbox"]:checked+div.member-header .member-header-right h3.name {
        padding-top: 0em !important
    }
    section.single-about,
    section.single-news,
    section.single-interview {
        margin-top: 0px;
        margin-bottom: 0px
    }
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    section.single-interview+section.single-content .col .row .col,
    section.single-news+section.single-content .col .row .col {
        margin-left: 8%
    }
    section.single-interview+section.single-content .col .row .col.date,
    section.single-news+section.single-content .col .row .col.date {
        width: 84%
    }
    section.single-content>.col .side-nav {
        width: 84%;
        margin-left: 8%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        text-align: center
    }
    section.single-content>.col .content {
        width: 84%;
        margin-left: 8%
    }
    section.single-content>.col .content .wp-caption {
        margin-left: -1.5em !important;
        width: calc(100% + 3em) !important
    }
    section.single-content>.col .content .wp-caption>img {
        float: none;
        margin: 1em 0;
        width: 100% !important;
        clear: both
    }
    section.single-content>.col .content .wp-caption .wp-caption-text {
        float: none;
        clear: both;
        position: relative;
        width: calc(100% - 3.75em);
        margin-left: 1.875em !important;
        right: 0;
        margin-right: 0
    }
}

section.exhibit-introduction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%
}

section.exhibit-introduction input.out-closer {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 199
}

section.exhibit-introduction input.out-closer:hover {
    cursor: pointer
}

section.exhibit-introduction input.out-closer:checked {
    display: none
}

section.exhibit-introduction input.out-closer:checked+input {
    display: none
}

section.exhibit-introduction input.out-closer:checked+input+.intro-container {
    display: none
}

section.exhibit-introduction input.in-closer {
    opacity: 1;
    z-index: 9000;
    height: 50px;
    width: calc(100vw - 5em);
    max-width: calc(1440px - 1em);
    margin-right: 1em;
    margin-bottom: -50px;
    background-image: url(http://localhost:8888/diarna-2017/wp-content/themes/diarna-2017/build/images/x-white.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) 1em;
    background-size: 30px
}

section.exhibit-introduction input.in-closer:hover {
    cursor: pointer
}

section.exhibit-introduction input.in-closer:checked {
    display: none
}

section.exhibit-introduction input.in-closer:checked+.intro-container {
    display: none
}

section.exhibit-introduction .intro-container {
    height: calc(100vh - 4em);
    width: calc(100vw - 4em);
    background: #fff;
    z-index: 200;
    overflow: auto;
    max-width: 1440px
}

section.exhibit-introduction .intro-container:before {
    content: "";
    background: #000000;
    display: block;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .75
}

section.exhibit-introduction .hero.first {
    height: 50vh;
    width: 100%;
    position: relative
}

section.exhibit-introduction .hero.first .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position-y: 25%;
    background-position-x: center;
    background-repeat: no-repeat
}

section.exhibit-introduction .hero.first .background-image:after {
    content: "";
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    display: block;
    width: 100%;
    height: 25vh;
    position: absolute;
    bottom: 0
}

section.exhibit-introduction .hero.first .slide-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%
}

section.exhibit-introduction .hero.first .slide-text h1 {
    margin-top: 0.25em;
    margin-bottom: 0em
}

section.exhibit-introduction .intro-content {
    background: #fff;
    margin-bottom: 0
}

section.exhibit-introduction .intro-content p {
    font-size: 1.15em;
    line-height: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0
}

section.exhibit-introduction .intro-content p a,
section.exhibit-introduction .intro-content p a:visited {
    color: #112644;
    text-decoration: underline
}

section.exhibit-introduction .intro-content p a:hover,
section.exhibit-introduction .intro-content p a:visited:hover {
    color: #D3A16C
}

section.exhibit-introduction .intro-content p.start-discovering {
    text-align: center
}

section.exhibit-introduction .intro-content p.start-discovering a.button,
section.exhibit-introduction .intro-content p.start-discovering a.button:visited {
    color: #fff;
    text-decoration: none
}

section.exhibit-introduction .intro-content p.start-discovering a.button:hover,
section.exhibit-introduction .intro-content p.start-discovering a.button:visited:hover {
    color: #fff;
    background-color: #D3A16C
}

section.exhibit-introduction .intro-content p:first-child {
    margin-top: 1em;
    font-family: "franklin-gothic-urw";
    color: #D3A16C;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.25em;
    border-bottom: 1px solid #E5DACF;
    margin-bottom: 0.75em;
    padding-bottom: 0.75em
}

section.exhibit-introduction .intro-content p:last-child {
    padding-bottom: 4em
}

section.exhibit-introduction+section.single-content>.col {
    padding-top: 3em;
    margin-top: -155px
}

section.exhibit-introduction+section.single-content>.col .row.toggling-header {
    margin-bottom: 0;
    opacity: 1;
    max-height: 1000px;
    height: auto;
    overflow: hidden;
    -webkit-transition: 400ms ease-out;
    -moz-transition: 400ms ease-out;
    -o-transition: 400ms ease-out;
    transition: 400ms ease-out
}

section.exhibit-introduction+section.single-content>.col .row.toggling-header .col {
    margin-left: calc(10% - 0.75em);
    width: calc(80% + 1.5em)
}

section.exhibit-introduction+section.single-content>.col .row.toggling-header .col p.section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

section.exhibit-introduction+section.single-content>.col .row.toggling-header .col h2 {
    margin: 0
}

section.exhibit-introduction+section.single-content>.col .row.toggling-header.hidden {
    max-height: 0px;
    opacity: 0
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col {
    float: left;
    width: calc(40% + 0.75em)
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col h4 {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col h4::before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: 25%
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.right {
    margin-right: calc(10% - 0.75em)
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.right h4::before {
    background: #fff none repeat scroll 0 0
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.right #small-map {
    background: #D3A16C;
    height: 220px;
    width: 100%
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.right .references {
    padding-top: 1em
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.right .references ul li {
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.8em;
    color: #585B5E
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.left {
    margin-left: calc(10% - 0.75em)
}

section.exhibit-introduction+section.single-content>.col .row.exhibit-content .col.left h4::before {
    background: #585B5E none repeat scroll 0 0
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    section.single-exhibit+section.single-content>.col .row.exhibit-content .col {
        width: 50% !important
    }
    section.single-exhibit+section.single-content>.col .row.exhibit-content .col.left {
        margin-left: 0
    }
    section.single-exhibit+section.single-content>.col .row.exhibit-content .col.right {
        margin-right: 0
    }
}

@media only screen and (max-width: 600px) {
    section.single-exhibit+section.single-content>.col .row.exhibit-content .col.left {
        width: 100%;
        margin-left: 0
    }
    section.single-exhibit+section.single-content>.col .row.exhibit-content .col.right {
        width: 100%;
        margin-right: 0
    }
}

.viewport {
    position: absolute;
    top: 200px;
    right: 0px;
    left: 30%;
    height: calc(100vh - 200px - 2em);
    bottom: 1em;
    pointer-events: none
}

section.exhibit-sites {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 100vh
}

section.exhibit-sites .over-map {
    margin-bottom: 0px;
    max-width: 1440px;
    width: 100%;
    position: absolute;
    top: 200px;
    height: calc(100vh - 200px - 2em);
    pointer-events: none
}

section.exhibit-sites .over-map>* {
    pointer-events: auto
}

section.exhibit-sites .sites-list {
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    margin-left: 0px !important;
    z-index: 1;
    /*min-height: inherit*/
	min-height:1em;
	max-height: calc(100vh - 160px);
	overflow:scroll;
}
section.exhibit-sites .sites-list .gs-bidi-start-align:not(.gsc-cursor-box),
section.exhibit-sites .sites-list .gcsc-more-maybe-branding-root {
	display:none;
}
section.exhibit-sites .sites-list .cse .gsc-cursor-box,
section.exhibit-sites .sites-list .gsc-cursor-box {
	border-top:0px;
}

section.exhibit-sites .sites-list .gs-title {
	line-height: 1.1em;
}
section.exhibit-sites .sites-list .gs-title b {
	color: #D3A16C !important;
	font-style: italic;
}
section.exhibit-sites .sites-list h4 {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #D3A16C;
    margin-top: 1.5em;
    margin-left: 1.5em;
    margin-bottom: 0.5em
}

section.exhibit-sites .sites-list .list {
    margin-bottom: 1.5em;
    margin-left: 0.75rem;
    margin-top: 0.5em;
    position: relative;
    padding-right: 1.5em;
    overflow: auto;
    height: calc(100vh - 200px - 7em)
}

section.exhibit-sites .sites-list .list ol {
    list-style: inside ideograph-numeric
}

section.exhibit-sites .sites-list .list ol li {
    border-bottom: 1px solid #D3A16C;
    padding: 0.5em 0;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    line-height: 1.15em
}

section.exhibit-sites .sites-list .list ol li:last-child {
    border: none
}

section.exhibit-sites .sites-list .list ol li:hover {
    cursor: pointer
}

section.exhibit-sites .sites-list .list ol li.current {
    color: #D3A16C
}

section.exhibit-sites .sites-list .list ol li.over {
    color: #D3A16C
}

section.exhibit-sites .site-info {
    background: #fff;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    height: 100%;
    overflow-y: auto;
    max-width: 0;
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: max-width .25s, opacity .25s;
    -moz-transition: max-width .25s, opacity .25s;
    transition: max-width .25s, opacity .25s
}

section.exhibit-sites .site-info.open-info {
    max-width: 700px;
    opacity: 1
}

section.exhibit-sites .site-info .info-wrapper {
    width: 100%;
    padding-right: 1.5rem;
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word
}

section.exhibit-sites .site-info .info-wrapper h2 {
    margin: 0;
    font-size: 32px
}

section.exhibit-sites .site-info .info-wrapper iframe {
    max-width: 100%
}

section.exhibit-sites .site-info .info-wrapper iframe+em {
    font-family: "franklin-gothic-urw";
    font-weight: 400;
    font-size: 16px;
    color: #443F3B
}

section.exhibit-sites .site-info .info-wrapper iframe+em strong,
section.exhibit-sites .site-info .info-wrapper iframe+em b {
    font-weight: 400
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container {
    display: inline-block;
    width: 100%
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail {
    float: left;
    margin-right: 0.5em;
    width: calc((100% - 2em) / 5);
    display: none
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail:nth-child(-n+4) {
    display: block
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail:nth-child(5) {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    margin-right: 0;
    position: relative
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail:nth-child(5):after {
    content: "more";
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    font-family: "franklin-gothic-urw";
    top: 50%;
    margin-top: -24px;
    line-height: 48px;
    width: 100%;
    text-align: center;
    pointer-events: none;
    font-weight: 500;
    color: #fff
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail:nth-child(5) img {
    opacity: .25
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail img {
    height: auto;
    width: 100%
}

section.exhibit-sites .site-info .info-wrapper .thumbnail-container .thumbnail a:hover img {
    opacity: .5
}

section.exhibit-sites .site-info .info-wrapper b {
    font-weight: 500
}

section.exhibit-sites .site-info .info-wrapper .sources-title {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #443F3B
}

section.exhibit-sites .site-info .info-wrapper .sources-title::before {
    background-color: #585B5E;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    margin-top: 3em;
    width: calc((100% - 7.5em) / 6)
}

section.exhibit-sites .site-info .info-wrapper .sources {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #443F3B;
    font-size: 0.875em
}

section.exhibit-sites .site-info .info-wrapper .sources a {
    color: #D3A16C
}

section.exhibit-sites .site-info .info-wrapper .summary,
section.exhibit-sites .site-info .info-wrapper h3 {
    color: #585B5E;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

section.exhibit-sites .site-info .info-wrapper .summary-body {
    font-family: "franklin-gothic-urw";
    font-size: 22px;
    color: #D3A16C;
    line-height: 1.2em;
    margin-bottom: 1.5em;
    margin-top: 0
}

section.exhibit-sites .site-info .info-wrapper .summary-body ~ p:not(.sources):not(.sources-title) {
    font-size: 1.15em;
    line-height: 1.5em
}

section.exhibit-sites .site-info #info>p>strong {
    line-height: 1em !important;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    color: #C59A69
}

section.exhibit-sites .site-info .share-contribute {
    clear: both;
    position: relative;
    background: #E5DACF
}

section.exhibit-sites .site-info .share-contribute p {
    padding: 0.25em 1.5em 0.25em 0.75em;
    margin: 0;
    font-family: "franklin-gothic-urw";
    font-size: 22px;
    line-height: 1em;
    color: #112644
}

section.exhibit-sites .site-info .share-contribute p:first-child {
    padding-top: 1em;
    font-weight: 500;
    color: #112644
}

section.exhibit-sites .site-info .share-contribute p:last-child {
    padding-top: 1em;
    padding-bottom: 1em
}

section.exhibit-sites #map-sites {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D3A16C none repeat scroll 0 0;
    padding: 0 !important;
    font-size: 16px;
    -webkit-transition: 400ms ease-out;
    -moz-transition: 400ms ease-out;
    -o-transition: 400ms ease-out;
    transition: 400ms ease-out
}

section.exhibit-sites #map-sites .leaflet-popup-content {
    font-size: 0.875em
}

section.exhibit-sites #map-sites .leaflet-popup-content .marker-description {
    text-transform: capitalize
}

@media only screen and (max-width: 600px) {
    section.exhibit-sites {
        height: auto
    }
    section.exhibit-sites>div {
        float: none;
        clear: both
    }
    section.exhibit-sites>div.sites-list {
        height: auto !important;
        margin-bottom: 0;
        padding-bottom: 1.5em
    }
    section.exhibit-sites>div.sites-list.m5.col.l5.s14.pushed-left {
        margin-left: 0 !important
    }
    section.exhibit-sites>div.sites-list .left-bar {
        width: 0;
        display: none
    }
    section.exhibit-sites>div.sites-list .right-bar {
        width: 0;
        margin: 0;
        display: none
    }
    section.exhibit-sites>div.sites-list .list {
        width: calc(100% - 1.5em);
        margin-left: 0;
        padding: 0 0.75em;
        height: auto !important
    }
    section.exhibit-sites>div#map-sites {
        height: 50vh;
        margin-bottom: 0;
        margin-top: 0
    }
    section.exhibit-sites>div.site-info {
        margin: 0
    }
    section.exhibit-sites>div.site-info .info-wrapper {
        width: 100%;
        height: auto
    }
    section.exhibit-sites>div.site-info .info-wrapper h2 {
        text-align: center
    }
}

body.single-archive .share-contribute {
    background: #E5DACF
}

body.single-archive .share-contribute p {
    padding: 0.25em 1.5em 0.25em 0.75em;
    margin: 0;
    font-family: "franklin-gothic-urw";
    font-size: 22px;
    line-height: 1em;
    color: #112644
}

body.single-archive .share-contribute p:first-child {
    padding-top: 1em;
    font-weight: 500;
    color: #112644
}

body.single-archive .share-contribute p:last-child {
    padding-top: 1em;
    padding-bottom: 1em
}

body.single-archive div.map-background {
    height: 840px;
    margin-top: -200px;
    width: 100%
}

body.single-archive section.filter-order.archive-site.row {
    margin-top: -635px
}

body.single-archive section.filter-order.archive-site.row .col h1 {
    color: #fff
}

body.single-archive section.site-content.archive-site {
    margin-top: 250px
}

body.single-archive section.site-content.archive-site>.col {
    background: #fff
}

body.single-archive section.site-content.archive-site>.col .featured-image img {
    max-width: 100%;
    height: auto
}

body.single-archive section.site-content.archive-site>.col h1.article-title {
    border-bottom: 1px solid #E5DACF;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 0rem;
    margin-top: 1.5rem
}

body.single-archive section.site-content.archive-site>.col .article-meta {
    border-bottom: 1px solid #E5DACF;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: "franklin-gothic-urw", sans-serif;
    line-height: 30px
}

body.single-archive section.site-content.archive-site>.col .article-meta .grey {
    color: #443F3B;
    font-size: 15px
}

body.single-archive section.site-content.archive-site>.col .article-meta a,
body.single-archive section.site-content.archive-site>.col .article-meta a:visited {
    font-weight: 500;
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .article-meta a:hover,
body.single-archive section.site-content.archive-site>.col .article-meta a:visited:hover {
    color: #D3A16C
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon {
    background-image: url(../images/map-icons.png);
    background-repeat: no-repeat;
    background-size: 180px 60px;
    display: block;
    height: 30px;
    float: left;
    width: 30px;
    margin-right: 10px
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon.other {
    background-position: 80% top
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon.cemetery {
    background-position: 40% bottom
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon.school {
    background-position: 60% top
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon.shrine {
    background-position: 20% top
}

body.single-archive section.site-content.archive-site>.col .article-meta .location-icon.synagogue {
    background-position: right top
}

body.single-archive section.site-content.archive-site>.col iframe {
    width: 100%;
    height: auto;
    min-height: 400px;
    max-width: 100%
}

body.single-archive section.site-content.archive-site>.col h3 {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #585B5E
}

body.single-archive section.site-content.archive-site>.col h3::before {
    background-color: #585B5E;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1em;
    width: calc((100% - 7.5em) / 6);
    margin-top: 3em
}

body.single-archive section.site-content.archive-site>.col .thumbnail-container {
    display: inline-block;
    padding-bottom: 2em;
    width: 100%;
    width: -moz-calc(100% + 1.5em);
    width: -webkit-calc(100% + 1.5em);
    width: calc(100% + 1.5em)
}

body.single-archive section.site-content.archive-site>.col .thumbnail-container .thumbnail {
    width: calc((100% - 9em) / 6);
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

body.single-archive section.site-content.archive-site>.col .thumbnail-container .thumbnail img {
    width: 100%;
    height: auto
}

body.single-archive section.site-content.archive-site>.col .thumbnail-container .thumbnail.more {
    background: #E5DACF url("../images/plus.svg") no-repeat scroll center center/29px 29px
}

body.single-archive section.site-content.archive-site>.col .thumbnail-container .thumbnail:hover img {
    opacity: 0.5
}

body.single-archive section.site-content.archive-site>.col .static-map img {
    width: 100%;
    height: auto
}

body.single-archive section.site-content.archive-site>.col .site-content-top {
    width: calc(100% - 1.5em);
    padding: 0 0.75em;
    margin-left: -0.75em;
    height: 450px;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center
}

body.single-archive section.site-content.archive-site>.col .site-content-top p.section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em
}

body.single-archive section.site-content.archive-site>.col .site-content-top a {
    font-weight: normal
}

body.single-archive section.site-content.archive-site>.col .outer {
    display: table;
    position: absolute
}

body.single-archive section.site-content.archive-site>.col .outer.wimage::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0
}

body.single-archive section.site-content.archive-site>.col .outer.wimage .inner h1 {
    margin: 0 0 0.25em 0;
    color: #fff
}

body.single-archive section.site-content.archive-site>.col .outer.wimage .inner .section-title {
    color: #fff
}

body.single-archive section.site-content.archive-site>.col .outer.wimage .inner .big-em-dash {
    color: #fff
}

body.single-archive section.site-content.archive-site>.col .outer.wimage .inner .subtitle a {
    color: #fff
}

body.single-archive section.site-content.archive-site>.col .middle {
    display: flex;
    position: absolute;
    height: 450px;
    width: 100%;
    left: 0;
    top: 0;
    align-items: center;
    z-index: 2
}

body.single-archive section.site-content.archive-site>.col .inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

body.single-archive section.site-content.archive-site>.col .inner h1 {
    margin: 0 0 0.25em 0;
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .inner .section-title {
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .inner .big-em-dash {
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .inner .subtitle a {
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper {
    width: 100%;
    background: #fff;
    padding-top: 450px
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle {
    width: calc((100% - 13.5em) / 10 * 6 + 7.5em);
    margin-left: calc((100% - 13.5em) / 10 * 2 + 3em)
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .summary blockquote {
    color: #585B5E
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .summary blockquote strong {
    font-weight: 400
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .summary blockquote::before {
    display: none
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .summary blockquote::after {
    display: none
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li {
    border-bottom: 1px solid #F4F0EB;
    display: inline-block;
    float: left;
    margin-bottom: 1.5em;
    width: calc(50% - 0.75em)
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li a {
    display: inline-block;
    float: left;
    margin-bottom: 1.5em;
    width: 100%;
    color: #112644
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li a img {
    float: left;
    margin-bottom: 0;
    margin-right: 1.5em;
    width: 100px;
    height: auto
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li a span.type-of-site {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #D3A16C;
    font-size: 0.875em
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li:nth-child(odd) {
    margin-right: 1.5em
}

body.single-archive section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .related-sites-container li:nth-child(odd):last-child {
    border-bottom: none
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    body.single section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle {
        width: 84%;
        margin-left: 8%
    }
    body.archive .container section.sites.row>.col .sites-container ul#country-count li {
        width: calc((100% - 6em) / 4)
    }
}

@media only screen and (max-width: 600px) {
    body.single section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle {
        width: calc(100% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }
    body.single section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .thumbnail-container {
        margin-left: -0.75em;
        width: calc(100% + 1.5em)
    }
    body.single section.site-content.archive-site>.col .site-content-middle-wrapper .site-content-middle .thumbnail-container .thumbnail {
        width: calc((100% - 4.5em) / 3);
        margin-right: 0.75em;
        margin-left: 0.75em;
        margin-bottom: 1.5em
    }
}

@media only screen and (max-width: 600px) {
    .row {
        margin-bottom: 0 !important
    }
}

#map {
    overflow: hidden
}

.leaflet-bottom {
    z-index: 0 !important
}

.leaflet-bottom.leaflet-left {
    opacity: 0.15
}

.leaflet-bottom.leaflet-right .leaflet-control-attribution {
    opacity: 0.15
}

#map .leaflet-div-icon,
#map-sites .leaflet-div-icon {
    border: none !important
}

#map .leaflet-top.leaflet-left,
#map-sites .leaflet-top.leaflet-left {
    margin-bottom: 4em
}

#map .leaflet-top.leaflet-left,
#map .leaflet-bottom.leaflet-right,
#map-sites .leaflet-top.leaflet-left,
#map-sites .leaflet-bottom.leaflet-right {
    bottom: 0 !important;
    top: auto !important
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom {
    border: none;
    background: transparent;
    border-radius: 0px
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in,
#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #F4F0EB;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    height: 25px;
    margin-top: 0.5em;
    width: 25px;
    opacity: 1
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out:hover {
    cursor: pointer;
    background-color: white
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in {
    background-image: url("../images/Plus-50.png")
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-in:hover,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-in:hover {
    background-image: url("../images/Plus-Filled-50.png")
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out {
    background-image: url("../images/Minus-50.png")
}

#map .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map-sites .leaflet-top.leaflet-left .leaflet-control-zoom .leaflet-control-zoom-out:hover,
#map-sites .leaflet-bottom.leaflet-right .leaflet-control-zoom .leaflet-control-zoom-out:hover {
    background-image: url("../images/Minus-Filled-50.png")
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable,
.leaflet-marker-icon:not(.my-icon) {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    border-radius: 50%;
    height: 10px !important;
    width: 16px !important
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable::before,
.leaflet-marker-icon:not(.my-icon)::before {
    width: 36px;
    height: 36px;
    border-radius: 50% 50% 50% 0;
    background-color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -18px;
    content: "";
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35)
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable::after,
.leaflet-marker-icon:not(.my-icon)::after {
    background-image: url("../images/map-icons.png");
    background-repeat: no-repeat;
    background-size: 180px 60px;
    content: "";
    display: block;
    height: 30px;
    left: -7px;
    position: absolute;
    top: -35px;
    width: 30px
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.selected-icon,
.leaflet-marker-icon:not(.my-icon).selected-icon {
    z-index: 609 !important
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).selected-icon::before {
    border: 2px solid rgba(0, 0, 0, 0.15)
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.school::after,
.leaflet-marker-icon:not(.my-icon).school::after {
    background-position: 60% top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.school.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).school.selected-icon::before {
    background-color: #70b57b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.school.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).school.selected-icon::after {
    background-position: 60% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.synagogue::after,
.leaflet-marker-icon:not(.my-icon).synagogue::after {
    background-position: right top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.synagogue.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).synagogue.selected-icon::before {
    background-color: #d08629
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.synagogue.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).synagogue.selected-icon::after {
    background-position: right bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.other::after,
.leaflet-marker-icon:not(.my-icon).other::after {
    background-position: 80% top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.other.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).other.selected-icon::before {
    background-color: #64a1d8
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.other.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).other.selected-icon::after {
    background-position: 80% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrine::after,
.leaflet-marker-icon:not(.my-icon).shrine::after {
    background-position: 20% top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrine.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).shrine.selected-icon::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrine.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).shrine.selected-icon::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrinetomb::after,
.leaflet-marker-icon:not(.my-icon).shrinetomb::after {
    background-position: 20% top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrinetomb.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).shrinetomb.selected-icon::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.shrinetomb.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).shrinetomb.selected-icon::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.cemetery::after,
.leaflet-marker-icon:not(.my-icon).cemetery::after {
    background-position: 40% top
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.cemetery.selected-icon::before,
.leaflet-marker-icon:not(.my-icon).cemetery.selected-icon::before {
    background-color: #e23b3b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.cemetery.selected-icon::after,
.leaflet-marker-icon:not(.my-icon).cemetery.selected-icon::after {
    background-position: 40% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over,
.leaflet-marker-icon:not(.my-icon).over {
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    z-index: 609 !important
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over::before,
.leaflet-marker-icon:not(.my-icon).over::before {
    border: 2px solid rgba(0, 0, 0, 0.15);
    z-index: 700
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over::after,
.leaflet-marker-icon:not(.my-icon).over::after {
    z-index: 701
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.school::before,
.leaflet-marker-icon:not(.my-icon).over.school::before {
    background-color: #70b57b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.school::after,
.leaflet-marker-icon:not(.my-icon).over.school::after {
    background-position: 60% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.synagogue::before,
.leaflet-marker-icon:not(.my-icon).over.synagogue::before {
    background-color: #d08629
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.synagogue::after,
.leaflet-marker-icon:not(.my-icon).over.synagogue::after {
    background-position: right bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.other::before,
.leaflet-marker-icon:not(.my-icon).over.other::before {
    background-color: #64a1d8
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.other::after,
.leaflet-marker-icon:not(.my-icon).over.other::after {
    background-position: 80% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.shrine::before,
.leaflet-marker-icon:not(.my-icon).over.shrine::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.shrine::after,
.leaflet-marker-icon:not(.my-icon).over.shrine::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.shrinetomb::before,
.leaflet-marker-icon:not(.my-icon).over.shrinetomb::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.shrinetomb::after,
.leaflet-marker-icon:not(.my-icon).over.shrinetomb::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.cemetery::before,
.leaflet-marker-icon:not(.my-icon).over.cemetery::before {
    background-color: #e23b3b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable.over.cemetery::after,
.leaflet-marker-icon:not(.my-icon).over.cemetery::after {
    background-position: 40% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover,
.leaflet-marker-icon:not(.my-icon):hover {
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    z-index: 609 !important
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover::before,
.leaflet-marker-icon:not(.my-icon):hover::before {
    border: 2px solid rgba(0, 0, 0, 0.15);
    z-index: 700
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover::after,
.leaflet-marker-icon:not(.my-icon):hover::after {
    z-index: 701
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.school::before,
.leaflet-marker-icon:not(.my-icon):hover.school::before {
    background-color: #70b57b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.school::after,
.leaflet-marker-icon:not(.my-icon):hover.school::after {
    background-position: 60% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.synagogue::before,
.leaflet-marker-icon:not(.my-icon):hover.synagogue::before {
    background-color: #d08629
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.synagogue::after,
.leaflet-marker-icon:not(.my-icon):hover.synagogue::after {
    background-position: right bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.other::before,
.leaflet-marker-icon:not(.my-icon):hover.other::before {
    background-color: #64a1d8
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.other::after,
.leaflet-marker-icon:not(.my-icon):hover.other::after {
    background-position: 80% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.shrine::before,
.leaflet-marker-icon:not(.my-icon):hover.shrine::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.shrine::after,
.leaflet-marker-icon:not(.my-icon):hover.shrine::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.shrinetomb::before,
.leaflet-marker-icon:not(.my-icon):hover.shrinetomb::before {
    background-color: #95a1ad
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.shrinetomb::after,
.leaflet-marker-icon:not(.my-icon):hover.shrinetomb::after {
    background-position: 20% bottom
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.cemetery::before,
.leaflet-marker-icon:not(.my-icon):hover.cemetery::before {
    background-color: #e23b3b
}

.leaflet-marker-icon.my-icon.icon-dc.leaflet-zoom-animated.leaflet-clickable:hover.cemetery::after,
.leaflet-marker-icon:not(.my-icon):hover.cemetery::after {
    background-position: 40% bottom
}

.leaflet-marker-icon:not(.my-icon) {
    font-family: "franklin-gothic-urw", sans-serif
}

.leaflet-marker-icon:not(.my-icon)>div {
    font-size: 1.15em;
    line-height: 30px;
    margin-left: -10px;
    margin-top: -36px;
    min-width: 36px;
    position: absolute;
    text-align: center;
    color: #112644
}

.leaflet-marker-icon:not(.my-icon):hover::before {
    background-color: #D3A16C
}

.leaflet-marker-icon:not(.my-icon):hover>div {
    color: #fff;
    z-index: 701
}

.leaflet-marker-icon:not(.my-icon).markerSelected {
    background-color: #112644 !important;
    z-index: 900 !important
}

.leaflet-popup-pane {
    left: 8px !important;
    top: -25px !important
}

.leaflet-popup.leaflet-zoom-animated.current {
    margin-left: 20px;
    font-size: 14px
}

.leaflet-popup.leaflet-zoom-animated.current .leaflet-popup-content {
    border-radius: 0px !important
}

.leaflet-popup.leaflet-zoom-animated.current .leaflet-popup-content .marker-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    line-height: 1.5em !important
}

.leaflet-popup.leaflet-zoom-animated.current .leaflet-popup-content .marker-description {
    font-family: "GT-Sectra-Book", serif
}

.selecte-icon {
    z-index: 700 !important
}

.contribute-floating-box {
    position: fixed;
    right: 1em;
    z-index: 101;
    bottom: 1em;
    width: 350px;
    text-align: center
}

.contribute-floating-box div {
    padding: 1em 0.75em 1.75em;
    position: relative;
    background: #F7F7EC
}

.contribute-floating-box div span.section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #D3A16C
}

.contribute-floating-box div span.home-learn-more {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic;
    font-size: 1.71em;
    font-weight: 500;
    line-height: 1.1em;
    color: #585B5E;
    width: 80%
}

.contribute-floating-box div .contribute-to-site-btn {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#kamikmz-viewer,
#kamikmz-viewer canvas {
    border-radius: 5px;
    height: 300px;
    width: 300px
}

#kamikmz-viewer {
    border: 1px solid #e8292e;
    display: block;
    margin: auto;
    position: relative
}

#panorama {
    width: 100%;
    height: 600px
}

.size-circle {
    border-radius: 50%;
    width: 80% !important;
    height: 80%;
    margin: 0 auto
}

.size-800x800 {
    height: auto
}

body.single.search-results .map-background {
    height: 600px;
    margin-top: 0px;
    width: 100%
}

body.single.search-results .results .results-container>div {
    margin-left: calc((100% - 13.5em) / 10 + 1.5em);
    width: calc((100% - 13.5em) / 10 * 8 + 10.5em)
}

body.single.search-results .results .results-container>div.row .search-left-column h3 {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left
}

body.single.search-results .results .results-container>div.row .search-left-column .result {
    clear: both;
    color: inherit;
    margin-left: 0;
    width: 100%;
    height: auto
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt {
    margin-right: 0;
    padding-bottom: 1em;
    padding-top: 1em;
    width: 100%
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt h4 {
    margin-right: 0;
    margin-top: 0
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt h4 a {
    color: #112644
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt p {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt img {
    float: left;
    padding-right: 1em;
    width: calc(25% - 1em);
    padding-top: 0.4em
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt img+p {
    width: 75%;
    float: left
}

body.single.search-results .results .results-container>div.row .search-left-column .result .title-and-excerpt span.highlighted {
    font-weight: bold
}

body.single.search-results .dataTables_paginate {
    width: 100% !important
}

body.single.search-results .results-for h1 {
    margin-top: 0
}

body.single.search-results .search-form {
    margin-left: calc((100% - 13.5em) / 10 * 2 + 1.5em) !important;
    width: calc((100% - 13.5em) / 10 * 6 + 10.5em) !important
}

body.single.search-results .search-form #searchform>div {
    height: 60px
}

body.single.search-results .search-form #searchform>div input[type="submit"] {
    background: #112644;
    color: #D3A16C;
    height: 100%;
    width: calc((100% - 10.5em) / 8);
    float: left;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase
}

body.single.search-results .search-form #searchform>div input[type="submit"]:hover {
    background: #D3A16C;
    color: #fff
}

body.single.search-results .search-form #searchform>div button#searchsubmit {
    background: #112644;
    color: #D3A16C;
    height: 100%;
    width: calc((100% - 10.5em) / 8);
    float: left;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

body.single.search-results .search-form #searchform>div button#searchsubmit:hover {
    background: #D3A16C;
    color: #fff
}

body.single.search-results .search-form #searchform>div input[type="text"] {
    float: left;
    font-size: 1.5em;
    height: 60px;
    margin-right: 0;
    padding-left: 0.565em;
    padding-right: 0.565em;
    width: calc((100% - 10.5em) / 8 * 6 + 7.5em);
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic
}

body.single.search-results .search-form #searchform>div input[type="text"]:-webkit-input-placeholder,
body.single.search-results .search-form #searchform>div input[type="text"]:-ms-input-placeholder,
body.single.search-results .search-form #searchform>div input[type="text"]:-moz-placeholder,
body.single.search-results .search-form #searchform>div input[type="text"]::-moz-placeholder {
    font-family: "GT-Sectra-Display-Medium-Italic", serif;
    font-style: italic
}

body.single.search-results .search-form #searchform>div label {
    width: calc((100% - 10.5em) / 8 + 1.5em);
    background: #F7F7EC;
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    color: #112644;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left
}

body.single.search-results .search-form #searchform+p {
    font-family: "franklin-gothic-urw", sans-serif;
    color: #443F3B;
    font-size: 0.875em
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    body.single.search-results .search-form {
        margin-left: 0 !important;
        width: 100% !important
    }
}

.fixed {
    display: block;
    height: 600px;
    left: calc(50% + 0.95em);
    position: fixed !important;
    top: 150px;
    width: calc((71.4286% - 13.5em) / 10 * 4 + 2.5em) !important
}

.glossary-tooltip-item {
    background: transparent !important;
    cursor: pointer;
    display: inline-block;
    font-weight: inherit !important;
    padding: 0 !important
}

.glossary-tooltip-item a,
.glossary-tooltip-item a:visited,
.glossary-tooltip-item a:active {
    color: initial
}

.glossary-tooltip-item a::after,
.glossary-tooltip-item a:visited::after,
.glossary-tooltip-item a:active::after {
    border-bottom: 1px dashed !important
}

.glossary-tooltip-item a:hover {
    color: initial;
    background-color: #E5DACF
}

.glossary-tooltip-content {
    background: #E5DACF !important;
    box-shadow: none
}

.glossary-tooltip-content .glossary-tooltip-text {
    color: #443F3B !important;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 0.875em
}

.glossary-tooltip-content .glossary-tooltip-text a,
.glossary-tooltip-content .glossary-tooltip-text a:visited,
.glossary-tooltip-content .glossary-tooltip-text a:active {
    color: #443F3B;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: normal
}

.glossary-tooltip-content .glossary-tooltip-text a:hover {
    color: #D3A16C;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: normal
}

.glossary-tooltip-content::after {
    border-color: #E5DACF transparent transparent !important
}

@media only screen and (max-width: 600px) {
    .news .filter-by,
    .press .filter-by,
    .exhibits .filter-by,
    .interviews .filter-by {
        margin-bottom: 2em
    }
    .news .filter-by form.searchandfilter ul li h4,
    .press .filter-by form.searchandfilter ul li h4,
    .exhibits .filter-by form.searchandfilter ul li h4,
    .interviews .filter-by form.searchandfilter ul li h4 {
        text-align: left
    }
    .news .filter-by form.searchandfilter ul li label,
    .press .filter-by form.searchandfilter ul li label,
    .exhibits .filter-by form.searchandfilter ul li label,
    .interviews .filter-by form.searchandfilter ul li label {
        width: 100%;
        border-top: none;
        margin: 0;
        padding: 0
    }
    .news .filter-by form.searchandfilter ul li label select,
    .press .filter-by form.searchandfilter ul li label select,
    .exhibits .filter-by form.searchandfilter ul li label select,
    .interviews .filter-by form.searchandfilter ul li label select {
        padding: 0;
        background: transparent url("../images/blue-ddown.svg") no-repeat scroll calc(100% - 1.5em) 50%/12px auto
    }
}

#small-map:hover {
    cursor: pointer
}

.references ul li {
    height: 30px;
    line-height: 30px
}

.references ul li::before {
    background-image: url("../images/map-icons.png");
    background-repeat: no-repeat;
    background-size: 180px 60px;
    content: "";
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    width: 30px
}

.references ul li.shrine::before {
    background-position: 20% top
}

.references ul li.shrinetomb::before {
    background-position: 20% top
}

.references ul li.cemetery::before {
    background-position: 40% top
}

.references ul li.school::before {
    background-position: 60% top
}

.references ul li.other::before {
    background-position: 80% top
}

.references ul li.synagogue::before {
    background-position: right top
}

.leaflet-bottom,
.leaflet-top {
    z-index: 0 !important
}

.leaflet-container .leaflet-map-pane {
    font-size: 14px !important;
    font-family: "franklin-gothic-urw", sans-serif
}

.interviews-single .top-interview {
    margin-bottom: 0;
    height: calc(100vh + 6rem)
}

.interviews-single .top-interview .top-i-left {
    background: #222222;
    height: 100%
}

.interviews-single .top-interview .top-i-left>.row {
    height: calc(100% - 6rem)
}

.interviews-single .top-interview .top-i-left>.row>.col {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.interviews-single .top-interview .top-i-left>.row>.col h2.section-title {
    color: #fff;
    text-align: center
}

.interviews-single .top-interview .top-i-left>.row>.col h1 {
    font-size: 3rem;
    color: #fff;
    text-align: center
}

.interviews-single .top-interview .top-i-left>.row>.col p.date {
    color: #fff;
    text-align: center
}

.interviews-single .top-interview .top-i-right {
    height: 100%;
    position: relative
}

.interviews-single .top-interview .top-i-right p.vertical-caption {
    background: -moz-linear-gradient(left, rgba(34, 34, 34, 0.5) 65%, rgba(34, 34, 34, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(34, 34, 34, 0.5) 65%, rgba(34, 34, 34, 0) 100%);
    background: linear-gradient(to right, rgba(34, 34, 34, 0.5) 65%, rgba(34, 34, 34, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    position: absolute;
    bottom: 6rem;
    font-family: "franklin-gothic-urw";
    font-size: 14px !important;
    color: #fff;
    padding: 0.5rem 1rem;
    margin: 0;
    left: 0;
    width: calc(80% + 2rem)
}

@media screen and (min-width: 1201px) and (max-height: 915px) {
    body.home section.first-slider .slick-slide .more-items .more-dots:after {
        background-position: 30px center
    }
    body.home section.first-slider #full-width-slider h1 {
        font-size: 2rem
    }
    body.home section.first-slider #full-width-slider h2 {
        font-size: 1.5rem
    }
    body.home section.first-slider #full-width-slider .row .sub-article .sub-art-img {
        max-height: 150px !important;
        overflow: hidden;
        display: inline-block
    }
    body.home section.first-slider #full-width-slider .row .more-items .more-dots {
        max-height: 150px !important;
        overflow: hidden;
        display: inline-block
    }
    body.home header .top-bar-menu>ul li a.sub-visible+.sub {
        display: none
    }
    body.home header .top-bar-menu>ul li a:hover+.sub {
        display: none
    }
}

@media screen and (min-width: 1201px) and (max-height: 750px) {
    body.single-archive div.map-background {
        height: 750px;
        margin-top: -250px
    }
    body.single-archive section.site-content.archive-site>.col {
        padding-top: 2rem !important
    }
    body.single-archive section.filter-order.archive-site.row {
        margin-top: -700px
    }
}

body.single-archive div.container.below {
    margin-top: 60px
}

body.single-archive header.rober-temp {
    top: 40px
}

body.single-archive section.site-content.archive-site>div.col {
    position: relative
}

body.single-archive section.site-content.archive-site>div.col:after {
    content: "";
    top: -20px;
    display: block;
    width: calc(50% - 20px);
    left: 50%;
    border-bottom: 20px solid white;
    border-left: 20px solid transparent;
    position: absolute
}

body.single-archive section.site-content.archive-site>div.col:before {
    content: "";
    top: -20px;
    display: block;
    width: calc(50% - 20px);
    left: 0;
    border-bottom: 20px solid white;
    border-right: 20px solid transparent;
    position: absolute
}

body.single-archive #popup {
    max-height: 40px;
    overflow: hidden;
    position: fixed;
    display: block;
    z-index: 9999999;
    width: 100%;
    top: 0;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

body.single-archive #popup.expanded {
    max-height: 20vh !important
}

body.single-archive #popup.expanded .row.veil {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out;
    pointer-events: inherit
}

body.single-archive #popup.expanded .row .col #popup-close .ex-top {
    transform: rotate(45deg);
    top: 3px;
    left: 2px
}

body.single-archive #popup.expanded .row .col #popup-close .ex-bottom {
    transform: rotate(135deg);
    left: -18px;
    top: 16px
}

body.single-archive #popup .row {
    background: #D3A16C;
    margin-bottom: 0 !important;
    color: white
}

body.single-archive #popup .row .col p {
    margin-top: 0.5rem
}

body.single-archive #popup .row .col .section-title {
    margin-bottom: 0
}

body.single-archive #popup .row .col #popup-close {
    position: relative;
    height: 20px;
    width: 20px;
    float: right;
    margin-top: 10px;
    margin-right: 1rem;
    display: block
}

body.single-archive #popup .row .col #popup-close:hover {
    cursor: pointer
}

body.single-archive #popup .row .col #popup-close .ex-top {
    position: absolute;
    height: 1px;
    background: white;
    width: 20px;
    transform: rotate(0deg);
    transform-origin: top left;
    top: 9px;
    left: 0px;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

body.single-archive #popup .row .col #popup-close .ex-bottom {
    position: absolute;
    height: 1px;
    background: white;
    width: 20px;
    transform: rotate(90deg);
    transform-origin: right bottom;
    left: -10px;
    top: 19px;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out
}

body.single-archive #popup .row.veil {
    background: transparent;
    height: 100vh;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    pointer-events: none
}

body.postid-24>.container {
    position: relative
}

footer {
    background-color: #D3A16C;
    color: #fff;
    width: 100%;
    padding: 22px 0
}

footer a {
    text-decoration: none;
    color: #585B5E
}

footer a:hover {
    color: #fff
}

footer .menu-footer-container ul,
footer .section-title {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    list-style-type: none;
    padding-left: 0
}

footer label.EMAIL-label {
    width: calc((100% - 4.5em) / 4 * 3 + 3em) !important;
    float: left
}

footer label.EMAIL-label span.EMAIL-label {
    display: none
}

footer label.mc_header_email {
    display: none
}

footer div#mc_message.updated {
    background: none;
    display: inline-block;
    margin-left: 0;
    padding: 0;
    width: 100%
}

footer div.mc_form_inside {
    width: 100%
}

footer div.mc_merge_var {
    float: left;
    margin-right: 3px;
    width: calc((100% - 4.5em) / 4 * 3 + 3em)
}

footer div.mc_merge_var input#mc_mv_EMAIL {
    width: 100%
}

footer .mc_signup_submit {
    width: calc((100% - 5.14286em) / 4 + 1.4em);
    float: left
}

footer .mc_signup_submit input#mc_signup_submit {
    width: 100%;
    margin-top: 0;
    height: 30px
}

footer input {
    border: none;
    height: 30px;
    color: #fff
}

footer input[type="text"] {
    font-family: "GT-Sectra-Book-Italic", serif;
    font-style: italic;
    background-color: rgba(255, 255, 255, 0.2);
    width: calc((100% - 4.5em) / 4 * 3 + 1.5em);
    padding: 0 0.75em
}

footer input[type="email"],
footer input[type="email"].yikes-easy-mc-email {
    font-family: "GT-Sectra-Book-Italic", serif;
    font-style: italic;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 0.75em;
    border: none
}

footer input[type="email"] {
    width: calc((100% - 4.5em) / 4 * 3 + 1.5em)
}

footer input[type="email"].yikes-easy-mc-email {
    width: 100%;
    height: 40px;
    margin-bottom: 0
}

footer input[type="email"].yikes-easy-mc-email:focus {
    outline: none;
    border: 1px solid #C59A69
}

footer input[type="submit"] {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    background: #C59A69;
    padding: 0 0.857143em;
    width: calc((100% - 5.14286em) / 4 + 1.4em)
}

footer input[type="submit"]:hover {
    background: #906738
}

footer button.yikes-easy-mc-submit-button {
    font-family: "franklin-gothic-urw";
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 0.875em;
    background: #C59A69;
    padding: 0 0.857143em !important;
    width: calc((100% - 5.14286em) / 4 + 1.4em) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

footer button.yikes-easy-mc-submit-button:hover {
    background: #906738
}

footer .footer-wrapper .footer-subscribe ul.social-menu {
    text-align: right;
    margin-top: 25%
}

footer .footer-wrapper .footer-subscribe ul.social-menu li a {
    color: #fff;
    opacity: .5;
    margin-left: 20px
}

footer .footer-wrapper .footer-subscribe ul.social-menu li a:hover {
    opacity: 1
}

footer p.section-title {
    margin-top: 0
}

#glt-translate-trigger {
    display: none !important
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    footer p.section-title {
        line-height: 1.25em !important
    }
    footer p.section-title::before {
        line-height: 30px;
        content: ""
    }
    footer .footer-subscribe .widget {
        display: inline-block;
        clear: both
    }
    footer .footer-subscribe input[type="text"] {
        width: calc(100% - 1.5em)
    }
    footer .footer-subscribe input[type="email"] {
        width: calc(100% - 1.5em)
    }
    footer .footer-subscribe input[type="submit"] {
        width: auto;
        float: right;
        margin: 11px 0
    }
}

@media only screen and (max-width: 600px) {
    footer .footer-wrapper>div,
    footer .footer-wrapper>nav {
        padding: 0 1.5em !important
    }
    footer .menu-footer-container {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    footer .footer-contact {
        text-align: center;
        margin-bottom: 1em;
        padding-bottom: 1em
    }
    footer .footer-subscribe {
        text-align: center !important
    }
    footer .footer-subscribe ul.social-menu {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: inline-block
    }
    footer .footer-subscribe ul.social-menu li a {
        margin-left: 10px !important;
        margin-right: 10px
    }
    footer .footer-subscribe form div input[type="text"] {
        width: calc(60% - 1.5em)
    }
    footer .footer-subscribe form div input[type="email"] {
        width: calc(60% - 1.5em)
    }
    footer .footer-subscribe form div input[type="submit"] {
        width: calc(40% - 1.714286rem)
    }
}

.searchform label {
    display: none
}

select.goog-te-combo {
    color: #000
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em
}

.hide {
    display: none !important
}

.left-align,
.alignleft {
    text-align: left
}

.right-align,
.alignright {
    text-align: right
}

.center,
.center-align,
.aligncenter {
    text-align: center
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.circle {
    border-radius: 50%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0 !important
}

.royalSlider {
    width: 100%;
    height: auto;
    position: relative;
    direction: ltr
}

.first-slider .royalSlider {
    min-height: 100vh
}

.royalSlider>* {
    float: left
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0
}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer
}

.rsThumb {
    float: left;
    position: relative
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}

.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative
}

.rsPreloader {
    position: absolute;
    z-index: 0
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25)
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
}

.rsTabs {
    float: left;
    background: none !important
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s
}

.rsVideoFrameHolder.rsVideoActive {
    opacity: 1
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
}

img.rsImg {
    max-width: none
}

.grab-cursor {
    cursor: url(grab.png) 8 8, move
}

.grabbing-cursor {
    cursor: url(grabbing.png) 8 8, move
}

.rsNoDrag {
    cursor: auto
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(blank.gif)
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider .slick-arrow {
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    z-index: 10;
    font-size: 5em;
    border: none;
    color: #fff;
    background: none;
    line-height: 1em
}

.slick-slider .slick-arrow.slick-prev {
    left: 1rem
}

.slick-slider .slick-arrow.slick-prev::before {
    content: '\f104'
}

.slick-slider .slick-arrow.slick-next {
    right: 1rem
}

.slick-slider .slick-arrow.slick-next::before {
    content: '\f105'
}

.slick-slider .slick-arrow.background--light {
    color: #112644
}

.slick-slider .slick-arrow:hover {
    color: #D3A16C
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .slick-slider .slick-arrow {
        font-size: 3.5em;
        padding: 0
    }
}

@media only screen and (max-width: 600px) {
    .slick-slider .slick-arrow {
        font-size: 2.5em;
        padding: 0
    }
    .slick-slider .slick-arrow.slick-prev {
        left: 20px
    }
    .slick-slider .slick-arrow.slick-next {
        right: 20px
    }
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    max-height: 100vh;
    overflow: hidden;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 18px
}

.slick-dots li {
    width: 20px;
    margin: 0 14px;
    display: inline-block;
    position: relative
}

.slick-dots li button {
    opacity: 0
}

.slick-dots li:after {
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    border: 1px solid #fff;
    border-radius: 20px
}

.slick-dots li.slick-active:after {
    background: #C59A69
}

.slick-dots li:hover {
    cursor: pointer
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
    overflow: hidden !important
}

#swipebox-overlay img {
    border: none !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(../img/loader.gif) no-repeat center center/100px 100px
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-bottom-bar {
    bottom: -50px
}

#swipebox-bottom-bar.visible-bars {
    transform: translate3d(0, -50px, 0)
}

#swipebox-top-bar {
    top: -50px
}

#swipebox-top-bar.visible-bars {
    transform: translate3d(0, 50px, 0)
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
    background-position: center
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

#swipebox-prev {
    float: left;
    background-size: 11px 21px;
    background-image: url(../images/prev-white.svg)
}

#swipebox-next {
    float: right;
    background-size: 11px 21px;
    background-image: url(../images/next-white.svg)
}

#swipebox-close {
    top: 45px;
    right: 20px;
    position: absolute;
    z-index: 9999;
    background-image: url(../images/x-white.svg);
    background-size: 21px 21px
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
    opacity: 0.3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    animation: rightSpring 0.3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    animation: leftSpring 0.3s
}

.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
    backface-visibility: hidden;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    box-shadow: inset 10px 0px 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    box-shadow: inset -10px 0px 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 10px
    }
    #swipebox-arrows {
        width: 92%;
        max-width: 800px
    }
}

#swipebox-overlay {
    background: #0d0d0d
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px black;
    background: #000;
    opacity: 0.95
}

#swipebox-top-bar {
    color: #fff !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper.clearfix {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px "franklin-gothic-urw";
    font-weight: 400;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: auto;
    display: inline-block;
    margin: 1em 1em -3em 1em
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    line-height: 87px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #112644;
    text-align: center;
    background-color: #fff;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)
}

div.number.flip-clock-wrapper {
    margin: 1em 0em
}

div.number.flip-clock-wrapper ul {
    width: 40px;
    height: 60px;
    font-size: 50px;
    margin: 2px
}

div.number.flip-clock-wrapper ul li {
    line-height: 60px
}

div.number.flip-clock-wrapper ul li a div.up div.inn,
div.number.flip-clock-wrapper ul li a div.down div.inn {
    font-size: 36px
}

div.number.flip-clock-wrapper ul li a div.up:after {
    top: 29px
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: #112644;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }
    100% {
        -webkit-transform: rotateX(0deg)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(0deg)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }
    100% {
        -o-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg)
    }
    100% {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg)
    }
    100% {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
    }
    100% {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #443F3B));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #443F3B));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #443F3B 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #443F3B), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #443F3B), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, #443F3B 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

span.number.flip-clock-wrapper ul li a div div.inn {
    color: #D3A16C;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 400;
    background: #1e324e;
    text-shadow: 0 1px 2px #112644
}

body.archive section.exhibit-sites .over-map {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    bottom: 0 !important;
    top: auto !important;
    min-height: calc(100vh - 200px - 2em);
    height: inherit
}

body.archive section.exhibit-sites .over-map #sites-list {
    margin-bottom: 2rem
}

body.archive .gsc-control-cse .gs-result .gs-title.over,
a.gs-title.over {
    color: #D3A16C !important
}

body.archive .gsc-control-cse .gs-result .gs-title.over b,
a.gs-title.over b {
    color: #D3A16C !important
}

.gcsc-branding {
    display: none !important
}

.gsc-results .gsc-cursor-box {
    margin-bottom: 1rem !important
}

.gsc-cursor .gsc-cursor-page {
    font-size: 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 300 !important;
    font-family: "franklin-gothic-urw", sans-serif !important;
    padding: 0.15rem
}

.gsc-cursor .gsc-cursor-page:hover {
    color: #D3A16C !important
}

.gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
    color: #D3A16C !important;
    font-weight: 500 !important
}

.gsc-cursor .gsc-cursor-page:focus {
    outline: none;
    background: #000000
}

.gsc-results.gsc-webResult {
    margin-top: 0rem !important;
	background: transparent !important;
}

.gsc-control-cse.gsc-control-cse-en {
    padding-top: 0rem !important
}

body.archive .searchbox {
    padding: 0.75rem !important
}

section.exhibit-sites .sites-list h4 {
    margin-left: 0.75rem !important
}

body.archive footer,
body.exhibits-single footer {
    margin-top: -6px !important
}

.single-archive header .top-bar-menu>ul li a:not(.button):hover {
    background: rgba(0, 0, 0, 0.5)
}

.single-archive header .top-bar-menu>ul li a.button:hover {
    background: #D3A16C
}

.single-archive header .top-bar-menu>ul li .sub {
    display: none
}

.page-template-page-interviews,
.page-template-page-exhibits,
.page-template-page-press,
.page-template-page-news {
    overflow-x: hidden
}

.page-template-page-interviews .container,
.page-template-page-exhibits .container,
.page-template-page-press .container,
.page-template-page-news .container {
    left: 7.14286%
}

@media only screen and (max-width: 600px) {
    .page-template-page-interviews .container,
    .page-template-page-exhibits .container,
    .page-template-page-press .container,
    .page-template-page-news .container {
        left: initial
    }
}

@media only screen and (max-width: 600px) {
    .page-template-page-interviews .filter-by,
    .page-template-page-exhibits .filter-by,
    .page-template-page-press .filter-by,
    .page-template-page-news .filter-by {
        margin-left: -1.5rem !important
    }
}

.page-template-page-interviews header.row:not(.short-menu) a.diarna-logo,
.page-template-page-exhibits header.row:not(.short-menu) a.diarna-logo,
.page-template-page-news header.row:not(.short-menu) a.diarna-logo,
.page-template-page-press header.row:not(.short-menu) a.diarna-logo,
.page-template-page-contact header.row:not(.short-menu) a.diarna-logo,
.page-template-page-contribute-to-site header.row:not(.short-menu) a.diarna-logo,
.news-single header.row:not(.short-menu) a.diarna-logo,
.press-single header.row:not(.short-menu) a.diarna-logo,
.contribute header.row:not(.short-menu) a.diarna-logo {
    background-image: url(../images/diarna-logo-blue.svg)
}

.page-template-page-interviews header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.page-template-page-exhibits header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.page-template-page-news header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.page-template-page-press header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.page-template-page-contact header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.page-template-page-contribute-to-site header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.news-single header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.press-single header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button),
.contribute header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button) {
    color: #112644
}

.page-template-page-interviews header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.page-template-page-exhibits header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.page-template-page-news header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.page-template-page-press header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.page-template-page-contact header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.page-template-page-contribute-to-site header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.news-single header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.press-single header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover,
.contribute header.row:not(.short-menu) nav.top-bar-menu ul li a:not(.button):hover {
    color: #D3A16C
}

.page-template-page-interviews header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.page-template-page-exhibits header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.page-template-page-news header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.page-template-page-press header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.page-template-page-contact header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.page-template-page-contribute-to-site header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.news-single header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.press-single header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover,
.contribute header.row:not(.short-menu) nav.top-bar-menu ul li a.button:hover {
    background-color: #D3A16C
}

.page-template-page-interviews header.short-menu nav.top-bar-menu ul li a:hover,
.page-template-page-exhibits header.short-menu nav.top-bar-menu ul li a:hover,
.page-template-page-news header.short-menu nav.top-bar-menu ul li a:hover,
.page-template-page-press header.short-menu nav.top-bar-menu ul li a:hover,
.page-template-page-contact header.short-menu nav.top-bar-menu ul li a:hover,
.page-template-page-contribute-to-site header.short-menu nav.top-bar-menu ul li a:hover,
.news-single header.short-menu nav.top-bar-menu ul li a:hover,
.press-single header.short-menu nav.top-bar-menu ul li a:hover,
.contribute header.short-menu nav.top-bar-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.5)
}

blockquote p {
    line-height: 1.25em !important
}

[id^="video-placeholder"] {
    position: relative;
    padding-bottom: 60%;
    width: 100%
}

[id^="video-placeholder"] iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%
}

[id^="video-placeholder"] .title {
    position: absolute;
    color: #fff;
    text-align: left !important;
    width: calc(100% - 2rem);
    height: auto;
    min-height: 4rem;
    padding: 1rem;
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 20%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 20%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 20%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    pointer-events: none;
    z-index: 1
}

[id^="video-placeholder"]:hover .title:after {
    color: #D3A16C
}

[id^="video-placeholder"] ~ em strong {
    font-family: "franklin-gothic-urw", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    color: #443F3B;
    padding: 0
}

.about-single .single-about {
    margin-top: -540px
}

.home .sub-art-img a:hover img {
    opacity: .5
}

.home .sub-art-title a {
    line-height: 1em
}

.home .sub-art-title a:focus {
    outline: none
}

.home .sub-art-title a:hover {
    color: #D3A16C !important
}

.contribute .ancillary p {
    font-size: 1.15em;
    line-height: 1.5em
}

.contribute .ancillary p strong {
    font-family: "GT-Sectra-Bold", serif;
    font-weight: 400
}

.page-template-page-contribute-to-site .ancillary form input[type="checkbox"] {
    background: #fff;
    display: block;
    border: 1px solid;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 0;
    float: left;
    position: relative
}

.page-template-page-contribute-to-site .ancillary form input[type="checkbox"]:checked:after {
    content: "\f00c";
    display: block;
    position: absolute;
    font-family: 'FontAwesome';
    top: -2px
}

.page-template-page-contact .ancillary .col:first-child p,
.page-template-page-contribute-to-site .ancillary .col:first-child p {
    font-size: 1.15em;
    line-height: 1.5em
}

.secondary-button,
.secondary-button:visited {
    font-family: "franklin-gothic-urw", sans-serif;
    padding: 0.75rem;
    background: #D3A16C;
    border: 0px !important;
    color: #fff !important;
    margin-top: 0.5rem;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 16px
}

.secondary-button:hover,
.secondary-button:visited:hover {
    background: #112644
}

.ancillary.row p a.secondary-button,
.ancillary.row p a.secondary-button:visited {
    color: #fff
}

.navbar.navbar-inverse {
    position: fixed;
    height: 60px;
    background: #112644;
    width: 100vw;
    display: inline-block;
    z-index: 99999999999999999999;
    bottom: 0
}

.navbar.navbar-inverse .nav-collapse.collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px
}

.navbar.navbar-inverse .navbar-inner button {
    display: none
}

.navbar.navbar-inverse ul.nav {
    display: flex
}

.navbar.navbar-inverse ul.nav li {
    font-family: "franklin-gothic-urw", sans-serif;
    margin-left: 20px
}

.navbar.navbar-inverse ul.nav li a,
.navbar.navbar-inverse ul.nav li a:visited,
.navbar.navbar-inverse ul.nav li a:active {
    color: #fff
}

.navbar.navbar-inverse ul.nav li a:hover {
    color: #D3A16C
}

.navbar.navbar-inverse .pull-right {
    margin-right: 40px
}

.navbar.navbar-inverse .pull-right li a,
.navbar.navbar-inverse .pull-right li a:visited,
.navbar.navbar-inverse .pull-right li a:active {
    color: #D3A16C !important
}

.navbar.navbar-inverse .pull-right li a:hover {
    color: #fff !important
}

.leaflet-popup-content .marker-title {
    font-weight: 500 !important;
}

/* KEYS FOR MAPS */

sidebar.references {
    position: absolute;
    background: rgba(255,255,255,.25);
    right: 0;
    top: 200px;
	-webkit-transform:translateX(calc(100% - 56px));
	-ms-transform:translateX(calc(100% - 56px));
	transform:translateX(calc(100% - 56px));
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
    transition: all 0.1s;
}
sidebar.references:hover {
	background:rgba(255,255,255,1);
	-webkit-transform:translateX(calc(0% - 0px));
	-ms-transform:translateX(calc(0% - 0px));
	transform:translateX(calc(0% - 0px));
	cursor:pointer;
}
sidebar.references h3 {
	font-family: "franklin-gothic-urw";
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height:45px;
	font-size: 0.875em;
	padding:0 1rem;
	margin-bottom:0;
}
sidebar.references h3::before {
	content: '';
	display: block;
	background-image: url(../images/info.png);
	width: 32px;
	height: 44px;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-right: 10px;
}
sidebar.references ul {
	padding:0.5rem 1.5rem 1rem 1rem;
}
sidebar.references ul li {
	font-family: "franklin-gothic-urw";
	font-weight: 300;
}
sidebar.references ul li::before {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
sidebar.references:hover ul li::before {
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0);
}