/* core.css - Base Styles - media: all */
@import "font-awesome.css";
/* ============================================================
    Defaults
============================================================ */
html, body {
    margin: 0; padding: 0;
    height: 100%;
}
body {
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 87.5%; /* 14px */
    color: #333;
    line-height: 1.4;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
}

/* Sectioning */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0.75em 0 0.3em 0; padding: 0;
    line-height: 1;
    text-rendering: optimizeLegibility;
    }
    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0.5em;
    }
h1, .font-40 {
    font-size: 2.857em; /*40px*/
}
h2, .font-28 {
    font-size: 2em; /*28px*/
}
h3 {
    font-weight: normal;
}
h3, .font-20 {
    font-size: 1.429em; /*20px*/
}
h4, .upper {
    text-transform: uppercase;
}
h4, h5, h6, .font-16 {
    font-size: 1.143em; /*16px*/
}
.font-24 {
    font-size: 1.714em; /*24px*/
}
.font-14 {
    font-size: 1em; /*14px*/
}
.font-12 {
    font-size: 0.857em; /*12px*/
}
.font-10 {
    font-size: 0.786em; /*11px*/
}
hr {
    border: none;
    border-bottom: 1px solid #D5D0D0;
    background: none;
    height: 0;
    margin: 0.5em 0 1em;
}

/* Block */
p {
    margin: 0 0 1em 0; padding: 0;
}
blockquote {
    margin: 0.5em 0;
    font-size: 1.071em; /*15px*/
    overflow: hidden;
    font-weight: normal;
    border-top: 1px solid #D5D0D0;
    border-bottom: 1px solid #D5D0D0;
    padding: 0.5em 0 0;
}
blockquote p {
    margin: 0 0 0.5em;
}
blockquote p:first-child:before {
    display: inline-block;
    content: url(quote-opening.png);
    margin-right: 0.5em;
    width: 20px;
    height: 18px;
}
blockquote p:last-child:after {
    float: right;
    content: url(quote-closing.png);
    margin-left: 0.5em;
    width: 20px;
    height: 18px;
}
pre {
    padding: 1em;
    margin: 1em 0;
}
pre,
code {
    font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
    font-size: 1em; /*14px*/
    background-color: #F9F9F9;
}

/* Lists */
ul {
    list-style: square outside url(bullet.png);
    padding-left: 1em;
    margin: 0;
}
ol {
    list-style: decimal outside;
}
ul p {
    margin-bottom: 0.5em;
}
li {
    padding-bottom: 0.5em;
}
dl {
    margin: 1em 0;
}
dd {
    margin: 0 0 2em 0;
    border-bottom: 1px solid #D5D0D0;
}

/* Text */
mark {
    font-weight: bold;
    background-color: #ffc;
    padding: 0.2em;
}
q, blockquote {
    color: #94368D;
}
q:before, q:after {
    content: '';
}
q {
    quotes: none;
}
cite {
    text-transform: uppercase;
    color: #817474;
    font-style: normal;
}
cite.under-blockquote {
    display: block;
    font-size: 0.643em; /* 9px */
    font-weight: bold;
    margin-top: -0.5em;
    margin-bottom: 2em;
}

/* Links */
a:link,
a:visited,
.a {
    color: #005870;
    font-weight: bold;
    text-decoration: none;
}
a:hover,
a:focus,
.a:hover,
.a:focus {
    color: #408294;
    text-decoration: underline;
}
a:active,
.a:active {
    color: #005870;
}
a.muted {
    color: #333;
}
a.muted:hover,
a.muted:focus {
    color: #408294;
    text-decoration: underline;
}
a.muted:active {
    color: #005870;
}

/* Forms */
form {
    margin: 0;
    padding: 0;
}
input,
textarea,
select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=text],
input[type=password],
input[type=search],
input[type=tel],
input[type=email],
input[type=number],
textarea {
    font-size: 1.071em; /*15px*/
    padding: 0.5em 0.25em;
    width: 20em;
    width: 100%;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
select,
fieldset input[type=checkbox] {
    margin: 0.75em 0;
}
select[multiple] {
    margin: 0;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.5);
}
input[type=text].full,
input[type=password].full,
input[type=search].full,
input[type=tel].full,
input[type=email].full,
input[type=number].full,
select.full {
    width: 100%;
}
input:hover,
select[multiple]:hover {
    border-color: #817474;
}
input:focus,
select[multiple]:focus {
    border-color: #333;
    outline: none;
}
input[type=submit],
input[type=reset],
.button {
    display: inline-block;
    font-size: 0.857em; /*12px*/
    margin: 0 0.2em 0 0;
    padding: 0.5em 1em;
    background-color: #005870;
    border: none;
    color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
input[type=submit]:hover,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
.button:hover,
.button:focus {
    background-color: #408294;
    text-decoration: none;
}
input.purple[type=submit],
input[type=reset],
.button.purple {
    background-color: #221f1f;
}
input.purple[type=submit]:hover,
input.purple[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
.button.purple:hover,
.button.purple:focus {
    background-color: #333;
}
a.button,
.button a {
    color: #FFF;
}
input[type=search] {
    -webkit-appearance:none;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none;
}
fieldset {
    border: 0 none;
    padding: 0;
}
label {
    display: block;
    padding: 0.25em 0;
    font-size: 0.857em;
}
label.inline {
    width: auto;
    display: inline;
    float: none;
    clear: none;
    min-width: none;
    margin-right: 0.5em;
    padding: 0;
    text-align: left;
}
input[type=text].inline,
select.inline {
    display: inline;
    width: auto;
    float: none;
    margin-right: 0.5em;
}
select.no-margin {
    margin: 0;
}
.error,
.errors {
    color: #F2F0EE;
}
.callout .error,
.callout .errors {
    color: #AF0000;
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    width: 100%;
    font-size: 1em;
    margin-bottom: 1em;
}
table th,
table td {
    padding: 0.5em;
    vertical-align: top;
}
/* .library-site table th, */
 .library-site table td {
    border: none;
    border-top: 1px solid #D5D0D0;
}
table th {
    font-weight: bold;
    text-align: left;
}
table thead th,
table thead td {
    background-color: #F2F0EE;
    color: #333;
    font-weight: bold;
    border-top: none;
    border-left: 2px solid #FFF;
    text-align: left;
    vertical-align: bottom;
}
table thead th:first-child,
table thead td:first-child {
    border-left: none;
}
table thead th {
    text-transform: uppercase;
}
table.checklist-table img {
    display: block;
    margin: 0 auto;
}
table .text-right a {
    margin: 0 0 0 0.75em;
}
/* MOH tables specific
table[frame="box"] th,
table[frame="box"] td {
    border: none;
    border-top: 1px solid #D5D0D0;
}
*/
/* Media */
img {
    max-width: 100%;
    vertical-align: bottom;
    border: 0 none;
}
figure,
figcaption {
    margin: 0;
    padding: 0;
}
.figure img {
    width: 100%;
}
.figure.float-left,
.figure.float-right {
    width: 240px;
}
.figure .caption {
    background-color: #F2F0EE;
    padding: 0 1em;
    overflow: hidden;
    margin-bottom: 1em;
    font-size: 0.857em;
}
.figure .caption h6 {
    font-size: 1em; /* 14px */
    line-height: 1.143; /* 16px */
    margin-top: 1em;
}


/* ============================================================
    Classes
============================================================ */
/* Alignment */
.relative {
    position: relative;
}
img.expand {
    width: 100%;
}
.float-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
.float-right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}
.clear {
    display: block;
    clear: both;
}
img.float-left,
img.float-right {
    margin-bottom: 0.75em;
}
.beside-float {
    margin-left: 9.5em;
    padding-left: 1em;
}
.beside-float p {
    font-size: 0.929em; /*13px*/
}
.beside-float + p .action {
    clear: both;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
img.alignright {
    float: right;
    margin: 0 0 1em 1em
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Typographic styles */
h2.content-title {
    font-size: 2em; /*28px*/
    border-top: 1px solid #D5D0D0;
    margin-top: 0.714em; /*10px*/
    padding-top: 0.857em; /* 12px */
    margin-bottom: 1em;
    margin-top: 0;
}
.separator {
    border-bottom: 1px solid #333;
    margin-top: 1.5em;
    padding-bottom: 5px; padding-bottom: 0.3125rem;
    margin-bottom: 5px; margin-bottom: 0.3125rem;
}
.separated {
    border-top: 1px solid #333;
    padding-top: 0.5em;
}
.sub-separator {
    border-top: 1px solid #CDCDCD;
    padding-top: 10px; padding-top: 0.625rem;
    margin-top: 10px; margin-top: 0.625rem;
}
.meta {
    font-size: 10px;
    font-weight: bold;
    color: #817474;
    text-transform: uppercase;
    margin-top: -0.5em 0 1em 0;
}
.leading {
    font-size: 1.429em; /*20px*/
    margin: 0 0 1.286em;
    line-height: 1.2;
}
.dominant {
    display: block;
    min-height: 3em;
    background-color: #F2F0EE;
    border-bottom: 2px solid #D5D0D0;
    margin: 0 0 0.75em 0;
    padding: 0.75em;
    text-transform: none;
}
h3.dominant,
.dominant h3 {
    font-size: 1.286em; /*18px*/
}
.dominant h3 {
    margin: 0;
}
h3.dominant {
    margin: 0 0 0.5em 0;
    padding: 0.5em;
    min-height: 2em;
}
.dominant a {
    display: block;
    min-height: 2em;
    margin: -0.5em;
    padding: 0.5em;
    text-decoration: none;
}

/* Wraps */
.has-js .js-hide {
    display: none;
}
.page-wrap {
    background-color: #F2F0EE;
    min-height: 100%;
    position: relative;
    z-index: 10;
}
.has3d .page-wrap {
    -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);
}
.wrap {
    padding: 0 8px;
    margin: 0 auto;
    clear: left;
    }
    .wrap:before,
    .wrap:after {
        content: " ";
        display: table;
    }
    .wrap:after {
        clear: both;
    }
.wrap-gallery {
    padding: 0;
}
.section {
    background-color: #FFF;
    padding-bottom: 2em;
    clear: both;
}

/* Grid pattern */
.grid-pattern {
    padding-bottom: 0;
}
.grid-pattern .wrap {
    padding: 0;
}

/* Action Links */
.action,
a.action.black,
input.action {
    text-transform: none;
    padding: 0 0 0 16px;
    display: inline-block;
}
.action:before,
a.action.black:before,
input.action:before {
    width: 15px;
    height: 21px;
    background: url(sprite.png) 0 -997px no-repeat;
    content: "";
    display: inline-block;
    margin-left: -16px;
    margin-bottom: -5px;
    margin-right: 3px;
}
input.action {
    text-transform: none;
    color: #005870;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
input.action:hover,
input.action:focus {
    color: #408294;
    text-decoration: underline;
    background-color: transparent;
}
input.action:active {
    color: #005870;
}
.font-14 .action:before,
.font-14 a.action.black:before,
.action.font-14:before,
a.action.black.font-14:before {
    background: url(sprite.png) 0 -998px no-repeat;
}
.font-14 .action,
.font-14 a.action.black,
.action.font-14,
a.action.black.font-14 {
    display: inline-block;
    padding-left: 16px;
}
a.action:before,
.action.blue:before,
input.action:before {
    background-position: 0 -1097px;
}
.font-14 a.action:before,
a.action.font-14:before {
    background-position: 0 -1097px;
}
.action.green:before {
    background-position: 0 -1197px;
}
.action.document:before {
    background-position: 0 -1298px;
}
.action.rss:before {
    background-position: 0 -1397px;
}
.action.back:before {
    background-position: 0 -2497px;
}
.action.delete:before {
    background-position: 0 -2897px;
}
.action.help:before {
    background-position: 0 -2997px;
}
.action.note:before {
    background-position: 0 -3297px;
}
.action.add-note:before {
    background-position: 0 -3347px;
}
.action.soft:before,
.action.soft.blue:before {
    background-position: 0 -1497px;
}
.font-14 a.action.soft:before,
a.action.font-14.soft:before {
    background-position: 0 -1495px;
}
.action.soft.green:before {
    background-position: 0 -1597px;
}
.font-14 a.action.soft.green:before,
a.action.font-14.soft.green:before {
    background-position: 0 -1595px;
}
.action.square:before {
    background-position: 0 -3797px;
}
.font-14 .action.square:before,
.action.font-14.square:before {
    background-position: 0 -3797px;
}
.action.clear:before {
    display: block;
}

/* Plain List */
ul.plain-list {
    list-style: none;
    list-style-image: none;
    padding: 0;
    font-size: 0.928571429em;
}
ul.plain-list ul {
    padding-left: 1em;
}

/* Contents List */
.contents-list {
    background: #F2F0EE;
    border-bottom: 2px solid #D5D3D4;
    padding: 1em 1em 0.5em;
}
.contents-list h5 {
    margin-top: 0;
    margin-bottom: 1em;
}
.contents-list ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.contents-list ul a {
    padding-left: 16px;
    background: url(sprite.png) 0 -1098px no-repeat;
}

/* Tooltip */
.tooltip {
    font-size: 0.857em; /*12px*/
    margin: 0.1667em 0.6667em;
    position: relative;
}
.tooltip-icon {
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    background-color: #398196;
    width: 1.4545em;
    height: 1.4545em;
    border-radius: 0.7272em;
    display: inline-block;
    text-align: center;
}

.tooltip-content {
    color: #fff;
    background-color: #333;
    background-color: rgba(0,0,0,0.8);
    padding: 0.3333em 0.5em;
    position: absolute;
    display: none;
    bottom: 20px;
    left: 0;
}
.tooltip-icon:hover + .tooltip-content {
    display: block;
    min-width: 15em;
    max-width: 30em;
}
.tooltip-content:before {
    content: "";
    position: absolute;
    border: 0.5em solid;
    border-color: #333 transparent transparent;
    border-color: rgba(0,0,0,0.8) transparent transparent;
    bottom: -1em;
    left: 2px;
}

/* Resources */
.resources {
    font-size: 0.929em; /*13px*/
    list-style: none;
    list-style-image: none;
    margin-top: 1em;
    padding: 0;
}
.resources li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 0.5em;
}
.resources li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: url(sprite.png) 0 -1098px no-repeat;
}
.resources li.external:before {
    background-position: 0 -1198px;
}
.resources li.document:before {
    background-position: 0 -1300px;
}
.resources p {
    margin-bottom: 0.25em;
}
.resources a {
    font-size: 1em; /*14px*/
}

/* Search */
.header .search input[type=search],
.global-menu .search input[type=search],
.section.search input[type=search] {
    margin: 0;
}
.header .search input[type=search] {
    border-color: #D5D0D0;
}
.header .search input[type=submit],
.global-menu .search input[type=submit],
.section.search input[type=submit] {
    display: block;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background: url(sprite.png) 0 -50px no-repeat;
    text-indent: -9999px;
    width: 2.2em;
    height: 2.2em;
    margin: 0;
    padding: 0.25em;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0.8;
}
.header .search input[type=submit]:hover,
.header .search input[type=submit]:focus,
.global-menu .search input[type=submit]:hover,
.global-menu .search input[type=submit]:focus,
.section.search input[type=submit]:hover,
.section.search input[type=submit]:focus {
    opacity: 1;
}

.global-menu .search .relative {
    display: flex;
    flex-wrap: wrap;
}

.global-menu .search .search-type {
    order: 2;
}

.global-menu .search .search-field {
    order: 1;
}

.global-menu .search label {
    font-weight: bold;
}

.global-menu .search label small {
    font-weight: normal;
}


/* Search section */
.section.search {
    background-color: #005870;
    color: #FFF;
    padding-bottom: 0;
    margin-bottom: 0.5em;
}
.section.search input[type=search] {
    margin-bottom: 0.5em;
    border: 2px solid #C2D7DD;
}
.section.search .search-form {
    max-width: 670px;
    position: relative;
}
.section.search h3 {
    text-transform: none;
    margin-top: 0.65em;
}
.section.search a {
    color: #FFF;
}
.section.search input[type="submit"].button {
    color: #005870;
    font-weight: bold;
    text-indent: 0;
    background: #fff none;
    padding: 0.5em 0.75em;
    position: relative;
    width: auto;
    height: auto;
    float: right;
    opacity: 1;
}
.section.search input[type="submit"].button:hover {
    color: #003850;
}

/* Section strip  */
.section-strip {
    font-size: 1.143em; /*16px*/
    color: #FFF;
    padding: 0.3em 0.5em 0.2em;
    margin-bottom: 0.75em;
    background-color: #333;
}
.section-strip.blue {
    background-color: #408294;
}
.section-strip.green {
    background-color: #00A57F;
}
.section-strip.purple {
    background-color: #94368D;
}
.section-strip.brown {
    background-color: #817474;
}
.section-strip.red {
    background-color: #E91C29;
}
.section-strip.yellow {
    background-color: #FFB81D;
    color: #333;
}
.section-strip.orange {
    background-color: #F36320;
}

/* Article List */
.article-list {
    list-style: none;
    list-style-image: none;
    padding: 0;
}
.article-list li {
    overflow: hidden;
    border-bottom: 1px solid #D5D0D0;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}
.article-list img {
    float: left;
}
.article-list .beside {
    margin-left: 170px;
}
.article-list h4 {
    margin-top: 0;
}

/* Properties list */
dl.properties {
    color: #666;
    overflow: hidden;
}
dl.properties dt {
    font-weight: bold;
    float: left;
    clear: left;
    width: 50%;
}
dl.properties dd {
    border: 0 none;
    margin: 0;
    float: left;
    width: 50%;
}

/* Related list */
ul.related {
    clear: both;
    list-style: none;
    list-style-image: none;
    margin: 0.5em 0;
    padding: 0;
    border-bottom: 1px solid #D5D0D0;
}
ul.related li {
    border-top: 1px solid #D5D0D0;
    padding: 0.5em 0;
}

/* Social links */
ul.social-links {
    list-style: none;
    list-style-image: none;
    margin-top: 1em;
    padding: 1em 0 0;
    border-top: 1px solid #D5D0D0;
    overflow: hidden;
}
ul.social-links li {
    float: left;
    padding: 0;
    font-size: 12px;
}
ul.social-links .fb-like {
    margin-right: 1em;
}
ul.social-links .twitter-share-button {
    margin-right: 1em;
}
ul.social-links a.addthis_button_email,
ul.social-links a.addthis_button_compact {
    font-weight: normal;
    color: #333;
    display: block;
    border: 1px solid #D5D0D0;
    padding: 1px 0.5em;
    margin-right: 1em;
    text-shadow: 0 1px 0 #FFF;
    background: #EEE;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    -ms-box-shadow: inset 0 1px 0 #FFF;
    -o-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
ul.social-links a.addthis_button_email:hover,
ul.social-links a.addthis_button_email:focus,
ul.social-links a.addthis_button_compact:hover,
ul.social-links a.addthis_button_compact:focus {
    background-color: #DDD;
    border-color: #BBB;
    text-decoration: none;
}
ul.social-links a.addthis_button_email span {
    padding-left: 20px;
    background: url(sprite.png) 0 -1700px no-repeat;
}
ul.social-links a.addthis_button_compact span {
    padding-left: 16px;
    background: url(sprite.png) 0 -1800px no-repeat;
}

/* Sitemap list */
ul.sitemap-list,
ul.sitemap-list ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
ul.sitemap-list {
    margin-bottom: 2em;
}
ul.sitemap-list li {
    border-top: 1px solid #D5D0D0;
    padding: 0.5em 0;
}
ul.sitemap-list li:first-child {
    border-top: none;
}
ul.sitemap-list a {
    display: block;
    font-size: 1em; /*14px*/
    padding-left: 16px;
    background: url(sprite.png) 0 -1097px no-repeat;
}
ul.sitemap-list ul {
    padding-left: 4em;
}
ul.sitemap-list ul li {
    border-top: none;
    padding: 0 0 0.25em;
}
ul.sitemap-list ul a {
    font-size: 0.857em; /*12px*/
    background-position: 0 -1100px;
    color: #333;
}
ul.sitemap-list ul a.more {
    color: #94368D;
    background-position: 0 -3600px;
    margin-left: 3em;
}
ul.sitemap-list ul ul {
    padding-left: 3em;
}

/* Opening times */
table.opening-times td,
table.opening-times th {
    border-right: none;
    border-bottom: 2px solid #FFF;
    background-color: #F2F0EE;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
}

/* To top link */
a.to-top {
    display: block;
    text-align: right;
    margin: 0.5em 0;
    border-bottom: 4px solid #211F1F;
    color: #005870;
    padding: 0.25em 36px 0.25em 0;
    background: url(sprite.png) right -924px no-repeat;
    clear: both;
}

a.to-top-alt {
    border-bottom: none;
    margin-bottom: 0;
}

/* Alerts and feedback */
/*
alert.options > .alert__row > .alert__content
Options
.danger, .warning, .info, .success, .standard .alert-swatch-* - colour
.alert-sm - smaller icon
.has-icon .icon-* - shows icon

*/
.alert {
    padding: 10px;
}

.alert__row {
    max-width: 76.286em;
    margin: 0 auto;
    padding: 0 5%;
}

/* alert size */

.alert.alert-sm {
    padding: 5px 0px;
}
.alert.alert-sm.has-icon .alert__content {
    padding-left: 25px;
}
.alert.alert-sm.has-icon .alert__row:before {
    font-size: 1.5rem;
    width: 20px;
    line-height: 1.4em;
}

    /* alert typography */
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5 {
    font-weight: bold;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}
.alert p {
    padding: 5px 0;
    margin: 0px;
}
/* ---------- alert icons ---------- */

.alert.has-icon .alert__content {
    padding-left: 55px;
}

.alert.has-icon .alert__row {
    position: relative;
}

.alert.has-icon .alert__row:before {
    font-family: "FontAwesome";
    position: absolute;
    font-size: 2.4em;
    line-height: 0.9em;
    text-align: center;
    width: 45px;
}

/**/
.alert.has-icon.icon-check .alert__row:before {
    content: "\f00c";
}

.alert.has-icon.icon-times .alert__row:before {
    content: "\f00d";
}

.alert.has-icon.icon-exclamation .alert__row:before {
    content: "\f12a";
}

.alert.has-icon.icon-question .alert__row:before {
    content: "\f128";
}


.alert.has-icon.icon-clock .alert__row:before {
    content: "\f017";
}

/* ---------- alert colours ---------- */

/* swatches */

.alert.danger,
.alert-swatch-a-100 {
    background-color: #E91C29;
}

.alert-swatch-a-75 {
    background-color: #EF555F;
}

.alert-swatch-a-50 {
    background-color: #F48D94;
}

.alert-swatch-a-25 {
    background-color: #F9C6C9;
}

.alert.standard,
.alert-swatch-b-100 {
    background-color: #FFB81D;
}

.alert-swatch-b-75 {
    background-color: #FFCA56;
}

.alert-swatch-b-50 {
    background-color: #FFDB8E;
}

.alert-swatch-b-25 {
    background-color: #FFEDC6;
}

.alert.warning,
.alert-swatch-c-100 {
    background-color: #F36320;
}

.alert-swatch-c-75 {
    background-color: #F68A58;
}

.alert-swatch-c-50 {
    background-color: #F9B18F;
}

.alert-swatch-c-25 {
    background-color: #FCD8C7;
}

.alert.success,
.alert-swatch-d-100 {
    background-color: #00A57F;
}

.alert-swatch-d-75 {
    background-color: #40BC9F;
}

.alert-swatch-d-50 {
    background-color: #7FD2BF;
}

.alert-swatch-d-25 {
    background-color: #BFE8DF;
}

.alert-swatch-e-100 {
    background-color: #94368D;
}

.alert-swatch-e-75 {
    background-color: #AF68AA;
}

.alert-swatch-e-50 {
    background-color: #C99AC6;
}

.alert-swatch-e-25 {
    background-color: #E4CDE2;
}

.alert.info,
.alert-swatch-f-100 {
    background-color: #005870;
}

.alert-swatch-f-75 {
    background-color: #408294;
}

.alert-swatch-f-50 {
    background-color: #7FABB7;
}

.alert-swatch-f-25 {
    background-color: #BFD5DB;
}

.alert-swatch-g-100 {
    background-color: #CCC4BC;
}

.alert-swatch-g-75 {
    background-color: #D9D3CD;
}

.alert-swatch-g-50 {
    background-color: #E5E1DD;
}

.alert-swatch-g-25 {
    background-color: #F2F0EE;
}

.alert-swatch-h-100 {
    background-color: #574545;
}

.alert-swatch-h-75 {
    background-color: #817474;
}

.alert-swatch-h-50 {
    background-color: #ABA2A2;
}

.alert-swatch-h-25 {
    background-color: #D5D0D0;
}

.alert.danger,
.alert.danger a:link,
.alert.danger a:visited,
.alert.danger a:hover,
.alert.danger a:focus,
.alert.danger a:active,
.alert.warning,
.alert.warning a:link,
.alert.warning a:visited,
.alert.warning a:hover,
.alert.warning a:focus,
.alert.warning a:active,
.alert.success,
.alert.success a:link,
.alert.success a:visited,
.alert.success a:hover,
.alert.success a:focus,
.alert.success a:active,
.alert.info,
.alert.info a:link,
.alert.info a:visited,
.alert.info a:hover,
.alert.info a:focus,
.alert.info a:active,
.alert-swatch-a-100,
.alert-swatch-a-100 a:link,
.alert-swatch-a-100 a:visited,
.alert-swatch-a-100 a:hover,
.alert-swatch-a-100 a:focus,
.alert-swatch-a-100 a:active,
.alert-swatch-a-75,
.alert-swatch-a-75 a:link,
.alert-swatch-a-75 a:visited,
.alert-swatch-a-75 a:hover,
.alert-swatch-a-75 a:focus,
.alert-swatch-a-75 a:active,
.alert-swatch-c-100,
.alert-swatch-c-100 a:link,
.alert-swatch-c-100 a:visited,
.alert-swatch-c-100 a:hover,
.alert-swatch-c-100 a:focus,
.alert-swatch-c-100 a:active,
.alert-swatch-d-100,
.alert-swatch-d-100 a:link,
.alert-swatch-d-100 a:visited,
.alert-swatch-d-100 a:hover,
.alert-swatch-d-100 a:focus,
.alert-swatch-d-100 a:active,
.alert-swatch-e-100,
.alert-swatch-e-100 a:link,
.alert-swatch-e-100 a:visited,
.alert-swatch-e-100 a:hover,
.alert-swatch-e-100 a:focus,
.alert-swatch-e-100 a:active,
.alert-swatch-e-75,
.alert-swatch-e-75 a:link,
.alert-swatch-e-75 a:visited,
.alert-swatch-e-75 a:hover,
.alert-swatch-e-75 a:focus,
.alert-swatch-e-75 a:active,
.alert-swatch-f-100,
.alert-swatch-f-100 a:link,
.alert-swatch-f-100 a:visited,
.alert-swatch-f-100 a:hover,
.alert-swatch-f-100 a:focus,
.alert-swatch-f-100 a:active,
.alert-swatch-f-75,
.alert-swatch-f-75 a:link,
.alert-swatch-f-75 a:visited,
.alert-swatch-f-75 a:hover,
.alert-swatch-f-75 a:focus,
.alert-swatch-f-75 a:active,
.alert-swatch-h-100,
.alert-swatch-h-100 a:link,
.alert-swatch-h-100 a:visited,
.alert-swatch-h-100 a:hover,
.alert-swatch-h-100 a:focus,
.alert-swatch-h-100 a:active,
.alert-swatch-h-75,
.alert-swatch-h-75 a:link,
.alert-swatch-h-75 a:visited,
.alert-swatch-h-75 a:hover,
.alert-swatch-h-75 a:focus,
.alert-swatch-h-75 a:active,
.alert-swatch-h-50,
.alert-swatch-h-50 a:link,
.alert-swatch-h-50 a:visited,
.alert-swatch-h-50 a:hover,
.alert-swatch-h-50 a:focus,
.alert-swatch-h-50 a:active
.alert-swatch-h-50,
.alert-swatch-h-50 a:link,
.alert-swatch-h-50 a:visited,
.alert-swatch-h-50 a:hover,
.alert-swatch-h-50 a:focus,
.alert-swatch-h-50 a:active {
    color: #FFF;
}



/* modal alert */
.modal-alert {
    background: #FFB81D;
    padding: 1em;
    margin: 0.5em 0;
}
.modal-alert p {
    margin: 0;
}

/* Feedback */
.feedback {
    overflow: hidden;
    margin: 0 0 1.5em 0;
    background: #FFEDC6;
    padding: 1.2em 1.2em 1em;
}
.feedback h2 {
    display: inline;
    font-size: 1.071em; /*14px*/
    display: inline;
    padding-right: 0.5em;
}
.feedback p {
    display: inline;
    margin: 0;
    font-size: 0.857em; /*12px*/
}

/* Callout */
.callout {
    background-color: #F2F0EE;
    margin-bottom: 2em;
    padding: 0.75em 0.75em 0;
    border-top: 1px solid #333;
    overflow: hidden;
}
.callout h3 {
    text-transform: none;
    font-size: 1.429em; /*20px*/
    margin-top: 0.25em;
}
.callout blockquote {
    border: none;
    padding: 0;
}
@media all and (min-width: 31.25em) {
    .callout img {
        float: left;
        margin-right: 1em;
        margin-bottom: 1em;
        max-width: 50%;
    }
}
.callout-subtle {
    border: none;
}

/* Prev/next navigation */
.prev-next-nav {
    list-style: none;
    overflow: hidden;
    margin-top: -3.6667em;
}
.prev-next-nav li {
    font-size: 0.786em; /*11px*/
    line-height: 1;
    float: left;
    margin-left: 1.0909em;
    padding: 0;
}
.prev-next-nav a {
    text-decoration: none;
}
.prev-next-nav a span {
    background: #E0ECEF url(sprite.png) no-repeat;
    margin-bottom: 0.5454em;
    padding: 0.7272em;
    width: 2.9090em;
    height: 2.9090em;
    display: block;
    overflow: hidden;
    text-indent: -2.9090em;
}
.prev-next-nav a:hover span {
    opacity: 0.8;
}
.prev-next-nav a[rel="prev"] span {
    background-position: 14px -4688px;
}
.prev-next-nav a[rel="next"] span {
    background-position: 16px -4788px;
}

/* Section navigation */
.section-nav {
    display: none;
}
.children-nav {
    display: none;
    margin: 0 -8px 1em -8px;
    overflow: hidden;
}
.children-nav.show {
    display: block;
}
.children-nav,
.children-nav ul,
.children-nav ul ul,
.children-nav ul ul ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
}
.children-nav li {
    padding: 0;
}
.children-nav a {
    color: #333;
    display: block;
    padding: 0.5em 0.5em 0.5em 26px;
    font-size: 1.143em; /*16px*/
    background: url(sprite.png) 8px -1588px no-repeat;
    border-bottom: 1px solid #999;
}
.children-nav a:hover,
.children-nav a:focus {
    color: #408294;
    background-color: #F9F9F9;
    text-decoration: none;
}
.children-nav a:active {
    color: #005870;
}
.children-nav-toggle {
    display: inline-block;
    width: 16px;
    margin: 0.5em 0;
    padding: 8px;
    border: 1px solid #97989B;
    vertical-align: top;
    opacity: 0.9;
}
.children-nav-toggle:hover,
.children-nav-toggle:focus {
    opacity: 1;
}
.children-nav-toggle span {
    display: block;
    background: #FFF url(sprite.png) 0 -900px no-repeat;
    text-indent: -9999px;
}
.children-nav-toggle.active span {
    background-position: 0 -930px;
}

/* Tabs */
ul.tabs {
    list-style: none;
    list-style-image: none;
    margin: 0.5em 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 4px solid #211F1F;
}
ul.tabs.reversed {
    border-top: 4px solid #211F1F;
    border-bottom: none;
}
ul.tabs li {
    float: left;
    margin-right: 0.75em;
    padding: 0;
}
ul.tabs li:last-child {
    margin-right: 0;
}
ul.tabs a {
    display: block;
    padding: 0.25em 0.5em;
    font-size: 1.429em; /*20px*/
    background: #F2F0EE;
    font-weight: normal;
}
ul.tabs a:hover,
ul.tabs a:focus {
    background: #F8F7F6;
    text-decoration: none;
}
ul.tabs a:active {
    background: #F2F0EE;
}
ul.tabs a.current {
    font-weight: bold;
    background: #211F1F;
    color: #FFF;
    cursor: default;
}
h4.beside-tabs {
    border-bottom: 4px solid #211F1F;
    margin-top: 1em;
    padding-bottom: 0.2em;
}

/* Pagination */
.pagination {
    list-style: none;
    list-style-image: none;
    margin: 0 0 1em;
    padding: 0;
    font-size: 0.857em; /*12px*/
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}
.pagination li {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
}
.pagination ol li,
.pagination li.prev,
.pagination li.next {
    margin: 0;
    min-width: 1em;
    min-height: 1em;
    line-height: 1;
    padding: 0.5em;
    background: #999;
}
.pagination li.prev,
.pagination li.next,
.pagination li.prev a,
.pagination li.next a {
    text-indent: -9999px;
    background-image: url(sprite.png);
    background-repeat: no-repeat;
    width: 1em;
}
.pagination li.prev {
    float: left;
}
.pagination li.next {
    float: right;
}
.pagination li.prev,
.pagination li.prev a {
    background-position: -10px -712px;
}
.pagination li.next,
.pagination li.next a {
    background-position: -11px -762px;
}
.pagination li a {
    display: block;
    color: #FFF;
    background-color: #005870;
    -webkit-font-smoothing: antialiased;
    margin: -0.5em;
    padding: 0.5em;
}
.pagination li a:hover,
.pagination li a:focus {
    text-decoration: none;
    background-color: #408294;
}
.pagination ol {
    display: block;
    text-align: center;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.pagination ol li {
    display: inline-block;
    background: transparent;
    margin: 0 0.25em 0.5em 0;
}
.pagination ol li.current {
    background: #333;
    color: #FFF;
    position: relative;
    font-weight: bold;
}
.pagination ol li:first-child {
    margin-left: 0;
}

/* Alphabet */
ul.alphabet-links {
    list-style: none;
    list-style-image: none;
    overflow: hidden;
    margin: 2em 0;
    padding: 0;
    max-width: 41em;
}
ul.alphabet-links li {
    padding: 0 0.5em 0.5em 0;
    font-size: 1.429em; /*20px*/
    float: left;
    line-height: 1;
}
ul.alphabet-links a,
ul.alphabet-links span {
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    font-weight: normal;
}
ul.alphabet-links a {
    background-color: #005870;
    border: 1px solid #005870;
    padding: 0.25em;
    color: #FFF;
}
ul.alphabet-links a:hover,
ul.alphabet-links a:focus {
    background-color: #408294;
    text-decoration: none;
}
ul.alphabet-links span {
    border: 1px solid #D5D0D0;
    padding: 0.25em;
    color: #999;
}
.alphabet-letter {
    display: block;
    font-size: 3.429em; /*48px*/
    background: #333;
    color: #FFF;
    padding: 0.1em;
    line-height: 1;
    width: 1em;
    height: 1em;
    text-align: center;
    font-weight: bold;
    float: left;
}
.beside-alpabet-letter {
    margin-left: 1em;
}

/* Superguide */
li.superguide {
    margin-left: -0.5em;
    padding-bottom: 0;
    margin-bottom: 0.5em;
    overflow: hidden;
}
li.superguide a,
li.superguide a:hover,
li.superguide a:focus {
    display: block;
    text-decoration: none;
}
li.superguide p {
    margin: 0;
    padding: 0.25em 0.5em;
}
li.superguide p.action {
    padding-left: 1.5em;
    display: block;
}
li.superguide a:hover p.action {
    text-decoration: underline;
}
li.superguide .float-left {
    margin-bottom: 0;
}
li.superguide .summary {
    background: url(promo-white.png) right bottom no-repeat;
    color: #FFF;
    min-height: 40px;
}
li.superguide a:hover .summary {
    opacity: 0.9;
}
li.superguide .summary p {
    padding: 0.75em;
    font-weight: bold;
    font-size: 0.857em; /*12px*/
}
li.superguide.img .summary {
    min-height: 70px;
}
li.superguide.img .summary p {
    padding-left: 150px;
}
li.superguide,
li.superguide.blue {
    background-color: #BFD5DB;
    color: #333;
}
li.superguide p.action:before,
li.superguide.blue p.action:before {
    background-position: 5px -1097px;
    width: 19px;
}
li.superguide .summary,
li.superguide.blue .summary {
    background-color: #005870;
}
li.superguide.black {
    background-color: #D5D0D0;
}
li.superguide.black .summary {
    background-color: #333;
    color: #FFF;
}
li.superguide.white {
    background-color: #FFF;
    color: #333;
    border: 1px solid #333;
}
li.superguide.white p.action {
    color: #333;
    border-bottom: 1px solid #333;
}
li.superguide.white .summary {
    background-color: #FFF;
    color: #333;
}
li.superguide.green {
    background-color: #BFE8DF;
}
li.superguide.green p.action {
    color: #008A6B;
}
li.superguide.green .summary {
    background-color: #00A57F;
}
li.superguide.purple {
    background-color: #EBCCEB;
}
li.superguide.purple p.action {
    color: #94368D;
}
li.superguide.purple .summary {
    background-color: #94368D;
}
li.superguide.orange {
    background-color: #FDE2D5;
}
li.superguide.orange p.action {
    color: #D5551D;
}
li.superguide.orange .summary {
    background-color: #F36320;
}

.subject.promo {
    font-size: 0.857em /* 12px */;
}

.subject.promo img {
    max-width: 100%;
}

.subject.promo .contents {
    min-height: 5em;
}

.subject.superguide {
    margin-bottom: 1em;
    margin-left: 0;
}
.subject.superguide .summary p {
    font-size: 1em; /*14px*/
    padding: 0.75em;
}
.subject.superguide .summary h3 {
    font-size: 1.2em; /*14px*/
    padding: 0.75em;
    font-weight: bold;
    margin: 0;
}




/* Page headings */
.section-title {
    background-color: #005870;
}
.section-title h2 {
    margin: 0;
    padding: 0.5em;
    font-size: 1em; /*14px*/
    color: #FFF;
}
@media all and (min-width: 30em) {
    .section-title h2 {
        font-size: 1.286em; /*18px*/
    }
}
.section-title h2 a,
.section-title h2 a:hover {
    color: #FFF;
    text-decoration: none;
}
h1.page-title,
.page-title h1 {
    display: inline-block;
    font-size: 1.714em; /*24px*/
    text-transform: none;
    margin: 0.5em 0.25em;
    color: #005870;
}
.page-title h2 {
    display: none;
}
.subject-heading h1,
.subject-heading h2 {
    color: #FFF;
}
.section-image {
    width: 100%;
    display: block;
}
.page-heading .artifact {
    display: none;
}
.page-heading .fixed-left {
    background-color: #BFD5DB;

}
.page-heading .fluid-full {
    background-color: #005672;
    text-shadow: 1px 1px 1px #005672;
}

/* Columns */
.group {
    clear: both;
    }
    .group:before,
    .group:after {
        content: " ";
        display: table;
    }
    .group:after {
        clear: both;
    }
.group .column {
    margin-bottom: 2em;
}
.group.home-columns .column {
    max-width: 26.6667em;
}
.group.home-columns .column:last-child img {
    margin-bottom: 0.75em;
}
@media all and (min-width: 30em) and (max-width: 50em) {
    .wrap,
    .header .wrap {
        margin: 0 auto;
        padding: 0 20px;
    }
    .group .column {
        float: left;
        width: 48.5%;
        margin-left: 3%;
    }
    .group .column:nth-child(odd) {
        margin-left: 0;
        clear: left;
    }
}
.group.quater > .column {
    width: 48%;
    margin-left: 4%;
    float: left;
    margin-bottom: 0.5em;
}
.group.quater > .column:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}
.fluid-column {
    padding-top: 3.214em;
}
.fixed-right .fluid-column,
.page-heading .fluid-column,
.fluid-column .fluid-column {
    padding-top: 0;
}

/* Promo Links */
.promo {
    display: block;
    margin-bottom: 1em;
    overflow: hidden;
}
.promo img {
    max-width: 260px;
}
.promo.closer {
    margin-bottom: 0.3333em;
}
a.promo:hover,
a.promo:focus {
    opacity: 0.9;
    text-decoration: none;
}
.promo .contents {
    color: #FFF;
    padding: 1.5em;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.promo .contents a {
    color: #FFF;
    text-decoration: underline;
}
a.promo .contents {
    padding-right: 2.5em;
    background-image: url(promo-white.png);
    font-size: 0.857em /* 12px */;
}
.promo .contents .meta {
    color: #FFF;
}
.promo:hover .contents,
.promo:focus .contents {
    text-decoration: none;
}
.promo img {
    display: block;
    width: 100%;
    padding: 0 0 0.5em;
}
.promo .contents img {
    width: auto;
    float: left;
    margin: -1.5em 1em -0.5em -1.5em;
}
.promo h3,
.promo h4,
.promo h5,
.promo h6 {
    margin: 0 0 16px; margin: 0 0 0.5rem;
}
.promo p {
    margin: 16px 0 0; margin: 0.5rem 0 0;
    font-weight: bold;
}
.promo.tint p,
.promo.tint .meta {
    color: #333;
}
.promo,
.promo.black {
    background-color: #333;
}
.promo.white {
    background-color: #FFF;
    border: 1px solid #333;
}
.promo.white .contents img {
    margin: -1.25em 1em -0.25em -1.25em;
}
.promo.white .contents {
    background-image: url(promo-black.png);
    color: #333;
}
.promo.grey {
    background-color: #D5D0D0;
}
.promo.grey .contents {
    color: #333;
    background-image: url(promo-black.png);
}
.promo.blue {
    background-color: #005870;
}
.promo.green {
    background-color: #00A57F;
}
.promo.purple {
    background-color: #94368D;
}
.promo.brown {
    background-color: #817474;
}
.promo.red {
    background-color: #E91C29;
}
.promo.yellow {
    background-color: #FFB81D;
}
.promo.yellow .contents {
    background-image: url(promo-black.png);
    color: #333;
}
.promo.orange {
    background-color: #F36320;
}
.promo.blue.tint {
    background-color: #BFD5DB;
}
.promo.blue.tint .contents {
    color: #005870;
}
a.promo.blue.tint .contents {
    background-image: url(promo-blue.png);
}
.promo.green.tint {
    background-color: #BFE8DF;
}
.promo.green.tint .contents {
    color: #008A6B;
}
a.promo.green.tint .contents {
    background-image: url(promo-green.png);
}
.promo.purple.tint {
    background-color: #EBCCEB;
}
.promo.purple.tint .contents {
    color: #990099;
}
a.promo.purple.tint .contents {
    background-image: url(promo-purple.png);
}
.promo.orange.tint {
    background-color: #FDE2D5;
}
.promo.orange.tint .contents {
    color: #D5551D;
}
a.promo.orange.tint .contents {
    background-image: url(promo-orange.png);
}
.promo.subject-guides {
    background: #F2F0EE;
    border-bottom: 2px solid #C8C4C4;
}
.promo.subject-guides h4 {
    color: #333;
    margin-bottom: 0.25em;
}
.promo.subject-guides h3 {
    color: #408294;
    font-size: 1.429em; /*20px*/
    font-weight: normal;
    text-transform: none;
    margin-bottom: 0;
}
.promo.archive {
    max-width: 100%;
    background-image: url("icons/catalogue/media_archive.png");
    background-position: 2%;
    background-repeat: no-repeat;
}
.promo.archive .contents {
    padding: 1em 2.5em 1em 60px;
    background-position: right bottom;
}
.promo.archive h4 {
    margin-bottom: 0.2em;
}
.promo.archive p {
    margin-top: 0
}

/* Subject guides list */
.subject-guides-list {
    list-style: none;
    list-style-image: none;
    margin: 0 0 2em 0;
    padding: 0;
    max-width: 500px;
}
.subject-guides-list li {
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #D5D0D0;
}

/* Boroughs list */
.boroughs-by-name .column,
.boroughs-by-name ul {
    margin-bottom: 0;
}

/* Event details */
.event-detail {
    background-color: #F2F0EE;
    overflow: hidden;
    margin-bottom: 2em;
}
.event-detail img {
    margin-bottom: 1em;
}
.event-detail .beside-float {
    margin-left: 0;
    padding: 0 1em;
}
.event-detail .meta {
    font-size: 1.286em; /*18px*/
    color: #94368D;
    margin-bottom: 0.5em;
}
.event-detail .location {
    font-weight: bold;
    margin-bottom: 2em;
}
.event-detail .price {
    color: #94368D;
    text-transform: uppercase;
    font-size: 1.714em; /*24px*/
    font-weight: bold;
}


/* ============================================================
    Twitter
============================================================ */
/* Twitter link */
h2.twitter-link {
    position: relative;
    overflow: hidden;
}
h2.twitter-link a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 1em 0 0.2em 26px;
    background: url(sprite.png) 0 -2090px no-repeat;
    font-size: 12px;
    text-transform: none;
}
@media all and (max-width: 60em) {
    h2.twitter-link a {
        position: static;
        padding: 0;
        background: none;
    }
}
.beside-header {
    float: right;
    margin-top: -2em;
    margin-bottom: 0;
}

/* Latest Tweets */
.has-js .latest-tweets,
.latest-tweets .tweet {
    display: none;
}
.has-js .latest-tweets.show {
    display: block;
    overflow: hidden;
}
.latest-tweets .tweet.active {
    display: block;
}
.latest-tweets blockquote {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #D5D0D0;
    color: #333;
    font-size: 0.857em; /*12px*/
    background: none;
}
.latest-tweets blockquote p:before,
.latest-tweets blockquote p:after {
    content: '';
    width: 0;
    height: 0;
    display: none;
}
.latest-tweets blockquote p {
    margin: 0;
    padding: 0.5em 1em;
}
.latest-tweets p.date {
    position: relative;
    top: -1px;
    z-index: 10;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAAHlBMVEX////a2tr////19fXz8/PW1tbT09PR0dHPz8/MzMyjVHtNAAAACnRSTlMA3f//////////0o6+cwAAADtJREFUeNpNysERACAIA0EwCNh/w2ocGfjtBUmMdjZF3ZpDRTRQ9uNb7BnXLA46aZaF2uuHeysZdCvfG2BjAQKeaIdnAAAAAElFTkSuQmCC) 2em 0 no-repeat;
    float: left;
    color: #817474;
    font-size: 0.786em; /*11px*/
    padding-top: 12px;
}
.latest-tweets .tweet-links {
    float: right;
    list-style: none;
    list-style-image: none;
    margin: 0.5em -8px -8px 0;
}
.latest-tweets .tweet-links li {
    float: left;
    padding: 0;
}
.latest-tweets .tweet-links a {
    display: block;
    padding: 8px;
}
.latest-tweets .tweet-links a span {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #005870;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.latest-tweets .tweet-links a:hover span,
.latest-tweets .tweet-links a:focus span {
    background-color: #408294;
}
.latest-tweets .tweet-links a.active:hover {
    cursor: default;
}
.latest-tweets .tweet-links a.active span {
    opacity: 0.5;
}


/* ============================================================
    Header
============================================================ */
.section.header {
    padding-top: 0;
    padding-bottom: 0;
}
.header .wrap {
    padding: 0;
    padding-top: 0.5em;
    max-width: none;
}
.header .site-title {
    float: right;
    font-size: 1em; /* 14px */
    text-transform: uppercase;
}
.header .site-title a {
    display: block;
    position: relative;
    z-index: 10;
}
.header .site-title img {
    max-width: none;
    width: 95px;
    height: 38px;
}
.header .site-title .tagline {
    display: none;
}
.header .account-stores {
    clear: right;
    float: right;
    list-style: none;
    margin: 0.5em 8px 0.5em 0;
    padding: 0;
    border-top: 1px solid #D5D0D0;
}
.header .account-stores li {
    border: 1px solid #D5D0D0;
    border-top: none;
    background: #F2F0EE;
    width: 12em;
    overflow: hidden;
    padding: 0.1em 0.5em;
}
.header .account-stores li a {
    float: left;
}
.header .account-stores li span {
    float: right;
}

/* Navigation */
.header .top-nav,
.header .main-nav {
    list-style: none;
    list-style-image: none;
    margin: 0; padding: 0;
    overflow: hidden;
}
.header .top-nav li {
    padding: 0.75em 0;
    margin: 0 0 0 1em;
}
.header .main-nav li {
    padding: 0;
}
.header .main-nav a {
    display: block;
    padding: 0.6em .571428571em;
}
.header .top-nav a:hover,
.header .top-nav a:focus,
.header .main-nav a:hover,
.header .main-nav a:focus {
    text-decoration: none;
}
.header .main-nav {
    font-size: 1.143em; /*16px*/
    text-transform: uppercase;
}
.header .main-nav a {
    color: #333;
    border-bottom: 1px solid #333;
    background: url(sprite.png) no-repeat right -500px;
}
.header .main-nav a:hover,
.header .main-nav a:focus {
    background-position: right -600px;
}
.header .top-nav a.current,
.header .main-nav a.current {
    color: #817474;
}
.header .top-nav .account-links {
    margin-left: 5em;
}
.header .top-nav .button {
    padding: 0.125em 0.75em;
    margin: -0.125em 0;
    font-size: 0.786em; /*11px*/
}
.header .top-nav .user-name {
    font-weight: bold;
    padding: 0 0.5em;
}

/* Breadcrumbs */
.breadcrumb {
    display: none;
    clear: left;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.857em;
}
.breadcrumb[role="navigation"] {
    display: block;
}
.breadcrumb li {
    float: left;
    padding: 1em 0.25em 0.5em;
}
.breadcrumb a {
    display: block;
    padding-right: 14px;
    background: url(sprite.png) right -800px no-repeat;
}

/* Search */
.header .search {
    background-color: #EAEAEA;
    color: #333;
    border-bottom: 1px solid #333;
}
.header .search a {
    color: #005870;
}
.header .search a:hover,
.header .search a:focus {
    color: #408294;
}
.header .search a:active {
    color: #005870;
}
.header .search .relative {
    padding: 0.5em;
}
.header .search p {
    margin: 0.25em 0;
}
.header .search label {
    padding-right: 1em;
}
.header .search-toggle {
    display: none;
}

.search-type ul {
    margin: 0;
    padding: 0;
}

.search-type li {
    list-style: none;
    background-image: none;
    margin: 0;
    padding: 0;
    color: #fff;
    clear: both;
    margin-bottom: 4px;
}

/* Global Nav */
.toggle-global-menu {
    display: block;
    float: left;
    padding: 0.5em 0.75em;
    text-transform: uppercase;
}
.toggle-global-menu span {
    vertical-align: middle;
    position: relative;
    top: -2px;
    display: inline-block;
    background: url(sprite.png) 7px 7px no-repeat;
    border: 1px solid #408294;
    margin-right: 1em;
    width: 30px;
    height: 30px;
}
.toggle-global-menu:hover,
.toggle-global-menu:focus {
    text-decoration: none;
}
.toggle-global-menu:hover span,
.toggle-global-menu:focus span {
    border-color: #408294;
}
.global-menu {
    display: none;
    width: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    color: #FFF;
}
.reveal-menu .global-menu {
    display: block;
}
.reveal-menu body {
    background: #2E292A;
}
.reveal-menu .page-wrap {
    -webkit-box-shadow: -10px 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: -10px 0 10px rgba(0,0,0,0.5);
    -ms-box-shadow: -10px 0 10px rgba(0,0,0,0.5);
    -o-box-shadow: -10px 0 10px rgba(0,0,0,0.5);
    box-shadow: -10px 0 10px rgba(0,0,0,0.5);
}
.global-menu a {
    color: #FFF;
}
.global-menu .account-links {
    padding: 0.5em 1em;
    overflow: hidden;
    background: #000;
    text-align: right;
}
.global-menu .account-links .user-name {
    display: inline-block;
    font-weight: bold;
    float: left;
    padding: 0.5em 0;
}
.global-menu a.button {
    background-color: #408294;
    display: inline-block;
    margin: 0.25em 0;
    font-size: 0.786em; /*11px*/
}
.global-menu a.button.purple {
    background-color: #333;
}
.global-menu .main-nav {
    list-style: none;
    list-style-image: none;
    margin: 0 0 0.25em;
    padding: 0;
}
.global-menu .main-nav li {
    padding: 0;
}
.global-menu .main-nav a {
    display: block;
    padding: 0.5em 1em;
    text-transform: uppercase;
    font-size: 1em; /*14px*/
    border-bottom: 1px solid #000;
    box-shadow: 0 1px #333;
    background: url(sprite.png) 95% -758px no-repeat;
}
.global-menu .main-nav a:hover,
.global-menu .main-nav a:focus {
    background-color: #444;
    -webkit-box-shadow: inset 0 5px 5px #3F393A;
    -moz-box-shadow: inset 0 5px 5px #3F393A;
    -ms-box-shadow: inset 0 5px 5px #3F393A;
    -o-box-shadow: inset 0 5px 5px #3F393A;
    box-shadow: inset 0 5px 5px #3F393A;
    text-decoration: none;
}
.global-menu .main-nav a:active {
    background-color: #555;
    -webkit-box-shadow: inset 0 5px 5px #4B4848;
    -moz-box-shadow: inset 0 5px 5px #4B4848;
    -ms-box-shadow: inset 0 5px 5px #4B4848;
    -o-box-shadow: inset 0 5px 5px #4B4848;
    box-shadow: inset 0 5px 5px #4B4848;
    text-decoration: none;
}
.global-menu .search
{
    padding: 0.5em 1em 0; /* for old search box */
    /*padding: 1em 1em 1em;*/ /* for new search box with drop down */
    border-bottom: 1px solid #000;
    box-shadow: 0 1px #333;
}
.global-menu .search input[type="search"] {
    margin-bottom: 0.5em;
}
.global-menu .secondary-nav {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.global-menu .secondary-nav li {
    padding: 0;
}
.global-menu .secondary-nav a {
    display: block;
    padding: 0.5em 0 0.5em 32px;
    background: url(sprite.png) 12px -1094px no-repeat;
}
.reveal-menu .page-wrap {
    -webkit-transition: margin 0.2s linear;
    -moz-transition: margin 0.2s linear;
    -ms-transition: margin 0.2s linear;
    -o-transition: margin 0.2s linear;
    transition: margin 0.2s linear;
}
.has3d.reveal-menu .page-wrap {
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    transition: transform 0.2s linear;
}


/* ============================================================
    Footer
============================================================ */
.section.footer {
    background: #F2F0EE;
    padding-top: 1em;
    border-top: 2px solid #D5D0D0;
}
.section.footer,
.section.footer a {
    color: #211F1F;
}
.footer h6 {
    padding: 0.25em 0;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #817474;
    text-transform: uppercase;
}
.footer .sitemap,
.footer .sitemap ul {
    list-style: none;
    list-style-image: none;
    margin: 0; padding: 0;
}
.footer .sitemap {
    padding-bottom: 2em;
    border-bottom: 1px solid #817474;
    font-size: 0.857em;
}
.footer .sitemap li {
    margin: 0;
    padding: 0;
}
.footer .sitemap a {
    display: inline-block;
    padding: 0.5em 0 0.5em 20px;
}
.footer .sitemap a.twitter-link,
.footer .sitemap a.facebook-link {
    background: url(sprite.png) 0 -1900px no-repeat;
    padding: 3px 0 3px 28px;
    margin-bottom: 0.5em;
}
.footer .sitemap a.facebook-link {
    background-position: 0 -2000px;
}
.footer .sitemap .fb-like {
    position: relative;
    top: 3px;
}
@media all and (max-width: 30em) {
    .footer .sitemap > li:nth-child(1),
    .footer .sitemap > li:nth-child(2) {
        display: none;
    }
    .footer .sitemap > li:nth-child(3) {
        width: 100%;
    }
}
.footer .footer-nav {
    list-style: none;
    list-style-image: none;
    margin: 0 0 0.5em;
    padding: 0;
    overflow: hidden;
    font-size: 0.857em;
}
.footer .footer-nav li {
    margin: 0;
    padding: 0;
    float: left;
}
.footer .footer-nav a {
    display: block;
    padding: 0.5em 2em;
    color: #005870;
}
.footer .footer-nav a:first-child {
    padding-left: 0;
}
.footer .wellcome-trust {
    text-align: right;
    margin: 0.5em 0 0;
}
.footer .wellcome-trust p {
    margin-bottom: 0.5em;
}
.footer small {
    font-size: 0.857em; /*12px*/
}


/* ============================================================
    Footer Promo
============================================================ */
.section.footer-promo {
    margin: 0;
    padding: 0;
    background: #E5E1DD url(footer-promo-bg.png) 0 0 repeat-x;
}

.section.footer-promo ul.group {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.section.footer-promo li.column {
    padding-bottom: 0;
    margin-bottom: 0.5em;
}
.section.footer-promo a {
    display: block;
    line-height: 1.2;
    padding: 0 1em;
    overflow: hidden;
}
.section.footer-promo .image {
    float: left;
    margin-right: 1em;
    width: 113px;
    text-align: center;
}
.section.footer-promo .text {
    margin: 2em 0 0.5em;
}
@media all and (min-width: 30em) {
    .section.footer-promo .image {
        width: auto;
        text-align: left;
    }
}


/* ============================================================
    Carousel
============================================================ */
.carousel {
    position: relative;
    background: #D5D0D0;
    margin-bottom: 6px;
}
.carousel,
.carousel a,
.carousel .a {
    color: #333;
}
.carousel a.slide,
.carousel a.slide:hover,
.carousel a.slide:focus {
    text-decoration: none;
}
.carousel a.slide:hover .a,
.carousel a.slide:focus .a {
    text-decoration: underline;
}
.carousel .slide {
    display: none;
    height: 100%;
    background-color: #fff;
}
.carousel .slide img {
    max-width: none;
}
.carousel .slide.active {
    display: block;
    opacity: 1;
}
.carousel .slide.active.top {
    position: absolute;
    top: 0;
    z-index: 10;
}
.carousel img {
    width: 100%;
    max-width: none;
    display: block;
}
.carousel .text {
    padding: 1em 20px 0em 20px;
}
.carousel .active .text {
    opacity: 1;
}
.carousel .active.top .text {
    background: #333;
}
.carousel h1 {
    font-size: 1.714em; /* 24px */
    text-transform: none;
    margin-top: 0.25em;
    padding-top: 0;
}
.carousel-nav {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    height: 0;
}
.carousel-nav a {
    position: absolute;
    z-index: 200;
    top: 0;
    display: block;
    width: 51px;
    height: 51px;
    background: #000 url(sprite.png) 0 -700px no-repeat;
    background-color: rgba(0,0,0,0.4);
    text-indent: -9999px;
    overflow: hidden;
}
.carousel-nav a:hover,
.carousel-nav a:focus {
    background-color: rgba(0,0,0,0.5);
}
.carousel-nav a.inactive {
    background-color: rgba(0,0,0,0.4);
    opacity: 0.25;
    cursor: default;
}
.carousel-nav a.next {
    right: 0;
    background-position: 2px -750px;
}
.carousel-nav a {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.carousel-variant {
    position: relative;
    background: #D5D0D0;
    margin-bottom: 6px;
}
.carousel-variant,
.carousel-variant a,
.carousel-variant .a {
    color: #333;
}
.carousel-variant a.slide,
.carousel-variant a.slide:hover,
.carousel-variant a.slide:focus {
    text-decoration: none;
}
.carousel-variant a.slide:hover .a,
.carousel-variant a.slide:focus .a {
    text-decoration: underline;
}
.carousel-variant .slide {
    display: none;
    height: 100%;
}
.carousel-variant .slide img {
    max-width: none;
}
.carousel-variant .slide.active {
    display: block;
}
.carousel-variant .slide.active.top {
    position: absolute;
    top: 0;
    z-index: 10;
}
.carousel-variant img {
    width: 100%;
    max-width: none;
    display: block;
}
.carousel-variant .text {
    padding: 1em 20px 0em 20px;
}
.carousel-variant .active.top .text {
    background: #333;
}
.carousel-variant h1 {
    font-size: 1.714em; /* 24px */
    text-transform: none;
    margin-top: 0.25em;
    padding-top: 0;
}
.carousel-variant .carousel-nav {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    height: 0;
}
.carousel-variant .carousel-nav a {
    position: absolute;
    z-index: 200;
    top: 0;
    display: block;
    width: 51px;
    height: 51px;
    background: #000 url(sprite.png) 0 -700px no-repeat;
    background-color: rgba(0,0,0,0.4);
    text-indent: -9999px;
    overflow: hidden;
}
.carousel-variant .carousel-nav a:hover,
.carousel-variant .carousel-nav a:focus {
    background-color: rgba(0,0,0,0.5);
}
.carousel-variant .carousel-nav a.inactive {
    background-color: rgba(0,0,0,0.4);
    opacity: 0.25;
    cursor: default;
}
.carousel-variant .carousel-nav a.next {
    right: 0;
    background-position: 2px -750px;
}
.carousel-variant .carousel-nav a {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


/* ============================================================
    Image gallery
============================================================ */
.image-gallery {
    overflow: hidden;
}
.image-gallery .slide {
    display: none;
}
.image-gallery .slide.active {
    clear: right;
    display: block;
    overflow: hidden;
    background: #F2F0EE;
    padding: 0.75em 0.75em 0;
    margin-bottom: 1em;
}
.image-gallery .slide img {
    display: block;
    margin: 0 auto 1em;
}
.image-gallery .slide .caption {
    font-size: 1.071em; /*15px*/
    font-weight: bold;
}
.image-gallery .gallery-images {
    display: none;
}
.has-js .image-gallery .slide img {
    cursor: pointer;
}
.has-js .image-gallery .gallery-images {
    clear: both;
    display: block;
    margin: 0 0 0.25em 0;
    padding: 0.25em;
    background: #F2F0EE;
    overflow: hidden;
    position: relative;
}
.has-js .image-gallery a.prev,
.has-js .image-gallery a.next {
    float: left;
    display: block;
    width: 20px;
    height: 40px;
    margin: 4px;
    background: #005870 url(sprite.png) -13px -705px no-repeat;
    text-indent: -9999px;
}
.has-js .image-gallery a.prev:hover,
.has-js .image-gallery a.prev:focus,
.has-js .image-gallery a.next:hover,
.has-js .image-gallery a.next:focus {
    background-color: #408294;
}
.has-js .image-gallery a.prev.disabled,
.has-js .image-gallery a.next.disabled {
    background-color: #97989B;
    cursor: default;
}
.has-js .image-gallery a.next {
    float: right;
    background-position: -14px -755px;
}
.has-js .image-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
}
.image-gallery ul li {
    padding: 0;
    display: inline-block;
}
.image-gallery ul a {
    display: block;
    padding: 4px;
}
.image-gallery ul a:hover,
.image-gallery ul a:focus {
    padding: 0;
    border: 4px solid #D5D0D0;
}
.image-gallery ul a.active {
    padding: 0;
    border: 4px solid #FFB81D;
}
.image-gallery ul img {
    display: block;
    right: 0;
}
.has-js .image-gallery-variant .gallery-thumbnails li a:hover,
.has-js .image-gallery-variant .gallery-thumbnails li a:focus,
.has-js .image-gallery-variant .gallery-thumbnails li a.active,
.has-js .image-gallery-variant .gallery-thumbnails li a.active:hover,
.has-js .image-gallery-variant .gallery-thumbnails li a.active:focus {
    padding: 0;
    border: 4px solid #FFB81D;
}
.image-gallery-variant .image-gallery {
    position: relative;
}
.image-gallery-variant .slide {
    top: 0;
    border: 1px solid #000;
    padding: 0.75em 0.75em 0.75em 0.75em;
    overflow: hidden;
    margin-bottom: 2em;
    background-color: #fff;
}
.image-gallery-variant .slide.active {
    background-color: #fff;
    margin-left: 45px;
    margin-right: 45px;
}
.has-js .image-gallery-variant .gallery-images {
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.has-js .image-gallery-variant .slide.active {
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
}
.has-js .image-gallery-variant .gallery-arrows {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
}
.has-js .image-gallery-variant .nav {
    height: 180px;
    width: 45px;
    position: absolute;
    left: 0;
    top: 0.5em;
}
.has-js .image-gallery-variant .nav-next {
    right: 0;
    left: auto;
}
.has-js .image-gallery-variant a.prev,
.has-js .image-gallery-variant a.next {
    margin: 0;
}
.has-js .image-gallery-variant .gallery-thumbnails li a {
    background-color: #005870;
    position: relative;
    width: 229px;
    padding: 0;
    border: 4px solid #005870;
}
.has-js .image-gallery-variant .gallery-thumbnails .thumbnail-title {
    position: absolute;
    color: #fff;
    width: 100px;
    margin: 0 auto;
    white-space: normal;
    padding: 0.25em 4px;
    display: block;
    right: 0;
}
.has-js .image-gallery-variant .gallery-thumbnails li a:hover,
.has-js .image-gallery-variant .gallery-thumbnails li a:focus,
.has-js .image-gallery-variant .gallery-thumbnails li a.active,
.has-js .image-gallery-variant .gallery-thumbnails li a.active:hover,
.has-js .image-gallery-variant .gallery-thumbnails li a.active:focus {
    padding: 0;
    border: 4px solid #FFB81D;
}

/* Gallery overlay */
.gallery-overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.85);
    overflow: auto;
}
.gallery-overlay h4 {
    color: #FFF;
    font-size: 1.929em; /*27px*/
    border: none;
    margin: 0;
}
.gallery-overlay p {
    display: none;
}
.gallery-overlay .image-gallery {
    position: relative;
    z-index: 2000;
    max-width: 930px;
    margin: 5em auto 2em;
}
.gallery-overlay .slide p {
    display: block;
}
.gallery-overlay .close {
    color: #FFF;
    font-size: 1em; /*14px*/
    padding: 0.22em 32px 0.22em 0;
    margin-top: 0.75em;
    float: right;
    text-transform: uppercase;
    background: url(sprite.png) right -2800px no-repeat;
}


/* ============================================================
    Lightbox
============================================================ */
.lightbox {
    margin-bottom: 2em;
    border: 1px solid #D5D0D0;
    border-top-color: #000;
    border-bottom: none;
    background: #F2F0EE;
}
.lightbox .lightbox-inner {
    position: relative;
    border-bottom: 1px solid #D5D0D0;
    padding: 0.25em 1em;
}
.lightbox-inner.padded {
    padding: 0.75em 1.5em;
}
.lightbox .float-left,
.lightbox .float-right {
    margin-bottom: 0;
}
.lightbox-variant {
    background-color: transparent;
    border: none;
}
.lightbox-variant .lightbox-assets li {
    padding: 1px 2% 0 0;
}
.lightbox-variant .lightbox-inner {
    padding: 0;
}

/* Lightbox assets */
ul.lightbox-assets {
    list-style: none;
    list-style-image: none;
    margin: 1em 0;
    padding: 0;
    overflow: hidden;
}
.lightbox-assets li {
    float: left;
    margin: 0 0 3.5em;
    padding: 1px 1% 0;
    width: 23%;
}
.lightbox-assets li:nth-child(4n+1) {
    clear: left;
}
.lightbox-assets a.asset {
    display: block;
    color: #211F1F;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}
.lightbox-assets a.asset:hover,
.lightbox-assets a.asset:focus {
    text-decoration: none;
    color: #408294;
}
.lightbox-assets a.asset:active {
    color: #005870;
}
.lightbox-assets .thumb {
    display: block;
    height: 75px;
    width: 100%;
    position: relative;
    margin-top: 1px;
    margin-bottom: 0.5em;
    border: 2px solid #F2F0EE;
    outline: 1px solid #D5D0D0;
    background: #000;
}
.lightbox-assets .thumb.audio {
    height: 75px;
}
.lightbox-assets .thumb span {
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 75px;
    overflow: hidden;
}
.lightbox-assets .thumb img {
    max-width: 100%;
    max-height: 100%;
}
.lightbox-assets a.asset:hover .thumb,
.lightbox-assets a.asset:focus .thumb {
    border: 2px solid #408294;
    outline: 2px solid #408294;
}
.lightbox-assets .thumb.audio {
    background: #000 url(lightbox-audio.png) center center no-repeat;
}
/*.lightbox-assets .thumb.audio:before,
.lightbox-assets .thumb.video:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #333 url(lightbox-play-icon.png) center center no-repeat;
}
.lightbox-assets a.asset:hover .thumb.audio:before,
.lightbox-assets a.asset:focus .thumb.audio:before,
.lightbox-assets a.asset:hover .thumb.video:before,
.lightbox-assets a.asset:focus .thumb.video:before {
    background-color: #555;
}*/
.lightbox-assets .meta {
    font-weight: normal;
    text-transform: none;
    font-size: 0.857em; /*12px*/
    padding-bottom: 0.5em;
    border-bottom: 1px solid #D5D0D0;
}
.lightbox-assets .asset-actions {
    overflow: hidden;
}
.lightbox-assets .action.note,
.lightbox-assets .action.add-note {
    float: left;
    padding: 5px 17px;
}
.lightbox-assets label.inline {
    float: right;
    font-weight: bold;
    color: #005870;
    cursor: pointer;
    padding: 8px 0;
}
.lightbox-assets label.inline:hover {
    text-decoration: underline;
}
.lightbox-assets div.notes {
    display: none;
}
.lightbox-assets div.notes label {
    float: none;
    display: block;
    width: auto;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0.5em 0;
}
.lightbox-assets div.notes textarea {
    width: 99.5%;
    height: 6em;
}

/* Lightbox assets list view */
.lightbox-assets.list-view li,
.lightbox-overlay .lightbox-assets li {
    position: relative;
    float: none;
    width: auto;
    border-bottom: 1px solid #D5D0D0;
    overflow: hidden;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
}
.lightbox-assets.list-view .thumb,
.lightbox-overlay .lightbox-assets .thumb {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 75px;
}
.lightbox-assets.list-view .thumb span,
.lightbox-overlay .lightbox-assets .thumb span {
}
.lightbox-assets.list-view a.asset,
.lightbox-overlay .lightbox-assets a.asset {
    font-size: 1.071em; /*15px*/
}
.lightbox-assets.list-view .meta,
.lightbox-overlay .lightbox-assets .meta {
    margin: 1em 0 1em 95px;
    border: none;
}
.lightbox-assets.list-view .action.note,
.lightbox-assets.list-view .action.add-note {
    display: none;
}
.lightbox-assets.list-view label.inline {
    float: none;
    display: block;
    margin-bottom: 1em;
}
.lightbox-assets.list-view div.notes {
    display: block;
    clear: left;
    background: #D5D0D0;
    padding: 1em;
}

/* Lightbox results */
.lightbox .results {
    font-weight: bold;
    font-size: 16px;
    margin: 0.5em 0.5em 0;
}
.lightbox .results strong {
    color: #94368D;
}

/* Lightbox view options */
.lightbox .view-options a {
    display: inline-block;
    padding: 0.15em 0 0.15em 20px;
    margin: 0.75em 1em 0;
    background: url(sprite.png) 0 -3400px no-repeat;
}
.lightbox .view-options a.active {
    color: #333;
}
.lightbox .view-options a.active:hover,
.lightbox .view-options a.active:focus {
    text-decoration: none;
}
.lightbox .view-options a.grid-view {
    background-position: 0 -3397px;
}
.lightbox .view-options a.grid-view.active {
    background-position: 0 -3447px;
}
.lightbox .view-options a.list-view {
    background-position: 0 -3497px;
}
.lightbox .view-options a.list-view.active {
    background-position: 0 -3547px;
}

/* Lightbox carousel */
.lightbox-carousel {
    position: relative;
    width: 98%;
    margin: 0 1%;
    overflow: hidden;
}
.lightbox-carousel .lightbox-assets {
    position: relative;
    width: 1000%;
}
.lightbox-carousel .lightbox-assets li {
    padding: 0 0.1%;
    width: 2.25%;
    margin-bottom: 0;
    float: none;
    display: inline-block;
}
.lightbox-carousel-control {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 22px;
    height: 47px;
    margin: -38px -1px;
    overflow: hidden;
    text-indent: -9999px;
    background: #005870 url(sprite.png) -12px -700px;
}
.lightbox-carousel-control:hover,
.lightbox-carousel-control:focus {
    background-color: #408294;
}
.lightbox-carousel-control.next {
    left: auto;
    right: 0;
    background-position: -12px -750px;
}
.lightbox-carousel-control.disabled {
    background-color: #97989B;
    cursor: default;
}

/* Lightbox overlay */
.lightbox-overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.85);
    overflow: auto;
}
.lightbox-overlay .dialog {
    display: none;
    position: relative;
    z-index: 2000;
    width: 90%;
    max-width: 600px;
    margin: 5em auto 2em;
    background: #FFF;
    padding: 1em 2em;
}
.lightbox-overlay .dialog h4 {
    border-bottom: 1px solid #333;
    margin-bottom: 1em;
}
.lightbox-overlay .notes label {
    display: block;
    float: none;
    width: auto;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.lightbox-overlay .notes .notes-area {
    background: #F2F0EE;
    padding: 1em;
    margin-bottom: 1em;
}
.lightbox-overlay .notes textarea {
    width: 100%;
    height: 8em;
}
.lightbox-overlay .close-lightbox {
    margin-right: 1em;
}

/* Privacy */
.privacy {
    display: inline-block;
    width: 20px;
    height: 16px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(sprite.png) 0 -3900px no-repeat;
}
.privacy.public {
    background-position: 0 -3950px;
}
table .privacy {
    display: block;
    margin: 0 auto;
}


/* ============================================================
    Player
============================================================ */
.player-links-bar {
    border-top: 1px solid #333;
    background: #F2F0EE;
    overflow: hidden;
    padding: 0.75em;
}
.player-links-bar .float-left,
.player-links-bar .float-right {
    margin-bottom: 0;
}
.player-links-bar .help {
    margin-left: 1em;
    padding-right: 22px;
    padding-bottom: 2px;
    background: url(sprite.png) right -2701px no-repeat;
}
.player {
    background-color: #D1D5DA;
}
.player-fs,
.player-fs body {
    overflow: hidden;
}
.player-fs .section {
    padding-bottom: 0;
}
.player-fs .section.footer {
    display: none;
}
.player-fs .wrap,
.player-fs .header .wrap {
    margin: 0;
    padding: 0;
    width: auto;
    max-width: none;
}
.player-fs .header .wrap {
    padding: 0 1em;
}
.player-fs .page-wrap {
    background-color: #FFF;
}
.player-fs .social-links {
    margin: 0;
    padding: 1em;
}


/* ============================================================
    Blog
============================================================ */
.blog-posts {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.blog-posts li.post {
    margin: 0 0 1.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #D5D0D0;
}
.blog-posts .beside-float {
    margin-left: 10.7143em;
}
.blog-labels {
    list-style: none;
    list-style-image: none;
    text-align: center;
    margin: 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #D5D0D0;
    font-size: 0.857em /* 12px */;
    line-height: 1.3;
}
.blog-labels li {
    display: inline;
    padding: 0 0.5em 0 0;
}
.blog-labels li a {
    font-weight: normal;
    padding: 0 0.1em;
}
.blog-labels li a:hover,
.blog-labels li a:focus {
    color: #FFF;
    background-color: #005870;
    text-decoration: none;
}
.labels {
    font-weight: bold;
    font-size: 0.786em; /*11px*/
    text-transform: uppercase;
}
.labels a {
    display: inline-block;
    background-color: #F2F0EE;
    padding: 0.25em 0.5em;
    margin: 0.25em 0.25em 0.25em 0;
}
.labels a:hover,
.labels a:focus {
    color: #FFF;
    background-color: #005870;
    text-decoration: none;
}


/* ============================================================
    Subject guide pages
============================================================ */
.subject-carousel,
.carousel-variant {
    position: relative;
    overflow: hidden;
}
.subject-carousel a.slide,
.carousel-variant a.slide {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    border: 1px solid #000;
    padding: 0.75em 0.75em 0.75em 0.75em;
    background: #FFF url(promo-black.png) right bottom no-repeat;
    overflow: hidden;
    margin-bottom: 2em;
}
.subject-carousel a.slide.active,
.carousel-variant a.slide.active {
    display: block;
    position: static;
    z-index: 0;
    opacity: 1;
}
.subject-carousel a.slide,
.subject-carousel a.slide:hover,
.subject-carousel a.slide:focus,
.subject-carousel a.slide:visited,
.subject-carousel a.slide:active,
.carousel-variant a.slide,
.carousel-variant a.slide:hover,
.carousel-variant a.slide:focus,
.carousel-variant a.slide:visited,
.carousel-variant a.slide:active {
    color: #333;
    text-decoration: none;
}
.subject-carousel a.slide:hover .a,
.subject-carousel a.slide:focus .a,
.carousel-variant a.slide:hover .a,
.carousel-variant a.slide:focus .a {
    text-decoration: underline;
}
.subject-carousel a.prev,
.subject-carousel a.next,
.carousel-variant a.prev,
.carousel-variant a.next {
    display: block;
    width: 46px;
    margin: 20px 0;
    background: #005870 url(subject-nav.png) left center no-repeat;
    text-indent: -9999px;
}
.subject-carousel a.prev:hover,
.subject-carousel a.prev:focus,
.subject-carousel a.next:hover,
.subject-carousel a.next:focus,
.carousel-variant a.prev:hover,
.carousel-variant a.prev:focus,
.carousel-variant a.next:hover,
.carousel-variant a.next:focus {
    background-color: #111;
}
.subject-carousel a.prev.disabled,
.subject-carousel a.next.disabled,
.subject-carousel a.prev.disabled:hover,
.subject-carousel a.prev.disabled:focus,
.subject-carousel a.next.disabled:hover,
.subject-carousel a.next.disabled:focus,
.carousel-variant a.prev.disabled,
.carousel-variant a.next.disabled,
.carousel-variant a.prev.disabled:hover,
.carousel-variant a.prev.disabled:focus,
.carousel-variant a.next.disabled:hover,
.carousel-variant a.next.disabled:focus {
    cursor: default;
    opacity: 0.5;
}
.subject-carousel a.prev,
.carousel-variant a.prev {
    float: left;
}
.subject-carousel a.next,
.carousel-variant a.next {
    float: right;
    background-position: right center;
}
.subject-detail-title,
.quote-detail {
    background-color: #F2F0EE;
    margin-bottom: 3em;
}
.quote-detail{
    padding-bottom: 1em;
}
.subject-detail-title blockquote,
.quote-detail blockquote {
    border: none;
    padding: 0;
}
.subject-detail-title cite,
.quote-detail cite {
    text-transform: none;
    font-style: italic;
    color: #333;
}
.quote-detail p {
    margin: 0 1em;
}
.subject-detail-title .beside-float {
    padding: 1.5em;
    margin-left: 0;
}


/* ============================================================
    Library login
============================================================ */
.login-option {
    overflow: hidden;
}
.login-option .button {
    display: block;
    font-size: 1.286em; /*18px*/
    text-align: center;
    margin: 0 0 0.5em;
}
.beside-social-logins label,
.login label {
    display: block;
    float: none;
    font-weight: bold;
    font-size: 0.857em; /*12px*/
    width: auto;
    text-align: left;
    padding: 1em 0 0.5em;
}
.beside-social-logins h6 {
    margin-top: 1.25em;
}
.beside-social-logins input[type=text],
.beside-social-logins input[type=password],
.login input[type=text],
.login input[type=password] {
    width: 99.2%;
}
/*.social-logins {
    background: #F8F7F6;
    border: 1px solid #D5D0D0;
    padding: 1em 1.5em;
    margin-bottom: 0.75em;
}*/
.social-logins h6 {
    margin-bottom: 1em;
}
.social-login,
a.social-login {
    display: block;
    background: #FFF url(sprite.png) 0 -3100px no-repeat;
    background-image:  url(sprite.png), -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
    background-image: url(sprite.png), -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
    background-image: url(sprite.png), -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
    background-image: url(sprite.png), -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
    background-image: url(sprite.png), linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
    border: 1px solid #D5D0D0;
    font-size: 1.071em; /*15px*/
    padding: 0.25em 0.5em 0.25em 34px;
    color: #211F1F;
    font-weight: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
a.social-login:hover,
a.social-login:focus {
    text-decoration: none;
    background-color: #FAFAFA;
    border-color: #BBB;
}
a.social-login:active {
    background-color: #FFF;
    background-image:  url(sprite.png), -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: url(sprite.png), -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: url(sprite.png), -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: url(sprite.png), -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: url(sprite.png), linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.social-login.twitter {
    background-position: 0 -3100px, 0 0;
}
.social-login.facebook {
    background-position: 0 -3150px, 0 0;
}
.social-login.openid {
    background-position: 0 -3200px, 0 0;
}
.social-login.google {
    background-position: 0 -3250px, 0 0;
}
.social-login.library {
    background-position: 0 -4976px, 0 0;
}
.account-details {
    background-color: #BFD5DB;
    padding: 0.5em 1.5em;
}
.account-details h4 {
    color: #005870;
}


/* ============================================================
    Search
============================================================ */
/* Wellcome images */
.wellcome-images {
    border: 1px solid #BFD5DB;
    margin-top: 1em;
    padding: 1.5em;
}
.wellcome-images img.float-right {
    max-width: 50%;
}
.wellcome-images h2 {
    text-transform: none;
    margin: 0.5em 0;
    color: #005870;
    font-weight: normal;
}
.search-wellcome-images {
    display: block;
    background: #BFD5DB url(sprite.png) right -2585px no-repeat;
    margin-bottom: 3em;
    padding: 0.5em 40px 0.5em 0.5em;
    font-size: 1.429em; /*20px*/
    color: #005870;
    text-align: right;
}
.search-wellcome-images:hover,
.search-wellcome-images:focus {
    background-color: #C2D7DD;
    text-decoration: none;
}

/* Search options */
.site-search-options {
    padding-top: 2em;
}
.site-search-options h3,
.site-search-options fieldset {
    margin: 0;
}
.site-search-options label {
    text-align: left;
    padding: 0.25em 0.5em 0.25em 1em;
    width: auto;
    clear: none;
}
.site-search-options select,
.site-search-options input[type="checkbox"] {
    margin: 0;
}
.site-search-options .view-tables a {
    padding-left: 16px;
    background: url(sprite.png) no-repeat 8px -4592px;
    padding: 0.4167em 0.5em 0.4167em 2em;
    border: 1px solid #DDD;
    display: block;
}
.site-search-options .view-tables a.active {
    background-color: #E0ECEF;
    border-color: #B0C7CD;
    box-shadow: inset 0 0 2px 0 #B0C7CD;
}

/* Search option */
fieldset.site-search-option {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

/* Option menu */
.option-menu,
.option-button {
    background-color: #E0ECEF;
    box-shadow: inset 0 -2px 0 #BED5DB;
    padding: 0.5em 2.75em 0.5em 0.75em;
    position: relative;
}
.option-button {
    padding-right: 0.75em;
}
.option-menu .meta {
    font-weight: normal;
    text-transform: none;
}
.option-menu ul {
    background-color: #fff;
    border: 1px solid #BCD5DB;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
    padding: 0;
    position: absolute;
    right: 0;
    top: -2px;
    margin-top: 2.25em;
    z-index: 98;
}
.option-menu li {
    white-space: nowrap;
    list-style: none;
    padding: 0;
}
.option-menu li a {
    padding: 0.5em 1em;
    display: block;
}
.option-menu li a:hover  {
    color: #005870;
    text-decoration: none;
    background-color: #E0ECEF;
}
.option-menu .drop-down {
    text-align: center;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 2px;
    width: 2em;
    line-height: 2;
    border-left: 1px solid #BED5DB;
    box-shadow: inset 1px 0 0 #FFF;
    cursor: pointer;
    z-index: 99;
}
.option-menu .drop-down:hover {
    background-color: #D9E6E9;
}
.option-menu .drop-down.active {
    background-color: #FFF;
    border: 1px solid #BCD5DB;
    border-bottom: 0 none;
}

/* Search form */
.site-search-query {
    font-weight: bold;
    margin-top: 1.5em;
}
.site-search-query strong {
    color: #94368D;
}
.site-search-form label {
    width: auto;
    font-weight: bold;
}
.site-search-form input[type=search] {
    width: 60%;
}
.site-search-form input[type=submit] {
    padding: 0.6em 1em;
}

/* Site search pagination */
.site-search-pagination {
    background: #F2F0EE;
    padding: 0.5em 0.5em 0;
}
.pagination.site-search-pagination .next,
.pagination.site-search-pagination .next a,
.pagination.site-search-pagination .prev,
.pagination.site-search-pagination .prev a {
    width: auto;
    text-indent: 0;
    color: white;
}
.pagination.site-search-pagination .next,
.pagination.site-search-pagination .next a {
    padding-right: 1.75em;
    background-position: 90% -762px;
}
.pagination.site-search-pagination .prev,
.pagination.site-search-pagination .prev a {
    padding-left: 1.75em;
}
.pagination.site-search-pagination .next a {
    margin-right: -1.75em;
}
.pagination.site-search-pagination .prev a {
    margin-left: -1.75em;
}

/* Results */
.site-search-results {
    list-style: none;
    list-style-image: none;
    margin: 0 0 1em;
    padding: 0;
}
.site-search-results li.result {
    border-top: 2px solid #D5D0D0;
    padding: 0.5em 0;
}
.site-search-results li.result .fluid-column {
    padding-top: 0;
}
.site-search-results .search-result {
    display: block;
    margin-bottom: 0.5em;
}
.site-search-results .result-type {
    display: inline-block;
    padding: 0.125em 0.75em;
    background: #999;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
}
.site-search-results .result-title {
    font-size: 1.143em; /* 16px */
    text-transform: none;
    margin: 0.5em 0;
}
.site-search-results .result-title a {
    font-weight: normal;
}
.site-search-results-compact .result {
    clear: left;
    width: 100%;
    margin-left: 0;
}
.site-search-results-compact .result-title {
    font-size: 1em;
}
.result-type-text {
    background: url(sprite.png) no-repeat 0 -4100px;
    padding: 0 0 4px 28px;
}
a.result-type-text {
    background-position: 0 -4200px;
}
.result-type-table {
    background: url(sprite.png) no-repeat 0 -4300px;
    padding: 0 0 4px 28px;
}
a.result-type-table {
    background-position: 0 -4400px;
}
.result-view-more {
    border-top: 1px solid #eee;
    padding-top: 1em;
    margin-bottom: 1em;
}
.result-view-more a {
    font-weight: normal;
    padding-right: 2.6667em;
    background: url(sprite.png) no-repeat right -901px;
}

/* Blog results */
.blog-results {
    border: 1px solid #000;
    padding: 0.25em 1.25em;
}
.blog-results .highlight {
    color: #94368D;
}
.blog-results ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #D5D0D0;
}
.blog-results li {
    margin: 0 0 0.5em 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #D5D0D0;
}

/* OCR excerpts */
.result .excerpt {
    padding: 0.75em 1em 0.25em 1em;
    margin: 1em 0 2em;
    background-color: #eee;
}
.excerpt mark {
    padding: 0;
    background-color: transparent;
}
.excerpt p {
    font-size: 1.286em; /*18px*/
    line-height: 1.3334; /* 24px */
    margin-bottom: 0.4em;
}
.excerpt .table-caption {
    font-size: 1.286em; /*18px*/
    font-weight: normal;
    line-height: 1.3334; /* 24px */
    margin-bottom: 0.4em;
    padding-right: 2em; /* 36px */
}
.excerpt .table-content {
    display: block;
    overflow: hidden;
    position: relative;
}
.excerpt .table-content:after {
    content: " ";
    background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    background: -moz-linear-gradient(left, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    width: 3em; /* 36px */
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.excerpt th,
.excerpt td {
    font-weight: normal;
    text-transform: none;
    background: none;
    padding: 0 0.5em;
    border-top: 0 none;
    border-left: 1px solid #D5D0D0;
    min-width: 9em;
}

/* Alert popup */
.alert-popup {
    background-color: #D5D0D0;
    color: #000;
    display: block;
    width: 250px;
    font-size: 13px;
    line-height: 15px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    margin: 16px 40px 0 16px;
    overflow: hidden;
    background-image: url(alert-popup-bar.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    }

.alert-popup-prominent {
    font-size: 15px;
    line-height: 19px;
    width: 350px;
    }

    @media (max-width:40em) {
        .alert-popup,
        .alert-popup-prominent {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            }
        }

.alert-popup a:link,
.alert-popup a:visited,
.alert-popup a:hover,
.alert-popup a:focus,
.alert-popup a:active  {
    color: #000;
    text-decoration: none;
    border: none;
    font-weight: normal;
    }

.alert-popup a:hover,
.alert-popup a:focus,
.alert-popup a:active  {
    text-decoration: underline;
    }

.alert-popup p {
    margin: 0;
    }

.alert-popup p + p {
    margin-bottom: 14px;
    }

.alert-popup-message {
    display: block;
    padding: 0 0 0 25px;
    margin: 10px 20px 20px 0;
    position: relative;
    background-image: url(alert-popup-arrow-white.gif);
    background-position: 8px 2px;
    background-repeat: no-repeat;
    }

.alert-popup-close {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    height: 15px;
    background-image: url(alert-popup-close.gif);
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    margin: 0 10px 0 0;
    float: right;
    }

.alert-popup-close-text {
    display: block;
    text-indent: -9999px;
    }

/* ---------- Colourways ---------- */

.alert-popup-swatch-a-100 {
    background-color: #E91C29;
    background-image: url(alert-popup-bar-dark.png);
    }

.alert-popup-swatch-a-75 {
    background-color: #EF555F;
    }

.alert-popup-swatch-a-50 {
    background-color: #F48D94;
    }

.alert-popup-swatch-a-25 {
    background-color: #F9C6C9;
    }


.alert-popup-swatch-b-100 {
    background-color: #FFB81D;
    }

.alert-popup-swatch-b-75 {
    background-color: #FFCA56;
    }

.alert-popup-swatch-b-50 {
    background-color: #FFDB8E;
    }

.alert-popup-swatch-b-25 {
    background-color: #FFEDC6;
    }


.alert-popup-swatch-c-100 {
    background-color: #F36320;
    }

.alert-popup-swatch-c-75 {
    background-color: #F68A58;
    }

.alert-popup-swatch-c-50 {
    background-color: #F9B18F;
    }

.alert-popup-swatch-c-25 {
    background-color: #FCD8C7;
    }


.alert-popup-swatch-d-100 {
    background-color: #00A57F;
    }

.alert-popup-swatch-d-75 {
    background-color: #40BC9F;
    }

.alert-popup-swatch-d-50 {
    background-color: #7FD2BF;
    }

.alert-popup-swatch-d-25 {
    background-color: #BFE8DF;
    }


.alert-popup-swatch-e-100 {
    background-color: #94368D;
    }

.alert-popup-swatch-e-75 {
    background-color: #AF68AA;
    }

.alert-popup-swatch-e-50 {
    background-color: #C99AC6;
    }

.alert-popup-swatch-e-25 {
    background-color: #E4CDE2;
    }


.alert-popup-swatch-f-100 {
    background-color: #005870;
    }

.alert-popup-swatch-f-75 {
    background-color: #408294;
    }

.alert-popup-swatch-f-50 {
    background-color: #7FABB7;
    }

.alert-popup-swatch-f-25 {
    background-color: #BFD5DB;
    }


.alert-popup-swatch-g-100 {
    background-color: #CCC4BC;
    }

.alert-popup-swatch-g-75 {
    background-color: #D9D3CD;
    }

.alert-popup-swatch-g-50 {
    background-color: #E5E1DD;
    }

.alert-popup-swatch-g-25 {
    background-color: #F2F0EE;
    }



.alert-popup-swatch-h-100 {
    background-color: #574545;
    }

.alert-popup-swatch-h-75 {
    background-color: #817474;
    }

.alert-popup-swatch-h-50 {
    background-color: #ABA2A2;
    }

.alert-popup-swatch-h-25 {
    background-color: #D5D0D0;
    }

.alert-popup-swatch-a-100,
.alert-popup-swatch-a-100 a:link,
.alert-popup-swatch-a-100 a:visited,
.alert-popup-swatch-a-100 a:hover,
.alert-popup-swatch-a-100 a:focus,
.alert-popup-swatch-a-100 a:active,
.alert-popup-swatch-a-75,
.alert-popup-swatch-a-75 a:link,
.alert-popup-swatch-a-75 a:visited,
.alert-popup-swatch-a-75 a:hover,
.alert-popup-swatch-a-75 a:focus,
.alert-popup-swatch-a-75 a:active,

.alert-popup-swatch-c-100,
.alert-popup-swatch-c-100 a:link,
.alert-popup-swatch-c-100 a:visited,
.alert-popup-swatch-c-100 a:hover,
.alert-popup-swatch-c-100 a:focus,
.alert-popup-swatch-c-100 a:active,

.alert-popup-swatch-d-100,
.alert-popup-swatch-d-100 a:link,
.alert-popup-swatch-d-100 a:visited,
.alert-popup-swatch-d-100 a:hover,
.alert-popup-swatch-d-100 a:focus,
.alert-popup-swatch-d-100 a:active,

.alert-popup-swatch-e-100,
.alert-popup-swatch-e-100 a:link,
.alert-popup-swatch-e-100 a:visited,
.alert-popup-swatch-e-100 a:hover,
.alert-popup-swatch-e-100 a:focus,
.alert-popup-swatch-e-100 a:active,
.alert-popup-swatch-e-75,
.alert-popup-swatch-e-75 a:link,
.alert-popup-swatch-e-75 a:visited,
.alert-popup-swatch-e-75 a:hover,
.alert-popup-swatch-e-75 a:focus,
.alert-popup-swatch-e-75 a:active,

.alert-popup-swatch-f-100,
.alert-popup-swatch-f-100 a:link,
.alert-popup-swatch-f-100 a:visited,
.alert-popup-swatch-f-100 a:hover,
.alert-popup-swatch-f-100 a:focus,
.alert-popup-swatch-f-100 a:active,
.alert-popup-swatch-f-75,
.alert-popup-swatch-f-75 a:link,
.alert-popup-swatch-f-75 a:visited,
.alert-popup-swatch-f-75 a:hover,
.alert-popup-swatch-f-75 a:focus,
.alert-popup-swatch-f-75 a:active,

.alert-popup-swatch-h-100,
.alert-popup-swatch-h-100 a:link,
.alert-popup-swatch-h-100 a:visited,
.alert-popup-swatch-h-100 a:hover,
.alert-popup-swatch-h-100 a:focus,
.alert-popup-swatch-h-100 a:active,
.alert-popup-swatch-h-75,
.alert-popup-swatch-h-75 a:link,
.alert-popup-swatch-h-75 a:visited,
.alert-popup-swatch-h-75 a:hover,
.alert-popup-swatch-h-75 a:focus,
.alert-popup-swatch-h-75 a:active,
.alert-popup-swatch-h-50,
.alert-popup-swatch-h-50 a:link,
.alert-popup-swatch-h-50 a:visited,
.alert-popup-swatch-h-50 a:hover,
.alert-popup-swatch-h-50 a:focus,
.alert-popup-swatch-h-50 a:active {
    color: #FFF;
    }

.alert-popup-swatch-a-100,
.alert-popup-swatch-b-100,
.alert-popup-swatch-c-100,
.alert-popup-swatch-d-100,
.alert-popup-swatch-e-100,
.alert-popup-swatch-f-100,
.alert-popup-swatch-g-100,
.alert-popup-swatch-h-100 {
    background-image: url(alert-popup-bar-dark.png);
    }

.alert-popup-swatch-a-25,
.alert-popup-swatch-b-25,
.alert-popup-swatch-c-25,
.alert-popup-swatch-d-25,
.alert-popup-swatch-e-25,
.alert-popup-swatch-f-25,
.alert-popup-swatch-g-25,
.alert-popup-swatch-h-25 {
    background-image: url(alert-popup-bar-light.png);
    }

/* Search finder */
dl.search-finder {
    margin: 0 0 2em 0;
}
dl.search-finder dt {
    background: #BFD5DB url(promo-blue.png) right bottom no-repeat;
    margin: 0 0 0.3333em;
}
dl.search-finder dt h3 {
    font-size: 1.143em; /*16px*/
    margin: 0;
    padding: 0.75em 32px 0.75em 0.75em;
    text-transform: none;
    font-weight: normal;
}
dl.search-finder dd {
    margin: 0 0 0.3333em;
    background: #BFD5DB;
    font-size: 0.95em;
}
dl.search-finder dd a.muted {
    color: #333;
}
dl.search-finder dd div {
    padding: 3em 2em 1em;
}
dl.search-finder p.recommended {
    font-size: 1.143em; /*16px*/
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.5em;
    line-height: 1;
}
dl.search-finder p.recommended strong {
    font-size: 1.714em; /*24px*/
    color: #C2D7DD;
    display: block;
}
dl.search-finder ul {
    margin: 1em 0;
}
dl.search-finder li {
    margin: 0.5em 0;
}
.has-js dl.search-finder dt {
    background-color: #BFD5DB;
    cursor: pointer;
}
.has-js dl.search-finder dt:hover,
.has-js dl.search-finder dt:focus {
    background-color: #D9E6EA;
}
.has-js dl.search-finder dt.active {
    position: relative;
    z-index: 20;
    background-image: none;
    background: #005870;
    color: #FFF;
}
.has-js dl.search-finder dd {
    display: none;
    background: #005870;
    color: #FFF;
}
.has-js dl.search-finder dd.active {
    display: block;
}
.has-js dl.search-finder dd a {
    color: #FFF;
}
dl.search-finder dd a.button {
    background-color: #FFF;
    color: #005870;
}
dl.search-finder dd a.button:hover,
dl.search-finder dd a.button:focus {
    color: #408294;
}
dl.search-finder dd a.button:active {
    color: #005870;
}

/* Search options */
.search-section .grid-pattern {
    margin-bottom: 2em;
}
.search-option-tabs {
    display: block;
    background: #BFD5DB;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.search-option-tabs li {
    margin: 0;
    border: 6px solid #BFD5DB;
    border-top: none;
    padding: 0;
}
.search-option-tabs li:first-child {
    border-top: 6px solid #BFD5DB;
}
.search-option-tabs a {
    display: block;
    color: #FFF;
    font-size: 1.071em; /*15px*/
    line-height: 1.1;
    margin: 0;
    padding: 0.5em;
    background: #005870;
    font-weight: normal;
    border: none;
}
.search-option-tabs a:hover,
.search-option-tabs a:focus {
    text-decoration: none;
    background: #408294;
    color: #FFF;
}
.search-option-tabs a.current {
    background: #FFF;
    color: #333;
    font-weight: bold;
}
@media all and (max-width: 960px) {
    .search-filters input[type="text"],
    .search-filters select {
        width: 65%;
    }
}
.search-filters label,
.refine-search label {
    width: 20%;
    font-weight: bold;
}

/* Range slider */
.moh-search-form .button {
    float: right;
}
#slider {
    position: relative;
    margin-left: -4px;
    margin-top: 0.5em;
}
.range-grabber {
    position: absolute;
    top: -4px;
    background-color: #EEF4F5;
    border: 1px solid #666;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    width: 8px;
    height: 22px;
    display: block;
    cursor: pointer;
    z-index: 8;
    margin-left: -4px;
    }
    .range-grabber:active {
        background-color: #dEe4e5;
        border: 1px solid #555;
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    }

.range-slidder {
    position: absolute;
    background-color: #C0D7DD;
    border: 1px solid #0B5066;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    display: block;
    height: 14px;
    cursor: pointer;
    z-index: 6;
    }
    .range-slidder:hover {
        background-color: #D0E7ED;
    }
    .range-slidder:active {
        background-color: #B0C7CD;
        border: 1px solid #0B4056;
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    }
    .range-slidder:before,
    .range-slidder:after {
        content: "";
        display: block;
        height: 7px;
        position: absolute;
        top: 3px;
        margin-left: 50%;
        margin-right: 50%;
        border-left: 3px double #0B5066;
    }
    .range-slidder:before {
        left: -4px;
    }
    .range-slidder:after {
        right: -3px;
    }

.range-area {
    background-color: #eee;
    border: 1px solid #888;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    height: 14px;
}
.range-area-period {
    border-right: 1px solid #ccc;
    box-shadow: 1px 0 0 #fff;
    width: 8.333%;
    height: 100%;
    margin-right: -1px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 8px;
    display: inline-block;
    }
    .range-area-period:last-of-type {
        border-right: 0 none;
        box-shadow: none;
    }

.range-label {
    color: #333;
    font-size: 0.857em; /*12px*/
    font-weight: bold;
    padding: 0.25em;
    margin-left: -16px;
    background-color: #FFBA00;
    display: inline-block;
    position: absolute;
    bottom: -34px;
    z-index: 5;
    }
    .range-label:before {
        content: "";
        position: absolute;
        border: 0.5em solid;
        border-color: transparent transparent #FFBA00;
        top: -1em;
        left: 10px;
    }

/* MOH Search */
.moh-search-form {
    margin: 0 0 1em 0;
}
.moh-search-form label {
    text-align: left;
    padding-bottom: 0.25em;
    width: 100%;
    display: block;
    float: none;
}
.moh-search-form input[type="text"] {
    width: 100%;
}
.moh-search-form .column {
    margin: 0;
}
.moh-search-hightlight {
    background-color: #E0ECEF;
    padding: 0 1em 1em 1em;
    margin-bottom: 2em;
}

/* Clear input */
.clear-input {
    position: relative;
}
.clear-input input  {
    padding-right: 24px
}
.clear-input .clear {
    color: #fff;
    font-size: 0.857em; /*12px*/
    font-weight: bold;
    text-align: center;
    background-color: #367F97;
    border-radius: 1em;
    padding: 0.1667em 0.3334em 0.5em 0.3334em;
    display: block;
    position: absolute;
    bottom: 6px;
    right: 4px;
    width: 1em; /* 12px */
    height: 1em; /* 12px */
    cursor: pointer;
}
.clear-input .clear:hover {
    background-color: #005870;
}

/* Auto complete */
.autocomplete-suggestions {
    border: 1px solid #BCD5DB;
    background: #fff;
    cursor: default;
    overflow: auto;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}
.autocomplete-suggestion {
    padding: 0.3em 3em 0.3em 1em;
    font-size: 1em; /*14px*/
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-selected {
    background-color: #E0ECEF;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #005870;
}

/*Select2 override*/

.select2-container .select2-choice {
display: block;
padding: 0 0 10px 8px;
overflow: hidden;
position: relative;
text-decoration: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);

box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
border-radius: 0px;
padding: 0.32em 0.25em;
}

.select2-container {
    margin: 0px;
}

.select2-container .select2-choice .select2-arrow {
    border-radius: 0px;
}

.select2-drop-active {
border-top: none;
}

.select2-chosen {
    font-weight: normal;
}

.clear-select2.clear {
    color: #fff;
    background-color: #367F97;
    border-radius: 1em;
    padding: 0.1667em 0.3em 0.5em 0.4em;
    width: 1em;
    height: 1em;
    cursor: pointer;
    font-weight: bold;
}
/* Subject Search */
.subject-search-form {
    margin-bottom: 0;
}
.subject-search-form label {
    width: 8em;
    font-weight: bold;
}
.subject-search-form input[type=search] {
    width: 60%;
}
.subject-search-form input[type=submit] {
    padding: 0.6em 1em;
}
.subject-search-results {
    list-style: none;
    list-style-image: none;
    margin: 0 0 3em 0;
    padding: 1em 0 0 0;
    background: #F2F0EE;
    border-top: 2px dashed #FFF;
}
.subject-search-results li {
    padding: 0.5em 1.25em 0 1.25em;
    overflow: hidden;
}
.subject-search-results li:nth-child(odd) {
    background-color: #F7F7F7;
}
.subject-search-results p {
    margin: 0 0 0.5em 0;
}
.subject-search-results .result {
    float: left;
}
.subject-search-results .period {
    float: right;
}
.subject-search-results .subject-guide {
    color: #008C6C;
}
.subject-search-results .related-results-toggle {
    color: #94368D;
    font-weight: bold;
}
.has-js .subject-search-results .related-results-toggle {
    display: inline-block;
    padding-left: 16px;
    background: url(sprite.png) 0 -3597px no-repeat;
    cursor: pointer;
}
.has-js .subject-search-results .related-results-toggle:hover {
    text-decoration: underline;
}
.has-js .subject-search-results .related-results-toggle.close {
    background-position: 0 -3700px;
}
.subject-search-results .related-results {
    clear: both;
    margin: 0 0 0.5em 0;
    padding: 0 0 0 2em;
}
.has-js .subject-search-results .related-results {
    display: none;
}
.subject-search-results .related-results ul {
    margin: 0 0 0 -16px;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
.subject-search-results .related-results li {
    padding: 0.25em 0;
}
.subject-search-results .related-results a {
    display: block;
    padding-left: 16px;
    background: url(sprite.png) 0 -1500px no-repeat;
}


/* clearfix */

.thumbnails {
    margin: 0 auto 2em;
}
.thumbnails:after {
    content: '';
    display: block;
    clear: both;
}
.thumbnails .figure {
    width:  210px;
    height: auto;
    float: left;
    background-color: #F2F0EE;
    margin-bottom: 15px;
}
.thumbnails .figure img {
	height: auto;
}
.thumbnails figcaption {
    display: none;
}
.thumbnails {
    margin-bottom: 4em;
}
.thumbnails * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* clearfix */
.thumbnails:after {
    content: '';
    display: block;
    clear: both;
}



/* Default */
.thumbnails .grid-sizer {
    width: 25%;
}
.thumbnails .figure {
    width: 24.555%;
}
/* XXS screen: 2 cols */
.thumbnails[min-width~="300px"] .grid-sizer {
    width: 50%;
}

.thumbnails[min-width~="300px"] .figure {
    width: 46%;
}

/* XS screen: 3 cols */
.thumbnails[min-width~="500px"] .grid-sizer {
    width: 33%;
}

.thumbnails[min-width~="500px"] .figure {
    width: 31.111%;
}

/* S screen: 4 cols */
.thumbnails[min-width~="700px"] .grid-sizer {
    width: 25%;
}

.thumbnails[min-width~="700px"] .figure {
    width: 23%;
}

/* M screen: 5 cols */
.thumbnails[min-width~="900px"] .grid-sizer {
    width: 20%;
}

.thumbnails[min-width~="900px"] .figure {
    width: 18.5%;
}

/* L screen: 6 cols */
.thumbnails[min-width~="1100px"] .grid-sizer {
    width: 16.666666667%;
}

.thumbnails[min-width~="1100px"] .figure {
    width: 15.555%;
}

/* XL screen: 7 cols */
.thumbnails[min-width~="1400px"] .grid-sizer {
    width: 14.285714286%;
}

.thumbnails[min-width~="1400px"] .figure {
    width: 13.555%;
}

#fit-width .thumbnails {
  margin: 0 auto;
}

.wrap-gallery .thumbnails {
    margin-left: 1%;
}

.thumbnails .nav-infinite {
    position: absolute;
    bottom: -3em;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
}

.has-js #wellcomePlayer .alert, .has-js #wellcomePlayer .about-package{
    display: none;
}

/* Player */
.item-info {
    padding-top: 2em;
    position: relative;
}
.item-info .item-info-title {
    font-size: 1.5em;
    line-height: 1.4em;
    margin-top: 0;
}
.item-info .item-info-thumbnail {
    float: left;
    max-width: 90px;
    position: absolute;
    left: 0;
}

.item-info-content {
    width: auto;
    float: left;
    margin-left: 110px;
}


.no-thumb .item-info-content {
    margin-left: auto;
}
.no-thumb .item-info-thumbnail {
    display: none;
}

.player-promo {
    position: absolute;
    top: 28px;
    right: 0;
    width: 250px;
}



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

/* setup and reset */
.archiveTree { float: left; }
.archiveTree.collapse { display: none; }
@media all and (max-width: 60em) {
    .archiveTree.tree { display: none; }
    .archiveTree.collapse { display: block; }
}
.archiveTree ul, .archiveTree li, .archiveTree.tree p {
    list-style: none;
    padding: 0; margin: 0;
}
.archiveTree .tooltip {
    width: 200px;
}
.archiveTree li p.active {
    background-color: #f1f1f1;
    width: 100%;
}

/* Icons */
.archiveTree__icon--camera {
    white-space: nowrap;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('../img/icons-camera.png');
    background-size: 20px 14px;
    width: 20px;
    height: 14px;
}
.archiveTree__icon--description {
    font-size: 0.8em;
    color: #666;
}



/* Tree view */

.archiveTree.tree {
    margin-bottom: 20px;
}
/* pad out node content */
.archiveTree.tree li p {
    margin-left: 25px;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 7px;
    padding-left: 5px;
    /* hack to hide the overlapping masking border on active elements*/
    z-index: 1;
    position: relative;
}

/* give every li in the tree a dash going up to it */
.archiveTree.tree ul li::before {
    content: "";
    float: left;
    width: 20px;
    height: 17px;
    border-bottom: 5px solid #ccc ;
}
/* give every ul a left hand border */
.archiveTree.tree ul.flat {
    border-left: 5px solid #ccc;
    padding-top: 15px;
    margin-left: 26px;
}
.archiveTree.tree > ul.flat {
    margin-left: 0px;
}
.archiveTree.collapse ul.flat li {
    position: relative;
}
/* to help with masking */
.archiveTree.tree ul, .archiveTree.tree li, .archiveTree.tree p {
    position: relative;
}
.archiveTree.tree ul li .last-mask {
    background-color: #fff;
    height: 20px;
    width: 5px;
    position: absolute;
    top: 22px;
    left: -5px;
}
.archiveTree.tree ul.flat::after {
    content: "";
    border-left: 5px solid #fff;
    position: absolute;
    bottom: 0;
    left: -5px;
    height: 15px;
}
/* if there is only one child element - don't show the line on the 'ul' block */
.archiveTree.tree ul.flat.one-child {
    border: 0px;
}
.archiveTree.tree ul.flat.one-child::before {
    content: "";
    float: left;
    width: 0;
    height: 25px;
    border-left: 5px solid #ccc;
    margin-top: -3px;
}
.archiveTree.tree ul.flat.one-child > li {
    padding-left: 5px;
}

/* collapse view */

.archiveTree.collapse {
    width: 100%;
    overflow: hidden;
}


/* add collapse bar for non JS items */
.archiveTree.collapse.no-js ul::before {
    background-color: #DEDEDE;
    content: '\25B4';
    text-align: center;
    display: block;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    height: 14px;
    font-size: 1.5em;
    line-height: 0.5em;
}


.archiveTree.collapse ul.last {
    padding-bottom: 10px;
    border-bottom: 20px solid #DEDEDE;
}

.archiveTree.collapse ul.last li p {
    padding-left: 20px;
}


/* pad out node content */
.archiveTree.collapse li p {
    padding: 5px 5px;
}

/* collapse toggle container */
.archiveTree.collapse .archiveTreeCollapseItem {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #DEDEDE;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
    display: block;
    /*font-size: 15px;*/
    /*line-height: 15px;*/
    font-family: "Georgia", "Apple Symbols", serif
}
.archiveTree.collapse .archiveTreeCollapseItem:hover {
    background-color: #C1BEBE;
}

/* end collapse view */
/* ///////////////////////////////// */


@media screen and (max-width: 900px) {
    .player-promo {
        position: relative;
    }
}



.item-info dt,
.item-info h2 {
    font-weight: bold;
    font-size: 1.071em;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.item-info dd {
    border-bottom: none;
}

/* Horizontal list */
.list-horizontal {
    padding: 0;
    margin-bottom: 1em;
}

.list-horizontal li {
    display: inline;
    list-style-type: none;
}

.list-horizontal li:after {
    content: "; ";
}

.list-horizontal li:last-child:after {
    content: "";
}

/* Read more link */
.read-more {
    color: #005870;
    font-weight: bold;
    text-decoration: none;
}

.read-more:hover,
.read-more:focus {
    color: #408294;
    text-decoration: underline;
    cursor: pointer;
}

.hidden-text-p:last-child br {
    display: none;
}

/* ============================================================
    Media Queries
============================================================ */
@media all {
    /* Header */
    .header .top-nav {
        float: right;
    }
    .header .top-nav li {
        float: left;
    }
    .header .site-title {
        overflow: hidden;
    }
    .header .site-title a {
        float: left;
        margin-right: 1em;
    }
    .has-js .header .top-nav,
    .has-js .header .main-nav,
    .has-js .header .search {
        display: none;
    }
}