@charset "UTF-8";
/*  CSS file for Jisc Author: cxpartners
*/
/* ============================================================================= Setup ========================================================================== */
html { overflow-x: scroll; }

@media only screen and (max-device-width: 480px), only screen and (device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: none; } }
main { clear: both; }

/*===================================== Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-family: inherit; }

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

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

blockquote, q { quotes: none; }

blockquote:before, q:before { content: open-quote; }

blockquote:after, q:after { content: close-quote; }

strong, b { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

em, i { font-style: italic; }

input[type=hidden] { display: none; }

input[disabled='disabled'] { color: #ccc; background: none; }

form { overflow: visible; }

ul { list-style: none; }

/* Basic element styles */
a { text-decoration: none; }

a:active, a:focus { border: none; outline: none; }

img { max-width: 100%; }

blockquote { font-style: normal; }

em, dfn { font-style: italic; }

dfn { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }
.js abbr, .js acronym { cursor: pointer; }

address { font-style: italic; }

del { text-decoration: line-through; }

pre, code { display: block; background: white; }

pre, code, tt { font: 15px 'andale mono', 'lucida console', monospace; line-height: 20px ; line-height: 2rem ; }

/* Base typography */
html { font-size: 62.5%; background: #E4E9EC url(../img/bg-gradient-vertical-white.png) repeat-x top left; }

body { padding: 0; margin: 0; background: url(../img/bg-gradient-radial-white.png) no-repeat 50% 0; color: #2c3841; font-size: 18px ; font-size: 1.8rem ; line-height: 20px ; line-height: 2rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.body-rd { text-rendering: auto; }

/* Not all the defaults above are inherited from body: */
input, button, textarea { color: #2c3841; font-size: 18px ; font-size: 1.8rem ; line-height: 20px ; line-height: 2rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

a { color: #00557f; word-break: normal; }
a:hover, a:focus { color: #e85e13; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; margin-bottom: 10px ; margin-bottom: 1rem ; }

h1, .page_title { font-size: 45px ; font-size: 4.5rem ; line-height: 48px ; line-height: 4.8rem ; }
@media screen and (max-width: 850px) { h1, .page_title { font-size: 39px ; font-size: 3.9rem ; line-height: 42px ; line-height: 4.2rem ; } }
@media screen and (max-width: 565px) { h1, .page_title { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; } }

h2, .section-title { font-size: 30px ; font-size: 3rem ; }
@media screen and (max-width: 850px) { h2, .section-title { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { h2, .section-title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }

label { cursor: pointer; line-height: 20px ; line-height: 2rem ; }

/* HTML5 Defaults */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

/* ============================================================================= Fonts ========================================================================== */
@font-face { font-family: "Stag Sans Web Light"; src: url("../fonts/StagSansWeb-Light.eot"); src: url("../fonts/StagSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/StagSansWeb-Light.woff") format("woff"), url("../fonts/StagSansWeb-Light.ttf") format("truetype"), url("../fonts/StagSansWeb-Light.svg#Stag Sans Web") format("svg"); font-weight: normal; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Stag Sans Web Book"; src: url("../fonts/StagSansWeb-Book.eot"); src: url("../fonts/StagSansWeb-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/StagSansWeb-Book.woff") format("woff"), url("../fonts/StagSansWeb-Book.ttf") format("truetype"), url("../fonts/StagSansWeb-Book.svg#Stag Sans Web") format("svg"); font-weight: normal; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Stag Sans Web Medium"; src: url("../fonts/StagSansWeb-Medium.eot"); src: url("../fonts/StagSansWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/StagSansWeb-Medium.woff") format("woff"), url("../fonts/StagSansWeb-Medium.ttf") format("truetype"), url("../fonts/StagSansWeb-Medium.svg#Stag Sans Web") format("svg"); font-weight: normal; font-style: normal; font-stretch: normal; }
/* ============================================================================= Layout ========================================================================== */
/* Centre aligned content wrapper
*/
.inner { width: auto; margin-left: 10px; margin-right: 10px; }
.inner.l-pull-left { width: auto; margin-left: 0; padding-left: 10px; }
@media screen and (min-width: 565px) { .inner.l-pull-left { margin-right: 10px; } }
@media screen and (min-width: 965px) { .inner.l-pull-left { padding-left: 0; } }
.inner.l-pull-left .l-pull-left { margin-left: -20px; margin-right: 0; padding-left: 20px; padding-right: 20px; }
@media screen and (max-width: 965px) { .inner.l-pull-left .l-pull-left { padding-right: 10px; } }

@media screen and (max-width: 565px) { .l-pull-left, .l-pull-left .l-pull-left { margin-left: 0; } }
/*----------------- Asymmetry
 Enable asymmetric background styling (on desktop) Requires two layers of markup:
 <div class="inner l-pull-left"> <div class="l-centre-offset">
 The required asymmetric effects aren't possible with a fixed-width viewport. It requires % width content with a % width left margin. So, to prevent the content getting too wide,  we need to add some incremental queries to adjust margin/content ratio accordingly
*/
@media screen and (min-width: 965px) { .inner { width: 97.4093264%; margin-left: 1.2953368%; }
  .inner.l-pull-left { width: 98.7046632%; margin-left: 0; }
  .l-centre-offset { margin-left: 1.3177088%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 1.3177088%; } }
@media screen and (min-width: 990px) { .inner { width: 94.9494949%; margin-left: 2.5252525%; }
  .inner.l-pull-left { width: 97.4747475%; margin-left: 0; }
  .l-centre-offset { margin-left: 2.6102779%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 2.6102779%; } }
@media screen and (min-width: 1015px) { .inner { width: 92.6108374%; margin-left: 3.6945813%; }
  .inner.l-pull-left { width: 96.3054187%; margin-left: 0; }
  .l-centre-offset { margin-left: 3.8765804%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 3.8765804%; } }
@media screen and (min-width: 1040px) { .inner { width: 90.3846154%; margin-left: 4.8076923%; }
  .inner.l-pull-left { width: 95.1923077%; margin-left: 0; }
  .l-centre-offset { margin-left: 5.1158777%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 5.1158777%; } }
@media screen and (min-width: 1065px) { .inner { width: 88.2629108%; margin-left: 5.8685446%; }
  .inner.l-pull-left { width: 94.1314554%; margin-left: 0; }
  .l-centre-offset { margin-left: 6.3277421%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 6.3277421%; } }
@media screen and (min-width: 1090px) { .inner { width: 86.2385321%; margin-left: 6.8807339%; }
  .inner.l-pull-left { width: 93.1192661%; margin-left: 0; }
  .l-centre-offset { margin-left: 7.5119939%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 7.5119939%; } }
@media screen and (min-width: 1115px) { .inner { width: 84.3049327%; margin-left: 7.8475336%; }
  .inner.l-pull-left { width: 92.1524664%; margin-left: 0; }
  .l-centre-offset { margin-left: 8.6686508%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 8.6686508%; } }
@media screen and (min-width: 1140px) { .inner { width: 82.4561404%; margin-left: 8.7719298%; }
  .inner.l-pull-left { width: 91.2280702%; margin-left: 0; }
  .l-centre-offset { margin-left: 9.7978865%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 9.7978865%; } }
@media screen and (min-width: 1165px) { .inner { width: 80.6866953%; margin-left: 9.6566524%; }
  .inner.l-pull-left { width: 90.3433476%; margin-left: 0; }
  .l-centre-offset { margin-left: 10.8999982%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 10.8999982%; } }
@media screen and (min-width: 1190px) { .inner { width: 78.9915966%; margin-left: 10.5042017%; }
  .inner.l-pull-left { width: 89.4957983%; margin-left: 0; }
  .l-centre-offset { margin-left: 11.9753784%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 11.9753784%; } }
@media screen and (min-width: 1215px) { .inner { width: 77.3662551%; margin-left: 11.3168724%; }
  .inner.l-pull-left { width: 88.6831276%; margin-left: 0; }
  .l-centre-offset { margin-left: 13.0244938%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 13.0244938%; } }
@media screen and (min-width: 1240px) { .inner { width: 75.8064516%; margin-left: 12.0967742%; }
  .inner.l-pull-left { width: 87.9032258%; margin-left: 0; }
  .l-centre-offset { margin-left: 14.0478668%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 14.0478668%; } }
@media screen and (min-width: 1265px) { .inner { width: 74.3083004%; margin-left: 12.8458498%; }
  .inner.l-pull-left { width: 87.1541502%; margin-left: 0; }
  .l-centre-offset { margin-left: 15.0460612%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 15.0460612%; } }
@media screen and (min-width: 1290px) { .inner { width: 72.8682171%; margin-left: 13.5658915%; }
  .inner.l-pull-left { width: 86.4341085%; margin-left: 0; }
  .l-centre-offset { margin-left: 16.0196703%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 16.0196703%; } }
@media screen and (min-width: 1315px) { .inner { width: 71.4828897%; margin-left: 14.2585551%; }
  .inner.l-pull-left { width: 85.7414449%; margin-left: 0; }
  .l-centre-offset { margin-left: 16.9693071%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 16.9693071%; } }
@media screen and (min-width: 1340px) { .inner { width: 70.1492537%; margin-left: 14.9253731%; }
  .inner.l-pull-left { width: 85.0746269%; margin-left: 0; }
  .l-centre-offset { margin-left: 17.8955966%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 17.8955966%; } }
@media screen and (min-width: 1365px) { .inner { width: 68.8644689%; margin-left: 15.5677656%; }
  .inner.l-pull-left { width: 84.4322344%; margin-left: 0; }
  .l-centre-offset { margin-left: 18.7991699%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 18.7991699%; } }
@media screen and (min-width: 1390px) { .inner { width: 67.6258993%; margin-left: 16.1870504%; }
  .inner.l-pull-left { width: 83.8129496%; margin-left: 0; }
  .l-centre-offset { margin-left: 19.6806584%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 19.6806584%; } }
@media screen and (min-width: 1415px) { .inner { width: 66.4310954%; margin-left: 16.7844523%; }
  .inner.l-pull-left { width: 83.2155477%; margin-left: 0; }
  .l-centre-offset { margin-left: 20.5406901%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 20.5406901%; } }
@media screen and (min-width: 1440px) { .inner { width: 65.2777778%; margin-left: 17.3611111%; }
  .inner.l-pull-left { width: 82.6388889%; margin-left: 0; }
  .l-centre-offset { margin-left: 21.3798868%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 21.3798868%; } }
@media screen and (min-width: 1465px) { .inner { width: 64.1638225%; margin-left: 17.9180887%; }
  .inner.l-pull-left { width: 82.0819113%; margin-left: 0; }
  .l-centre-offset { margin-left: 22.1988608%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 22.1988608%; } }
@media screen and (min-width: 1490px) { .inner { width: 63.0872483%; margin-left: 18.4563758%; }
  .inner.l-pull-left { width: 81.5436242%; margin-left: 0; }
  .l-centre-offset { margin-left: 22.9982133%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 22.9982133%; } }
@media screen and (min-width: 1515px) { .inner { width: 62.0462046%; margin-left: 18.9768977%; }
  .inner.l-pull-left { width: 81.0231023%; margin-left: 0; }
  .l-centre-offset { margin-left: 23.778533%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 23.778533%; } }
@media screen and (min-width: 1540px) { .inner { width: 61.038961%; margin-left: 19.4805195%; }
  .inner.l-pull-left { width: 80.5194805%; margin-left: 0; }
  .l-centre-offset { margin-left: 24.5403947%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 24.5403947%; } }
@media screen and (min-width: 1565px) { .inner { width: 60.0638978%; margin-left: 19.9680511%; }
  .inner.l-pull-left { width: 80.0319489%; margin-left: 0; }
  .l-centre-offset { margin-left: 25.2843587%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 25.2843587%; } }
@media screen and (min-width: 1590px) { .inner { width: 59.1194969%; margin-left: 20.4402516%; }
  .inner.l-pull-left { width: 79.5597484%; margin-left: 0; }
  .l-centre-offset { margin-left: 26.01097%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 26.01097%; } }
@media screen and (min-width: 1615px) { .inner { width: 58.2043344%; margin-left: 20.8978328%; }
  .inner.l-pull-left { width: 79.1021672%; margin-left: 0; }
  .l-centre-offset { margin-left: 26.7207584%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 26.7207584%; } }
@media screen and (min-width: 1640px) { .inner { width: 57.3170732%; margin-left: 21.3414634%; }
  .inner.l-pull-left { width: 78.6585366%; margin-left: 0; }
  .l-centre-offset { margin-left: 27.4142376%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 27.4142376%; } }
@media screen and (min-width: 1665px) { .inner { width: 56.4564565%; margin-left: 21.7717718%; }
  .inner.l-pull-left { width: 78.2282282%; margin-left: 0; }
  .l-centre-offset { margin-left: 28.0919057%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 28.0919057%; } }
@media screen and (min-width: 1690px) { .inner { width: 55.6213018%; margin-left: 22.1893491%; }
  .inner.l-pull-left { width: 77.8106509%; margin-left: 0; }
  .l-centre-offset { margin-left: 28.7542453%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 28.7542453%; } }
@media screen and (min-width: 1715px) { .inner { width: 54.8104956%; margin-left: 22.5947522%; }
  .inner.l-pull-left { width: 77.4052478%; margin-left: 0; }
  .l-centre-offset { margin-left: 29.4017232%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 29.4017232%; } }
@media screen and (min-width: 1740px) { .inner { width: 54.0229885%; margin-left: 22.9885057%; }
  .inner.l-pull-left { width: 77.0114943%; margin-left: 0; }
  .l-centre-offset { margin-left: 30.034791%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 30.034791%; } }
@media screen and (min-width: 1765px) { .inner { width: 53.2577904%; margin-left: 23.3711048%; }
  .inner.l-pull-left { width: 76.6288952%; margin-left: 0; }
  .l-centre-offset { margin-left: 30.6538854%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 30.6538854%; } }
@media screen and (min-width: 1790px) { .inner { width: 52.5139665%; margin-left: 23.7430168%; }
  .inner.l-pull-left { width: 76.2569832%; margin-left: 0; }
  .l-centre-offset { margin-left: 31.259428%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 31.259428%; } }
@media screen and (min-width: 1815px) { .inner { width: 51.7906336%; margin-left: 24.1046832%; }
  .inner.l-pull-left { width: 75.8953168%; margin-left: 0; }
  .l-centre-offset { margin-left: 31.8518266%; }
  .l-pull-left.ui-tabs > .ui-tabs-nav { margin-left: 31.8518266%; } }
/* Modifiers See layout containers demo
*/
.l-pull-left { border-right: none !important; /* Nested asymmetry */ /* Decorative (bg colours, top border colours) */ }
.l-pull-left .l-pull-left { width: auto !important; /* !important for IE8 which is not inheriting correctly - possibly due to 35 breakpoints! */ position: relative; }
.background .l-pull-left .l-pull-left { width: inherit !important; }
.l-pull-left .l-pull-left:after { content: " "; position: absolute; width: 10px; right: 0; top: -4px; bottom: 0; }
.lt-ie9 .l-pull-left .l-pull-left:after { right: 0px; }
@media screen and (min-width: 965px) { .l-pull-left .l-pull-left:after { width: 20px; } }
.l-pull-left.featured .featured.l-pull-left:after { right: 0; }
.l-pull-left .l-pull-left.top-bar { border-bottom-width: 0; }
.l-pull-left.v-light { background-color: #e4eaec; }
.l-pull-left.v-light .l-pull-left:after { background-color: #e4eaec; }
.l-pull-left.light { background-color: #D4DFE1; }
.l-pull-left.light .l-pull-left :after { background-color: #D4DFE1; }
.l-pull-left.medium { background-color: #C3D1D6; }
.l-pull-left.medium .l-pull-left:after { background-color: #C3D1D6; }
.l-pull-left.heavy { background-color: #2c3841; }
.l-pull-left.heavy .l-pull-left:after { background-color: #2c3841; }
.l-pull-left.blue { background-color: #0092cb; color: #fff; position: relative; margin-right: 0; }
.l-pull-left.blue .l-pull-left:after { background-color: #0092cb; }
.l-pull-left.featured { background-color: #fff; border: solid #d5dee2; border-width: 0 1px 1px 0; }
.boxshadow .l-pull-left.featured { border-right: 0px; border-bottom: 0px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-right: 0; }
.l-pull-left.featured .l-pull-left:after { background-color: #fff; }
.l-pull-left.top-bar { border-style: solid; border-width: 2px 1px 0 0; border-right: 0; border-color: #2c3841; }
.t-news-and-blog .l-pull-left.top-bar, [class^='t-'] .t-news-and-blog .l-pull-left.top-bar { border-top-color: #f3b036; }
.t-products-and-services .l-pull-left.top-bar, [class^='t-'] .t-products-and-services .l-pull-left.top-bar { border-top-color: #8c930d; }
.t-guides-and-cribsheets .l-pull-left.top-bar, [class^='t-'] .t-guides-and-cribsheets .l-pull-left.top-bar { border-top-color: #a22578; }
.t-guides-and-cribsheets.t-report .l-pull-left.top-bar, [class^='t-'] .t-guides-and-cribsheets.t-report .l-pull-left.top-bar { border-top-color: #e85e13; }
.t-r-and-d-publications .l-pull-left.top-bar, [class^='t-'] .t-r-and-d-publications .l-pull-left.top-bar { border-top-color: #0092cb; }
.t-r-and-d-publications-archive .l-pull-left.top-bar, [class^='t-'] .t-r-and-d-publications-archive .l-pull-left.top-bar { border-top-color: #70818b; }
.t-generic-content .l-pull-left.top-bar.marker, .t-generic-content .l-pull-left.top-bar.box__marker--vertical, .t-generic-content .l-pull-left.top-bar.box__marker--inline, .l-pull-left.top-bar [class^='t-'] .t--generic-content.marker, .l-pull-left.top-bar [class^='t-'] .t--generic-content.box__marker--vertical, .l-pull-left.top-bar [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .l-pull-left.top-bar, [class^='t-'] .t-events .l-pull-left.top-bar { border-top-color: #d72250; }
.t-contact .l-pull-left.top-bar, [class^='t-'] .t-contact .l-pull-left.top-bar { border-top-color: #e85e13; }
.t-about .l-pull-left.top-bar, [class^='t-'] .t-about .l-pull-left.top-bar { border-top-color: #e85e13; }
.t-inform .l-pull-left.top-bar, [class^='t-'] .t-inform .l-pull-left.top-bar { border-top-color: #f3b036; }
.t-about .l-pull-left.top-bar { border-top-color: #cd4901; }

.top-bar { border-style: solid; border-width: 2px 1px 0 0; border-right: 0; border-color: #2c3841; }
.t-news-and-blog .top-bar, [class^='t-'] .t-news-and-blog .top-bar { border-top-color: #f3b036; }
.t-products-and-services .top-bar, [class^='t-'] .t-products-and-services .top-bar { border-top-color: #8c930d; }
.t-guides-and-cribsheets .top-bar, [class^='t-'] .t-guides-and-cribsheets .top-bar { border-top-color: #a22578; }
.t-guides-and-cribsheets.t-report .top-bar, [class^='t-'] .t-guides-and-cribsheets.t-report .top-bar { border-top-color: #e85e13; }
.t-r-and-d-publications .top-bar, [class^='t-'] .t-r-and-d-publications .top-bar { border-top-color: #0092cb; }
.t-r-and-d-publications-archive .top-bar, [class^='t-'] .t-r-and-d-publications-archive .top-bar { border-top-color: #70818b; }
.t-generic-content .top-bar.marker, .t-generic-content .top-bar.box__marker--vertical, .t-generic-content .top-bar.box__marker--inline, .top-bar [class^='t-'] .t--generic-content.marker, .top-bar [class^='t-'] .t--generic-content.box__marker--vertical, .top-bar [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .top-bar, [class^='t-'] .t-events .top-bar { border-top-color: #d72250; }
.t-contact .top-bar, [class^='t-'] .t-contact .top-bar { border-top-color: #e85e13; }
.t-about .top-bar, [class^='t-'] .t-about .top-bar { border-top-color: #e85e13; }
.t-inform .top-bar, [class^='t-'] .t-inform .top-bar { border-top-color: #f3b036; }

main > .l-pull-left.featured.top-bar:first-child { border-top-width: 1px; border-color: #d5dee2; }

/* Vertical spacing helpers
*/
.l-gutter--top { margin-top: 30px ; margin-top: 3rem ; }

.l-gutter--bottom { margin-bottom: 30px ; margin-bottom: 3rem ; }

hr.l-gutter--top { visibility: hidden; margin-bottom: -1px; }

.offset-title { padding-bottom: 50px ; padding-bottom: 5rem ; }
@media screen and (max-width: 757px) { .offset-title { padding-bottom: 40px ; padding-bottom: 4rem ; } }

.offset-title__inner { width: 100%; position: absolute; left: 0; }
@media screen and (max-width: 965px) { .offset-title__inner { padding-left: 10px ; padding-left: 1rem ; width: auto; } }

.offset-title__header { text-transform: uppercase; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: inline-block; margin-bottom: 0; padding: 7px 20px 7px 0px ; padding: 0.7rem 2rem 0.7rem 0rem ; }

.offset-title__header2 { display: inline-block; }
.offset-title__header2:before { content: " "; position: relative; left: 0; width: 10000px; height: 20px; background: #0092cb; }

@media screen and (max-width: 757px) { .inner.featured-rd { margin-right: 0; } }

/* ============================================================================= 'Helper' utility classes ========================================================================== */
/* Hide from both screenreaders and browsers: h5bp.com/u */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.hidden { display: none !important; visibility: hidden; height: 0; margin: 0; }

.revealed, .no-js .form__action--hidden { clip: initial; height: auto; margin: auto; overflow: visible; position: static; width: auto; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Responsive iframes fix http://stackoverflow.com/questions/12676725/responsive-iframe-google-maps-and-weird-resizing */
.iframe-responsive-wrap { position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; }
.iframe-responsive-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** Mobile / Desktop "only" helpers to control breakpoint conditional visibility */
@media screen and (min-width: 565px) { .mobile-only { display: none !important; visibility: hidden; height: 0; margin: 0; } }

@media screen and (min-width: 710px) { .mobile-and-tablet-only { display: none !important; visibility: hidden; height: 0; margin: 0; } }

@media screen and (max-width: 565px) { .desktop-only { display: none !important; visibility: hidden; height: 0; margin: 0; } }

/** Hanging indent In situations where you have a floated element followed by an element containing paragraphs of text, you can use this class to trigger a hanging indent so that the text does not wrap around the floated item. http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/ NOTE: use with caution - comes with risk of hiding overflowed content */
.hanging-indent, .is-tabbed--vertical .ui-tabs-panel, #search__string .search-result--item .duo__body, #search-results .search-result--item .duo__body, .event-brief .duo__body, .event-details__section--programme .duo__body, .event-details__resources .event-details__resources__body, .twitter-signpost .twitter-signpost__links, .contact-info-panel .description, .contact-directions__item .duo__body { overflow: hidden; }

/* Show on printed version only: */
@media screen { .print-only { display: none !important; } }
/* ============================================================================= Grid ==========================================================================
 Two systems.
 1) A standard grid folding down to every element at unfloated 100% width based on divisions of twelve. Defined using .row and .col 2) A custom block grid folding down to  different layouts depending on number of elements in the region. Defined using .region. Also all equal height (js)
 Gutters are not part of either layout system They can be applied inside the row/col system using optional .l-gutter--left/right classes on nested elements They are applied by default to child elements in region/block configurations
 We are using two different names so we can use js to hook in and adjust heights on

*/
.lt-ie8 .block, .lt-ie8 .row, .lt-ie8 .col { zoom: 1; }

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

.row--clipped { margin-top: 10px ; margin-top: 1rem ; padding-top: 12px ; padding-top: 1.2rem ; margin-bottom: -20px ; margin-bottom: -2rem ; border-top: 1px solid #d5dee2; overflow: hidden; }
.pagination-guide-wrapper .row--clipped { margin-bottom: 0; }

.region { margin-left: -20px; }
.lt-ie8 .region { margin-left: 0; }
.region .block > * { margin-left: 20px; }
.lt-ie8 .region .block > * { margin-left: 0; }

@media screen and (min-width: 565px) { .lt-ie8 .region .block > * { margin-left: 20px; }
  .lt-ie8 .region .block-1 > * { margin-left: 0; }
  .block { float: left; }
  .region--1-up .block { float: none; }
  .region--2-up .block { width: 50%; }
  .lt-ie8 .region--2-up .block { width: 49.9%; }
  .region--3-up .block { width: 33.33333%; }
  .lt-ie8 .region--3-up .block { width: 33.3%; }
  .region--4-up .block { width: 25%; }
  .lt-ie8 .region--4-up .block { width: 24.9%; } }
@media all and (min-width: 565px) and (max-width: 757px) { .region--2-up .block { width: 50%; }
  .lt-ie8 .region--2-up .block { width: 49.9%; }
  .region--3-up .block { width: 50%; }
  .ie8 .region--3-up .block { width: 50%; }
  .region--3-up--override .block { width: auto; float: none; }
  .lt-ie8 .region--3-up .block { width: 49.9%; }
  .lt-ie9 .region--3-up--override .block { width: auto; float: none; }
  .region--3-up .block.block-1 { width: auto; float: none; }
  .region--4-up .block { width: 50%; }
  .lt-ie8 .region--4-up .block { width: 49.9%; } }
@media all and (min-width: 565px) and (max-width: 757px) { .region--3-up .block-2 > * { margin-left: 20px; }
  .lt-ie8 .region--3-up .block-2 > * { margin-left: 0; }
  .region--3-up--override .block-2 > * { margin-left: 20px; }
  .lt-ie9 .region--3-up--override .block-2 > * { margin-left: 20px; }
  .region--4-up .block-3 > * { margin-left: 20px; }
  .lt-ie8 .region--4-up .block-3 > * { margin-left: 0; } }
@media screen and (max-width: 757px) { .region--3-up .block-2, .region--3-up .block-3 { margin-top: 30px; }
  .region--4-up .block-3, .region--4-up .block-4 { margin-top: 30px; }
  .region--4-up .block-3 { clear: both; } }
@media screen and (max-width: 565px) { .region--2-up .block-2 { margin-top: 30px; }
  .region--4-up .block-4 { margin-top: 30px; } }
@media screen and (max-width: 757px) { .grid-only { display: none !important; visibility: hidden; height: 0; margin: 0; } }

@media screen and (min-width: 757px) { .linear-only { display: none !important; visibility: hidden; height: 0; margin: 0; } }

@media all and (min-width: 757px) { .col, .block { float: left; min-height: 1px; }
  /* Gutters */
  .l-gutter--left { margin-left: 20px; }
  .l-gutter--right { margin-right: 20px; }
  .l-gutter--both { margin-left: 20px; margin-right: 20px; }
  /* Column widths */
  .span-1 { width: 8.3333333%; }
  .lt-ie8 .span-1 { width: 8.2333333%; }
  .span-2 { width: 16.6666667%; }
  .lt-ie8 .span-2 { width: 16.5666667%; }
  .span-3 { width: 25%; }
  .lt-ie8 .span-3 { width: 24.9%; }
  .span-4 { width: 33.3333333%; }
  .lt-ie8 .span-4 { width: 33.2333333%; }
  .span-5 { width: 41.6666667%; }
  .lt-ie8 .span-5 { width: 41.5666667%; }
  .span-6 { width: 50%; }
  .lt-ie8 .span-6 { width: 49.9%; }
  .span-7 { width: 58.3333333%; }
  .lt-ie8 .span-7 { width: 58.2333333%; }
  .span-8 { width: 66.6666667%; }
  .lt-ie8 .span-8 { width: 66.5666667%; }
  .span-9 { width: 75%; }
  .lt-ie8 .span-9 { width: 74.9%; }
  .span-10 { width: 83.3333333%; }
  .lt-ie8 .span-10 { width: 83.2333333%; }
  .span-11 { width: 91.6666667%; }
  .lt-ie8 .span-11 { width: 91.5666667%; }
  .span-12 { float: none; width: auto; }
  .push-1 { margin-left: 8.3333333%; }
  .push-2 { margin-left: 16.6666667%; }
  .push-3 { margin-left: 25%; }
  .push-4 { margin-left: 33.3333333%; }
  .push-5 { margin-left: 41.6666667%; }
  .push-6 { margin-left: 50%; }
  .push-7 { margin-left: 58.3333333%; }
  .push-8 { margin-left: 66.6666667%; }
  .push-9 { margin-left: 75%; }
  .push-10 { margin-left: 83.3333333%; }
  .push-11 { margin-left: 91.6666667%; }
  .switch-left-3 { left: -25%; position: relative; }
  .switch-right-9 { left: 75%; position: relative; } }
/*===================================== Icons
*/
.ico-sprite, .ico-arrow-down-button, .ico-arrow-down-dark, .ico-arrow-down-hov, .ico-arrow-down-white, .ico-arrow-down, .ico-arrow-left-double-blue, .ico-arrow-left-hov, .ico-arrow-left, .ico-arrow-n-e-blue, .ico-arrow-n-e-light-blue, .ico-arrow-n-e-orange, .ico-arrow-n-e-white-large, .ico-arrow-n-e-white, .ico-arrow-right-double-blue, .ico-arrow-right-double, .ico-arrow-right-orange, .ico-arrow-right-white, .ico-arrow-right, .ico-arrow-tooltip, .ico-arrow-up-button, .ico-arrow-up-dark, .ico-arrow-up-hov, .ico-arrow-up-white, .ico-arrow-up, .ico-calendar, .ico-comment-bubble-black, .ico-comment-bubble-hov, .ico-comment-bubble, .ico-cross-small, .ico-cross, .ico-directions-by-air, .ico-directions-by-car, .ico-directions-by-coach, .ico-directions-by-train, .ico-directory, .ico-event-status-live-small, .ico-event-status-live, .ico-foot-logo-facebook, .ico-foot-logo-twitter, .ico-foot-logo-youtube, .ico-hamburger-purple, .ico-i, .ico-inform-arrow, .ico-level-down, .ico-linkedin-white, .ico-paddle-left, .ico-paddle-right-hov, .ico-paddle-right-light, .ico-paddle-right-orange, .ico-paddle-right, .ico-paperclip, .ico-pause, .ico-pdf-white, .ico-print-icon, .ico-readmore-arrow-grey, .ico-readmore-arrow-hov, .ico-readmore-arrow-large, .ico-readmore-arrow, .ico-resource, .ico-rss-blue, .ico-rss-white, .ico-search-glass, .ico-skype-white, .ico-spinner, .ico-twitter-bird, .ico-twitter-teaser-hov, .ico-twitter-teaser, .ico-twitter-white, .ico-vcard, .ico-x, .cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .cx_collapsibles__container .cx_collapsibles__trigger > a:after, .cx_collapsibles__containing.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, .cx_collapsibles__container.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, .is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__trigger > a:after, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, .read-more-break-container .read-more-break-trigger > a:before, .read-more-break-container.read-more-break-expanded .read-more-break-trigger > a:before, div.selector span:after, .teaser__tweet-footer a:hover .ico, .teaser-tweet__footer a:hover .ico, .box--tweet__follow a:hover .ico, .notice:hover .ico, .submenu__highlight .submenu__highlight__link a:hover .ico-arrow-right, .news-featured__more-link:hover .ico, .blogs-featured__more-link:hover .ico, .article-full__comment-links a:hover .ico, .pagination__item--previous a:hover .ico, .pagination__item--next a:hover .ico, .pagination__older a:hover .ico, .pagination__newer a:hover .ico, .post-meta__comment-count:hover .ico, .table-wrap .ico-arrow-down, .table-wrap .table-menu-btn:hover .ico, .table-menu-hidden .ico-arrow-down, .table-menu-hidden .table-menu-btn:hover .ico, .jisc-for__drivers a:hover .ico, .inform__more-link:hover .ico, .blocker-loading__icon { background-image: url('../img/ico-s5c8543f902.png'); background-repeat: no-repeat; }

.ico-arrow-down-button { background-position: 0 0; height: 30px; width: 30px; }

.ico-arrow-down-dark { background-position: 0 -40px; height: 16px; width: 16px; }

.ico-arrow-down-hov { background-position: 0 -66px; height: 7px; width: 13px; }

.ico-arrow-down-white { background-position: 0 -83px; height: 16px; width: 16px; }

.ico-arrow-down { background-position: 0 -109px; height: 7px; width: 13px; }

.ico-arrow-left-double-blue { background-position: 0 -126px; height: 11px; width: 12px; }
.ico-arrow-left-double-blue:hover, .ico-arrow-left-double-blue.arrow-left-double-blue-hover { background-position: 0 -147px; }

.ico-arrow-left-hov { background-position: 0 -168px; height: 9px; width: 5px; }

.ico-arrow-left { background-position: 0 -187px; height: 9px; width: 5px; }

.ico-arrow-n-e-blue { background-position: 0 -206px; height: 8px; width: 9px; }

.ico-arrow-n-e-light-blue { background-position: 0 -224px; height: 8px; width: 9px; }

.ico-arrow-n-e-orange { background-position: 0 -242px; height: 8px; width: 9px; }

.ico-arrow-n-e-white-large { background-position: 0 -260px; height: 13px; width: 13px; }

.ico-arrow-n-e-white { background-position: 0 -283px; height: 8px; width: 9px; }

.ico-arrow-right-double-blue { background-position: 0 -301px; height: 11px; width: 12px; }
.ico-arrow-right-double-blue:hover, .ico-arrow-right-double-blue.arrow-right-double-blue-hover { background-position: 0 -322px; }

.ico-arrow-right-double { background-position: 0 -343px; height: 11px; width: 12px; }

.ico-arrow-right-orange { background-position: 0 -383px; height: 9px; width: 5px; }

.ico-arrow-right-white { background-position: 0 -402px; height: 16px; width: 9px; }

.ico-arrow-right { background-position: 0 -428px; height: 9px; width: 5px; }
.ico-arrow-right:hover, .ico-arrow-right.arrow-right-hover { background-position: 0 -364px; }

.ico-arrow-tooltip { background-position: 0 -447px; height: 12px; width: 18px; }

.ico-arrow-up-button { background-position: 0 -469px; height: 30px; width: 30px; }

.ico-arrow-up-dark { background-position: 0 -509px; height: 16px; width: 16px; }

.ico-arrow-up-hov { background-position: 0 -535px; height: 7px; width: 13px; }

.ico-arrow-up-white { background-position: 0 -552px; height: 16px; width: 16px; }

.ico-arrow-up { background-position: 0 -578px; height: 7px; width: 13px; }

.ico-calendar { background-position: 0 -595px; height: 20px; width: 20px; }

.ico-comment-bubble-black { background-position: 0 -625px; height: 16px; width: 16px; }

.ico-comment-bubble-hov { background-position: 0 -651px; height: 14px; width: 16px; }

.ico-comment-bubble { background-position: 0 -675px; height: 14px; width: 16px; }

.ico-cross-small { background-position: 0 -699px; height: 13px; width: 13px; }

.ico-cross { background-position: 0 -722px; height: 32px; width: 32px; }

.ico-directions-by-air { background-position: 0 -764px; height: 63px; width: 60px; }

.ico-directions-by-car { background-position: 0 -837px; height: 63px; width: 60px; }

.ico-directions-by-coach { background-position: 0 -910px; height: 63px; width: 60px; }

.ico-directions-by-train { background-position: 0 -983px; height: 63px; width: 60px; }

.ico-directory { background-position: 0 -1056px; height: 28px; width: 25px; }

.ico-event-status-live-small { background-position: 0 -1094px; height: 27px; width: 26px; }

.ico-event-status-live { background-position: 0 -1131px; height: 48px; width: 46px; }

.ico-foot-logo-facebook { background-position: 0 -1189px; height: 31px; width: 15px; }

.ico-foot-logo-twitter { background-position: 0 -1230px; height: 27px; width: 34px; }

.ico-foot-logo-youtube { background-position: 0 -1267px; height: 30px; width: 71px; }

.ico-hamburger-purple { background-position: 0 -1307px; height: 22px; width: 22px; }

.ico-i { background-position: 0 -1339px; height: 46px; width: 46px; }

.ico-inform-arrow { background-position: 0 -1395px; height: 52px; width: 27px; }

.ico-level-down { background-position: 0 -1457px; height: 16px; width: 16px; }

.ico-linkedin-white { background-position: 0 -1483px; height: 20px; width: 20px; }

.ico-paddle-left { background-position: 0 -1513px; height: 29px; width: 15px; }

.ico-paddle-right-hov { background-position: 0 -1552px; height: 29px; width: 15px; }

.ico-paddle-right-light { background-position: 0 -1591px; height: 32px; width: 17px; }

.ico-paddle-right-orange { background-position: 0 -1633px; height: 32px; width: 17px; }

.ico-paddle-right { background-position: 0 -1675px; height: 29px; width: 15px; }

.ico-paperclip { background-position: 0 -1714px; height: 22px; width: 15px; }

.ico-pause { background-position: 0 -1746px; height: 25px; width: 25px; }

.ico-pdf-white { background-position: 0 -1781px; height: 26px; width: 22px; }

.ico-print-icon { background-position: 0 -1817px; height: 24px; width: 24px; }

.ico-readmore-arrow-grey { background-position: 0 -1851px; height: 76px; width: 39px; }

.ico-readmore-arrow-hov { background-position: 0 -1937px; height: 76px; width: 39px; }

.ico-readmore-arrow-large { background-position: 0 -2023px; height: 142px; width: 72px; }

.ico-readmore-arrow { background-position: 0 -2175px; height: 76px; width: 39px; }

.ico-resource { background-position: 0 -2261px; height: 21px; width: 14px; }

.ico-rss-blue { background-position: 0 -2292px; height: 16px; width: 16px; }

.ico-rss-white { background-position: 0 -2318px; height: 21px; width: 21px; }

.ico-search-glass { background-position: 0 -2349px; height: 32px; width: 32px; }

.ico-skype-white { background-position: 0 -2391px; height: 20px; width: 20px; }

.ico-spinner { background-position: 0 -2421px; height: 32px; width: 32px; }

.ico-twitter-bird { background-position: 0 -2463px; height: 31px; width: 40px; }

.ico-twitter-teaser-hov { background-position: 0 -2504px; height: 17px; width: 21px; }

.ico-twitter-teaser { background-position: 0 -2531px; height: 17px; width: 21px; }

.ico-twitter-white { background-position: 0 -2558px; height: 22px; width: 22px; }

.ico-vcard { background-position: 0 -2590px; height: 16px; width: 20px; }

.ico-x { background-position: 0 -2616px; height: 46px; width: 46px; }

.ico { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.lt-ie8 .ico { margin-right: 3px; text-indent: 0; line-height: 0; font-size: 0; }
.ico.ico-arrow-right, .ico.ico-arrow-left { vertical-align: -1%; }
.lt-ie8 .ico.ico-arrow-right, .lt-ie8 .ico.ico-arrow-left { vertical-align: 15%; }
.ico.ico-search-glass { background-color: transparent; }

.lt-ie8 .btn--square .ico { display: block; }

/*===================================== Icon font icons
*/
.icon { margin-right: 10px; font-size: 30px ; font-size: 3rem ; vertical-align: middle; }

body.cke_editable { background: #fff; }

/* Site-wide structure & landmarks
*/
.inner > section, .inner .l-centre-offset > section { zoom: 1; }
.inner > section:before, .inner > section:after, .inner .l-centre-offset > section:before, .inner .l-centre-offset > section:after { content: ""; display: table; }
.inner > section:after, .inner .l-centre-offset > section:after { clear: both; }
.inner > section.cx_collapsibles__container, .inner .l-centre-offset > section.cx_collapsibles__container { margin-bottom: 0; }
.inner > section.cx_collapsibles__container:last-child, .inner .l-centre-offset > section.cx_collapsibles__container:last-child { margin-bottom: 30px ; margin-bottom: 3rem ; }

.rule-above { zoom: 1; padding-top: 20px ; padding-top: 2rem ; border-top: 1px solid; }
.rule-above:before, .rule-above:after { content: ""; display: table; }
.rule-above:after { clear: both; }
.t-news-and-blog .rule-above, [class^='t-'] .t-news-and-blog .rule-above { border-top-color: #f3b036; }
.t-products-and-services .rule-above, [class^='t-'] .t-products-and-services .rule-above { border-top-color: #8c930d; }
.t-guides-and-cribsheets .rule-above, [class^='t-'] .t-guides-and-cribsheets .rule-above { border-top-color: #a22578; }
.t-guides-and-cribsheets.t-report .rule-above, [class^='t-'] .t-guides-and-cribsheets.t-report .rule-above { border-top-color: #e85e13; }
.t-r-and-d-publications .rule-above, [class^='t-'] .t-r-and-d-publications .rule-above { border-top-color: #0092cb; }
.t-r-and-d-publications-archive .rule-above, [class^='t-'] .t-r-and-d-publications-archive .rule-above { border-top-color: #70818b; }
.t-generic-content .rule-above.marker, .t-generic-content .rule-above.box__marker--vertical, .t-generic-content .rule-above.box__marker--inline, .rule-above [class^='t-'] .t--generic-content.marker, .rule-above [class^='t-'] .t--generic-content.box__marker--vertical, .rule-above [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .rule-above, [class^='t-'] .t-events .rule-above { border-top-color: #d72250; }
.t-contact .rule-above, [class^='t-'] .t-contact .rule-above { border-top-color: #e85e13; }
.t-about .rule-above, [class^='t-'] .t-about .rule-above { border-top-color: #e85e13; }
.t-inform .rule-above, [class^='t-'] .t-inform .rule-above { border-top-color: #f3b036; }

.rule-below { margin-bottom: 10px; zoom: 1; padding-bottom: 5px ; padding-bottom: 0.5rem ; border-bottom: 1px solid; }
.rule-below:before, .rule-below:after { content: ""; display: table; }
.rule-below:after { clear: both; }
.t-news-and-blog .rule-below, [class^='t-'] .t-news-and-blog .rule-below { border-bottom-color: #f3b036; }
.t-products-and-services .rule-below, [class^='t-'] .t-products-and-services .rule-below { border-bottom-color: #8c930d; }
.t-guides-and-cribsheets .rule-below, [class^='t-'] .t-guides-and-cribsheets .rule-below { border-bottom-color: #a22578; }
.t-guides-and-cribsheets.t-report .rule-below, [class^='t-'] .t-guides-and-cribsheets.t-report .rule-below { border-bottom-color: #e85e13; }
.t-r-and-d-publications .rule-below, [class^='t-'] .t-r-and-d-publications .rule-below { border-bottom-color: #0092cb; }
.t-r-and-d-publications-archive .rule-below, [class^='t-'] .t-r-and-d-publications-archive .rule-below { border-bottom-color: #70818b; }
.t-generic-content .rule-below.marker, .t-generic-content .rule-below.box__marker--vertical, .t-generic-content .rule-below.box__marker--inline, .rule-below [class^='t-'] .t--generic-content.marker, .rule-below [class^='t-'] .t--generic-content.box__marker--vertical, .rule-below [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .rule-below, [class^='t-'] .t-events .rule-below { border-bottom-color: #d72250; }
.t-contact .rule-below, [class^='t-'] .t-contact .rule-below { border-bottom-color: #e85e13; }
.t-about .rule-below, [class^='t-'] .t-about .rule-below { border-bottom-color: #e85e13; }
.t-inform .rule-below, [class^='t-'] .t-inform .rule-below { border-bottom-color: #f3b036; }

/* Landmark headings
*/
.page-title { clear: left; padding: 13px 0 0 0; margin-bottom: 0; }
.page-title a { color: #2c3841; }
.page-title a:hover, .page-title a:focus { color: #e85e13; }

/* Jisc Forms */
.form-full_header { position: relative; /** Webform specific */ /** sets width for the input fields */ }
.form-full_header .page-title { margin-bottom: 20px; }
.form-full_header span.error-message { width: 30%; margin: 0 10px; display: inline-block; float: none; }
.form-full_header .form-actions { clear: both; padding-top: 30px; }
.form-full_header fieldset.add_more_fieldset { border: none; border-bottom: 2px #D5DEE2 solid; padding: 15px 25px 25px 25px; }
.form-full_header fieldset.add_more_last_fieldset { border: none; padding: 15px 25px 25px 25px; }
.form-full_header .webform-component { clear: both; padding: 7px 0 0 0; }
.form-full_header .webform-component label.element-invisible + input { margin-left: 22%; }
.form-full_header .webform-component .description { font-size: 90%; font-style: italic; margin: 0; }
.form-full_header .webform-component-textfield label, .form-full_header .webform-component-date label, .form-full_header .webform-component-email label, .form-full_header .webform-component-file label, .form-full_header .webform-component-select label, .form-full_header .webform-component-textarea label { width: 20%; margin: 6px 10px 0 10px; float: left; text-align: right; }
.form-full_header .webform-component-textfield input, .form-full_header .webform-component-email input, .form-full_header .webform-component-select input, .form-full_header .webform-component-textarea textarea { width: 40%; }
.form-full_header .webform-component--mailist span { float: right; text-align: left; width: 93%; }
.form-full_header .webform-component--management-contact--add-more-btn, .form-full_header .webform-component--security-contact--add-more-btn, .form-full_header .webform-component--security-contact--the-same-btn, .form-full_header .remove-contact-btn { display: inline-block; float: left; clear: none; }

.node-type-generic-content .article-full__header .page-title { margin-bottom: 0; }

.section__title, .section__title--rd, .section__title--rd-numbers { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; margin-bottom: 20px ; margin-bottom: 2rem ; }
@media screen and (max-width: 850px) { .section__title, .section__title--rd, .section__title--rd-numbers { font-size: 27px ; font-size: 2.7rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .section__title, .section__title--rd, .section__title--rd-numbers { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
.section__title a, .section__title--rd a, .section__title--rd-numbers a { color: #2c3841; }
.section__title a:hover, .section__title--rd a:hover, .section__title--rd-numbers a:hover, .section__title a:focus, .section__title--rd a:focus, .section__title--rd-numbers a:focus { color: #e85e13; }
.section__title .section__title__link, .section__title--rd .section__title__link, .section__title--rd-numbers .section__title__link { color: #00557f; }

.section__title--rd { padding-top: 35px ; padding-top: 3.5rem ; padding-right: 10px ; padding-right: 1rem ; }

.section__title--rd-numbers { padding-top: 15px ; padding-top: 1.5rem ; margin-bottom: 15px ; margin-bottom: 1.5rem ; }
.has-tabs .section__title--rd-numbers { position: absolute; top: 10px ; top: 1rem ; left: 0; }
@media screen and (max-width: 850px) { .has-tabs .section__title--rd-numbers { top: 15px ; top: 1.5rem ; } }
@media screen and (max-width: 757px) { .has-tabs .section__title--rd-numbers { position: static; } }
@media screen and (max-width: 757px) { .section__title--rd-numbers { padding-top: 5px ; padding-top: 0.5rem ; } }

.page-strapline, .article-full__strapline, .event-details__header h2 { margin-top: 10px ; margin-top: 1rem ; font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 850px) { .page-strapline, .article-full__strapline, .event-details__header h2 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; margin-top: 10px ; margin-top: 1rem ; } }
@media screen and (max-width: 565px) { .page-strapline, .article-full__strapline, .event-details__header h2 { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }

.page-strapline { margin-top: 15px ; margin-top: 1.5rem ; }

/* Homepage-specifics
*/
.site-strap, .site-summary { text-align: center; line-height: 1.2; }
.site-strap a, .site-summary a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.site-strap { margin: 22px 0 20px 0; font-size: 36px ; font-size: 3.6rem ; }
@media screen and (max-width: 850px) { .site-strap { margin: 15px 0 13px 0; font-size: 30px ; font-size: 3rem ; } }
@media screen and (max-width: 565px) { .site-strap { font-size: 24px ; font-size: 2.4rem ; } }

.site-summary, .page-summary { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .site-summary, .page-summary { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .site-summary, .page-summary { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

.page-title + .page-summary { margin-top: 10px ; margin-top: 1rem ; }

.site-summary { width: 95%; margin-left: auto; margin-right: auto; }

/* Link types
*/
a.reversed, .twitter-signpost a, .reversed a, .profile__publication__title a, .article-full__body > p a, .article-full__body > blockquote p a, .article-full__body > blockquote a, .article-full__body .field-type-text-long > p a, .article-full__body .field-type-text-long > blockquote p a, .article-full__body .field-type-text-long > blockquote a, .article-full__body .custom-column > p a, .article-full__body .custom-column > blockquote p a, .article-full__body .custom-column > blockquote a, .article-full__body .ui-tabs .cx_collapsibles__target > p a, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote p a, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote a, .article-full--rd .is-collapsible .cx_collapsibles__target > p a, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote p a, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote a, .service-header__summary a, a.event-details__large, .content-longform__header .notice a, .contact-panel__callout--bottom { text-decoration: underline; }
a.reversed:hover, .twitter-signpost a:hover, .reversed a:hover, .profile__publication__title a:hover, .article-full__body > p a:hover, .article-full__body > blockquote a:hover, .article-full__body .field-type-text-long > p a:hover, .article-full__body .field-type-text-long > blockquote a:hover, .article-full__body .custom-column > p a:hover, .article-full__body .custom-column > blockquote a:hover, .article-full__body .ui-tabs .cx_collapsibles__target > p a:hover, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote a:hover, .article-full--rd .is-collapsible .cx_collapsibles__target > p a:hover, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote a:hover, .service-header__summary a:hover, a.event-details__large:hover, .content-longform__header .notice a:hover, .contact-panel__callout--bottom:hover, a.reversed:focus, .twitter-signpost a:focus, .reversed a:focus, .profile__publication__title a:focus, .article-full__body > p a:focus, .article-full__body > blockquote a:focus, .article-full__body .field-type-text-long > p a:focus, .article-full__body .field-type-text-long > blockquote a:focus, .article-full__body .custom-column > p a:focus, .article-full__body .custom-column > blockquote a:focus, .article-full__body .ui-tabs .cx_collapsibles__target > p a:focus, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote a:focus, .article-full--rd .is-collapsible .cx_collapsibles__target > p a:focus, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote a:focus, .service-header__summary a:focus, a.event-details__large:focus, .content-longform__header .notice a:focus, .contact-panel__callout--bottom:focus { text-decoration: none; }

a.reversed, .twitter-signpost a, .reversed a, .twitter-signpost a a { color: #fff; }

.block-link { display: block; }

.phone-link { text-decoration: none !important; color: #2c3841; cursor: default; }
.phone-link:hover { text-decoration: none !important; color: inherit; }

.readmore { display: none; }
@media screen and (min-width: 757px) { .readmore { display: block; position: absolute; bottom: 50%; margin-bottom: -37px; height: 75px; right: 30px; } }
@media screen and (max-width: 965px) { .has-media--side .readmore { display: none; } }
.teaser .readmore { margin-bottom: -71px; height: 142px; }

/* Contact panel link */
.contact-panel a { position: relative; z-index: 1; }

/* External link styles: */
@media screen { .article-full__body a[href^="http"], .article-full__footnotes a[href^="http"], .tooltipster-base a[href^="http"], .media__attribution a[href^="http"], .related-box a[href^="http"], .cc .duo__body a[href^="http"], .boxout .linklist a[href^="http"], .teaser__linklist__item a[href^="http"], .teaser__title a[href^="http"], .teaser-strip .box__title a[href^="http"], .service-header__summary a[href^="http"], .contact-info-panel a[href^="http"], .search-result__title a[href^="http"], .search-result__link a[href^="http"], .search-result__content a[href^="http"], .google-map a[href^="http"], .contact-panel p a[href^="http"], .in-the-media__title a[href^="http"], .blog-teaser__header a[href^="http"], .search-result--item a[href^="http"] { position: relative; }
  .article-full__body a[href^="http"]:after, .article-full__footnotes a[href^="http"]:after, .tooltipster-base a[href^="http"]:after, .media__attribution a[href^="http"]:after, .related-box a[href^="http"]:after, .cc .duo__body a[href^="http"]:after, .boxout .linklist a[href^="http"]:after, .teaser__linklist__item a[href^="http"]:after, .teaser__title a[href^="http"]:after, .teaser-strip .box__title a[href^="http"]:after, .service-header__summary a[href^="http"]:after, .contact-info-panel a[href^="http"]:after, .search-result__title a[href^="http"]:after, .search-result__link a[href^="http"]:after, .search-result__content a[href^="http"]:after, .google-map a[href^="http"]:after, .contact-panel p a[href^="http"]:after, .in-the-media__title a[href^="http"]:after, .blog-teaser__header a[href^="http"]:after, .search-result--item a[href^="http"]:after { width: 9px; height: 8px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; content: ''; vertical-align: 0.1em; margin-left: 2px; background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -206px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) { .article-full__body a[href^="http"]:after, .article-full__footnotes a[href^="http"]:after, .tooltipster-base a[href^="http"]:after, .media__attribution a[href^="http"]:after, .related-box a[href^="http"]:after, .cc .duo__body a[href^="http"]:after, .boxout .linklist a[href^="http"]:after, .teaser__linklist__item a[href^="http"]:after, .teaser__title a[href^="http"]:after, .teaser-strip .box__title a[href^="http"]:after, .service-header__summary a[href^="http"]:after, .contact-info-panel a[href^="http"]:after, .search-result__title a[href^="http"]:after, .search-result__link a[href^="http"]:after, .search-result__content a[href^="http"]:after, .google-map a[href^="http"]:after, .contact-panel p a[href^="http"]:after, .in-the-media__title a[href^="http"]:after, .blog-teaser__header a[href^="http"]:after, .search-result--item a[href^="http"]:after { background: url(../img/ico2x/arrow-n-e-blue.png); background-size: 9px 8px; } }
@media screen { .article-full__body a[href^="http"].custom-btn:link:after, .article-full__footnotes a[href^="http"].custom-btn:link:after, .tooltipster-base a[href^="http"].custom-btn:link:after, .media__attribution a[href^="http"].custom-btn:link:after, .related-box a[href^="http"].custom-btn:link:after, .cc .duo__body a[href^="http"].custom-btn:link:after, .boxout .linklist a[href^="http"].custom-btn:link:after, .teaser__linklist__item a[href^="http"].custom-btn:link:after, .teaser__title a[href^="http"].custom-btn:link:after, .teaser-strip .box__title a[href^="http"].custom-btn:link:after, .service-header__summary a[href^="http"].custom-btn:link:after, .contact-info-panel a[href^="http"].custom-btn:link:after, .search-result__title a[href^="http"].custom-btn:link:after, .search-result__link a[href^="http"].custom-btn:link:after, .search-result__content a[href^="http"].custom-btn:link:after, .google-map a[href^="http"].custom-btn:link:after, .contact-panel p a[href^="http"].custom-btn:link:after, .in-the-media__title a[href^="http"].custom-btn:link:after, .blog-teaser__header a[href^="http"].custom-btn:link:after, .search-result--item a[href^="http"].custom-btn:link:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; }
  .article-full__body a[href^="http"].custom-btn:hover:after, .article-full__footnotes a[href^="http"].custom-btn:hover:after, .tooltipster-base a[href^="http"].custom-btn:hover:after, .media__attribution a[href^="http"].custom-btn:hover:after, .related-box a[href^="http"].custom-btn:hover:after, .cc .duo__body a[href^="http"].custom-btn:hover:after, .boxout .linklist a[href^="http"].custom-btn:hover:after, .teaser__linklist__item a[href^="http"].custom-btn:hover:after, .teaser__title a[href^="http"].custom-btn:hover:after, .teaser-strip .box__title a[href^="http"].custom-btn:hover:after, .service-header__summary a[href^="http"].custom-btn:hover:after, .contact-info-panel a[href^="http"].custom-btn:hover:after, .search-result__title a[href^="http"].custom-btn:hover:after, .search-result__link a[href^="http"].custom-btn:hover:after, .search-result__content a[href^="http"].custom-btn:hover:after, .google-map a[href^="http"].custom-btn:hover:after, .contact-panel p a[href^="http"].custom-btn:hover:after, .in-the-media__title a[href^="http"].custom-btn:hover:after, .blog-teaser__header a[href^="http"].custom-btn:hover:after, .search-result--item a[href^="http"].custom-btn:hover:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; }
  .article-full__body a[href^="http"].cc__link:after, .article-full__footnotes a[href^="http"].cc__link:after, .tooltipster-base a[href^="http"].cc__link:after, .media__attribution a[href^="http"].cc__link:after, .related-box a[href^="http"].cc__link:after, .cc .duo__body a[href^="http"].cc__link:after, .boxout .linklist a[href^="http"].cc__link:after, .teaser__linklist__item a[href^="http"].cc__link:after, .teaser__title a[href^="http"].cc__link:after, .teaser-strip .box__title a[href^="http"].cc__link:after, .service-header__summary a[href^="http"].cc__link:after, .contact-info-panel a[href^="http"].cc__link:after, .search-result__title a[href^="http"].cc__link:after, .search-result__link a[href^="http"].cc__link:after, .search-result__content a[href^="http"].cc__link:after, .google-map a[href^="http"].cc__link:after, .contact-panel p a[href^="http"].cc__link:after, .in-the-media__title a[href^="http"].cc__link:after, .blog-teaser__header a[href^="http"].cc__link:after, .search-result--item a[href^="http"].cc__link:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -224px; }
  .article-full__body a[href^="http"]:hover:after, .article-full__footnotes a[href^="http"]:hover:after, .tooltipster-base a[href^="http"]:hover:after, .media__attribution a[href^="http"]:hover:after, .related-box a[href^="http"]:hover:after, .cc .duo__body a[href^="http"]:hover:after, .boxout .linklist a[href^="http"]:hover:after, .teaser__linklist__item a[href^="http"]:hover:after, .teaser__title a[href^="http"]:hover:after, .teaser-strip .box__title a[href^="http"]:hover:after, .service-header__summary a[href^="http"]:hover:after, .contact-info-panel a[href^="http"]:hover:after, .search-result__title a[href^="http"]:hover:after, .search-result__link a[href^="http"]:hover:after, .search-result__content a[href^="http"]:hover:after, .google-map a[href^="http"]:hover:after, .contact-panel p a[href^="http"]:hover:after, .in-the-media__title a[href^="http"]:hover:after, .blog-teaser__header a[href^="http"]:hover:after, .search-result--item a[href^="http"]:hover:after { width: 9px; height: 8px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; content: ''; vertical-align: 0.1em; background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -242px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) { .article-full__body a[href^="http"]:hover:after, .article-full__footnotes a[href^="http"]:hover:after, .tooltipster-base a[href^="http"]:hover:after, .media__attribution a[href^="http"]:hover:after, .related-box a[href^="http"]:hover:after, .cc .duo__body a[href^="http"]:hover:after, .boxout .linklist a[href^="http"]:hover:after, .teaser__linklist__item a[href^="http"]:hover:after, .teaser__title a[href^="http"]:hover:after, .teaser-strip .box__title a[href^="http"]:hover:after, .service-header__summary a[href^="http"]:hover:after, .contact-info-panel a[href^="http"]:hover:after, .search-result__title a[href^="http"]:hover:after, .search-result__link a[href^="http"]:hover:after, .search-result__content a[href^="http"]:hover:after, .google-map a[href^="http"]:hover:after, .contact-panel p a[href^="http"]:hover:after, .in-the-media__title a[href^="http"]:hover:after, .blog-teaser__header a[href^="http"]:hover:after, .search-result--item a[href^="http"]:hover:after { background: url(../img/ico2x/arrow-n-e-orange.png); background-size: 9px 8px; } }
@media screen { .article-full__body a[href^="http"]:hover.cc__link:after, .article-full__footnotes a[href^="http"]:hover.cc__link:after, .tooltipster-base a[href^="http"]:hover.cc__link:after, .media__attribution a[href^="http"]:hover.cc__link:after, .related-box a[href^="http"]:hover.cc__link:after, .cc .duo__body a[href^="http"]:hover.cc__link:after, .boxout .linklist a[href^="http"]:hover.cc__link:after, .teaser__linklist__item a[href^="http"]:hover.cc__link:after, .teaser__title a[href^="http"]:hover.cc__link:after, .teaser-strip .box__title a[href^="http"]:hover.cc__link:after, .service-header__summary a[href^="http"]:hover.cc__link:after, .contact-info-panel a[href^="http"]:hover.cc__link:after, .search-result__title a[href^="http"]:hover.cc__link:after, .search-result__link a[href^="http"]:hover.cc__link:after, .search-result__content a[href^="http"]:hover.cc__link:after, .google-map a[href^="http"]:hover.cc__link:after, .contact-panel p a[href^="http"]:hover.cc__link:after, .in-the-media__title a[href^="http"]:hover.cc__link:after, .blog-teaser__header a[href^="http"]:hover.cc__link:after, .search-result--item a[href^="http"]:hover.cc__link:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -224px; }
  .blog-teaser__header a[href^="http"]:after { margin-left: 3px; margin-bottom: 3px; }
  .contact-panel p a[href^="http"]:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; }
  .contact-panel p a[href^="http"]:hover:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; }
  .contact-panel p a[href^="http"]:hover:hover:after { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; }
  a[href^="http"] .btn__text:after, a.btn--simple[href^="http"]:after, .rd-arrow-link:after, a[href^="http"] .box--icon__panel__text:after, a[href^="http"].box--icon__link:after { content: "\e61b"; font-size: 12px ; font-size: 1.2rem ; font-family: 'icomoon'; }
  .cx_gmap > a[href^="http"]:after, .media-element > a[href^="http"]:after { width: 0; height: 0; content: ''; vertical-align: 0; background: none; margin-left: 0; display: none; }
  .cx_gmap > a[href^="http"]:hover:after, .media-element > a[href^="http"]:hover:after { background: none; }
  .cx_gmap > a[href^="http"]:hover:hover:after, .media-element > a[href^="http"]:hover:hover:after { display: none; background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -283px; opacity: 0.85; } }
/* Misc useful reusable stuff
*/
.teaser__linklist__item .publish-date, .teaser__linklist__item .via, .linklist__item .publish-date, .profile__publication .publish-date, .news-featured .publish-date { display: block; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #2c3841; }

[data-img-src] { display: none; }

[tabindex="-1"] { outline: 0; }

/* Content filter module, small screen first
*/
.prev-btn, .next-btn { position: absolute; top: 12px; }

.prev-btn { left: 0; }

.next-btn { right: 0; }

.caroufredsel_wrapper { width: 98% !important; }

.cx__content-filter__outer-wrapper { zoom: 1; }

.cx__content-filter__inner-wrapper { padding: 0 20px; }

.cx__content-filter > li { float: left; }
.cx__content-filter > li .cx__content-filter__label { display: inline-block; }

.cx__content-filter__result-count { display: none; }

/* Content filter module, larger screens
*/
@media screen and (min-width: 565px) { .cx__content-filter__outer-wrapper { float: left; }
  /* @OPTIMIZE: reduce nesting where possible */
  .cx__content-filter > li .cx__content-filter__label { margin-right: 6px; }
  .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected { padding: 4px; margin-left: 8px; }
  .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected:focus { border: 1px solid #000; }
  .cx__content-filter .cx__content-filter__more-group { position: relative; }
  .cx__content-filter .cx__content-filter__more-group .ico-arrow-down, .cx__content-filter .cx__content-filter__more-group .ico-arrow-up { margin-left: 6px; }
  .cx__content-filter .cx__content-filter__more-group .ico-arrow-up { display: none; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__label { margin-right: 0; }
  .no-touch .cx__content-filter .cx__content-filter__more-group:hover .cx__content-filter__more-group__sub-list, .cx__content-filter .cx__content-filter__more-group:focus .cx__content-filter__more-group__sub-list, .cx__content-filter .cx__content-filter__more-group.has-focus .cx__content-filter__more-group__sub-list, .touch .cx__content-filter .cx__content-filter__more-group.open .cx__content-filter__more-group__sub-list { display: block; }
  .no-touch .cx__content-filter .cx__content-filter__more-group:hover .ico-arrow-down, .cx__content-filter .cx__content-filter__more-group:focus .ico-arrow-down, .cx__content-filter .cx__content-filter__more-group.has-focus .ico-arrow-down, .touch .cx__content-filter .cx__content-filter__more-group.open .ico-arrow-down { display: none; }
  .no-touch .cx__content-filter .cx__content-filter__more-group:hover .ico-arrow-up, .cx__content-filter .cx__content-filter__more-group:focus .ico-arrow-up, .cx__content-filter .cx__content-filter__more-group.has-focus .ico-arrow-up, .touch .cx__content-filter .cx__content-filter__more-group.open .ico-arrow-up { display: inline-block; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__more-group__sub-list { display: none; position: absolute; right: 0; padding: 8px 0; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__more-group__sub-list > li .cx__content-filter__label { display: block; padding: 8px 20px; }
  .cx__content-filter__result-count { display: inline; padding-left: 0px; }
  .cx__content-filter__sort-by__holder { float: right; }
  .cx__content-filter__scroll-btn { display: none; } }
/** Default collapsibles styles. */
.event-details__section--programme__item:first-of-type, .cx_collapsibles__container:first-of-type { border-top: 1px solid #d5dee2; }

.cx_collapsibles__containing, .cx_collapsibles__container { clear: both; border-bottom: 1px solid #d5dee2; padding: 10px ; padding: 1rem ; position: relative; margin-bottom: 0; }
.project-slider__inner .cx_collapsibles__containing, .project-slider__inner .cx_collapsibles__container { padding: 0; border: 0; }
.cx_collapsibles__containing p, .cx_collapsibles__container p { font-size: 15px ; font-size: 1.5rem ; line-height: 21px ; line-height: 2.1rem ; margin-bottom: 1em; }
.cx_collapsibles__containing h2, .cx_collapsibles__container h2 { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; }
.cx_collapsibles__containing h2 a, .cx_collapsibles__container h2 a { padding-bottom: .7rem !important; padding-top: .7rem !important; }
.cx_collapsibles__containing h3, .cx_collapsibles__container h3 { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
.cx_collapsibles__containing .article-full__body, .cx_collapsibles__containing .cx_collapsibles__target, .cx_collapsibles__container .article-full__body, .cx_collapsibles__container .cx_collapsibles__target { display: none; }
.cx_collapsibles__containing .article-full__body li, .cx_collapsibles__containing .cx_collapsibles__target li, .cx_collapsibles__container .article-full__body li, .cx_collapsibles__container .cx_collapsibles__target li { padding: 2px 0 4px 1.3em; background-repeat: no-repeat; background-position: 2px 10px; background-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU5RDQwREM4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU5RDQwREI4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExOTJCMDgwNTRGN0U1RjYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhlWfB8AAABTSURBVHjaYrx4+z4DECQAcQQQ2wLxYSBeAcQLWKASM4CYnQEC3IHYAcRgguqAScAAiB/BBDUKG7BlgtqBDRxmglr+E00CxF8BctACqACGawECDADLnRBj3LRFBAAAAABJRU5ErkJggg=="); }
.cx_collapsibles__containing .article-full__body .event-details__section--programme__performers li, .cx_collapsibles__containing .cx_collapsibles__target .event-details__section--programme__performers li, .cx_collapsibles__container .article-full__body .event-details__section--programme__performers li, .cx_collapsibles__container .cx_collapsibles__target .event-details__section--programme__performers li { background-image: none; }
.cx_collapsibles__containing .article-full__body ol > li, .cx_collapsibles__containing .cx_collapsibles__target ol > li, .cx_collapsibles__container .article-full__body ol > li, .cx_collapsibles__container .cx_collapsibles__target ol > li { font-size: 1.5rem; background-image: none; }
.cx_collapsibles__containing .event-details__section--programme__performers li, .cx_collapsibles__container .event-details__section--programme__performers li { padding: 0; background: none; background-image: none; }
@media screen and (max-width: 565px) { .l-gutter--right > .cx_collapsibles__containing, .l-gutter--right > .cx_collapsibles__container { margin-left: -10px; margin-right: -10px; padding-right: 20px; padding-left: 20px; }
  .l-gutter--right > .cx_collapsibles__containing .cx_collapsibles__containing, .l-gutter--right > .cx_collapsibles__containing .cx_collapsibles__container, .l-gutter--right > .cx_collapsibles__containing .event-details__section--programme__item, .l-gutter--right > .cx_collapsibles__container .cx_collapsibles__containing, .l-gutter--right > .cx_collapsibles__container .cx_collapsibles__container, .l-gutter--right > .cx_collapsibles__container .event-details__section--programme__item { padding: 10px ; padding: 1rem ; margin-left: 0; margin-right: 0; } }
.cx_collapsibles__containing .event-details__section--programme__item, .cx_collapsibles__container .event-details__section--programme__item { padding-left: 50px !important; }
.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__container .cx_collapsibles__trigger { cursor: pointer; margin: 0; }
.cx_collapsibles__containing .cx_collapsibles__trigger > a, .cx_collapsibles__container .cx_collapsibles__trigger > a { position: relative; padding-right: 50px; color: #2c3841; display: block; padding-top: 10px ; padding-top: 1rem ; padding-bottom: 7px ; padding-bottom: 0.7rem ; }
.no-touch .cx_collapsibles__containing .cx_collapsibles__trigger > a:hover, .no-touch .cx_collapsibles__container .cx_collapsibles__trigger > a:hover { color: #e85e13; }
.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .cx_collapsibles__container .cx_collapsibles__trigger > a:after { position: absolute; top: 50%; right: 0; margin-top: -15px; content: ''; display: block; background-position: 0 0; height: 30px; width: 30px; }
.cx_collapsibles__containing .cx_collapsibles__trigger--alt, .cx_collapsibles__container .cx_collapsibles__trigger--alt { cursor: pointer; }
@media screen and (min-width: 757px) { .cx_collapsibles__containing .cx_collapsibles__trigger__subject, .cx_collapsibles__container .cx_collapsibles__trigger__subject { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 35%; } }
.cx_collapsibles__containing .cx_collapsibles__trigger__teaser, .cx_collapsibles__container .cx_collapsibles__trigger__teaser { color: #2c3841; position: absolute; left: 0; top: 0; display: block; font-size: 18px ; font-size: 1.8rem ; }
@media screen and (max-width: 757px) { .cx_collapsibles__containing .cx_collapsibles__trigger__teaser, .cx_collapsibles__container .cx_collapsibles__trigger__teaser { top: 50px; left: -9999px; } }
@media screen and (min-width: 757px) { .cx_collapsibles__containing .cx_collapsibles__trigger__teaser, .cx_collapsibles__container .cx_collapsibles__trigger__teaser { padding-top: 10px ; padding-top: 1rem ; padding-bottom: 7px ; padding-bottom: 0.7rem ; line-height: 33px ; line-height: 3.3rem ; } }
@media screen and (max-width: 757px) { .cx_collapsibles__containing.cx_collapsibles--is-expanded .cx_collapsibles__trigger__teaser, .cx_collapsibles__container.cx_collapsibles--is-expanded .cx_collapsibles__trigger__teaser { position: static; top: auto; left: auto; display: block; margin-bottom: 5px ; margin-bottom: 0.5rem ; } }
.cx_collapsibles__containing.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, .cx_collapsibles__container.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-position: 0 -469px; height: 30px; width: 30px; }
.cx_collapsibles__containing.cx_collapsibles--is-expanded .cx_collapsibles__target, .cx_collapsibles__container.cx_collapsibles--is-expanded .cx_collapsibles__target { padding-top: 5px ; padding-top: 0.5rem ; padding-bottom: 10px ; padding-bottom: 1rem ; }
.project-slider__inner .cx_collapsibles__containing.cx_collapsibles--is-expanded .cx_collapsibles__target, .project-slider__inner .cx_collapsibles__container.cx_collapsibles--is-expanded .cx_collapsibles__target { padding-top: 0; }

/**
*   this is to remove the styling linked to the collapsible container class - this style is extended within the collapsibles plugin
*/
.cx_collapsibles__containing { padding: 0; }
.cx_collapsibles__containing p { font-size: 18px ; font-size: 1.8rem ; line-height: 27px ; line-height: 2.7rem ; margin-bottom: 1em; }
.cx_collapsibles__containing h2 { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
.cx_collapsibles__containing h3 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }

.cx_collapsibles__toggle { float: right; text-decoration: underline; margin-bottom: 10px ; margin-bottom: 1rem ; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.touch .cx_collapsibles__toggle:hover { color: #00557f; }
.no-touch .cx_collapsibles__toggle:hover, .cx_collapsibles__toggle:focus { text-decoration: none; }

/** Collapsible variants */
/** Variant with the state indicator on the left */
.is-collapsible--left.cx_collapsibles__containing, .cx_collapsibles__containing.is-collapsible--blue, .is-collapsible--left.cx_collapsibles__container, .cx_collapsibles__container.is-collapsible--blue { padding-left: 50px !important; }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger, .is-collapsible--left.cx_collapsibles__container .cx_collapsibles__trigger, .cx_collapsibles__container.is-collapsible--blue .cx_collapsibles__trigger { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger, .is-collapsible--left.cx_collapsibles__container .cx_collapsibles__trigger, .cx_collapsibles__container.is-collapsible--blue .cx_collapsibles__trigger { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger, .is-collapsible--left.cx_collapsibles__container .cx_collapsibles__trigger, .cx_collapsibles__container.is-collapsible--blue .cx_collapsibles__trigger { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger > a, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger > a, .is-collapsible--left.cx_collapsibles__container .cx_collapsibles__trigger > a, .cx_collapsibles__container.is-collapsible--blue .cx_collapsibles__trigger > a { position: static; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger > a:after, .is-collapsible--left.cx_collapsibles__container .cx_collapsibles__trigger > a:after, .cx_collapsibles__container.is-collapsible--blue .cx_collapsibles__trigger > a:after { margin: 0; top: 20px; left: 10px; right: auto; }

/** Blue and red buttoned variant */
html.no-js .is-collapsible--blue .cx_collapsibles__trigger { line-height: 30px ; line-height: 3rem ; margin: 7px 0px 1px ; margin: 0.7rem 0rem 0.1rem ; }
.is-collapsible--blue.cx_collapsibles__containing, .is-collapsible--blue.cx_collapsibles__container { padding: 0 0 0 50px; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a, .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__trigger > a { font-size: 18px ; font-size: 1.8rem ; position: static; color: #00557f; }
.no-touch .is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a:hover, .no-touch .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__trigger > a:hover { color: #e85e13; }
.no-touch .is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a:hover:after, .no-touch .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__trigger > a:hover:after { background-color: #e85e13; border-color: #e85e13; }
.is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__trigger > a:after { top: 13px; border: 3px solid #00557f; background-color: #00557f; background-position: 0 -83px; height: 16px; width: 16px; -moz-transition: background-color 0.3s linear, border-color 0.3s linear; -o-transition: background-color 0.3s linear, border-color 0.3s linear; -webkit-transition: background-color 0.3s linear, border-color 0.3s linear; transition: background-color 0.3s linear, border-color 0.3s linear; content: "1"; text-indent: -999em; }
.is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__target, .is-collapsible--blue.cx_collapsibles__container .cx_collapsibles__target { padding-right: 40px; margin-top: 15px ; margin-top: 1.5rem ; }
.is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; text-decoration: none; }
.no-touch .is-collapsible--blue.cx_collapsibles__containing .cx_collapsibles__trigger > a:hover { color: #00557f; text-decoration: underline; }
.is-collapsible--blue.cx_collapsibles--is-expanded, .is-collapsible--blue.cx_collapsibles--is-expanding { background-color: #e4eaec; }
.t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #f3b036; }
.t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #8c930d; }
.t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #a22578; }
.t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #e85e13; }
.t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #0092cb; }
.t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #70818b; }
.t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.marker, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--vertical, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--inline, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a [class^='t-'] .t--generic-content.marker, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a [class^='t-'] .t--generic-content.box__marker--vertical, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #d72250; }
.t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #e85e13; }
.t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #e85e13; }
.t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a, [class^='t-'] .t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #f3b036; }
.is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-position: 0 -552px; height: 16px; width: 16px; content: "2"; text-indent: -999em; }
.t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #f3b036; }
.t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #8c930d; }
.t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #a22578; }
.t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #e85e13; }
.t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #0092cb; }
.t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #70818b; }
.t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after.marker, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--vertical:after, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--inline:after, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.marker, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.box__marker--vertical, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #d72250; }
.t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #e85e13; }
.t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #e85e13; }
.t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #f3b036; }
.t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #f3b036; }
.t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #8c930d; }
.t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #e85e13; }
.t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #0092cb; }
.t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #70818b; }
.t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after.marker, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--vertical:after, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a.box__marker--inline:after, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.marker, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.box__marker--vertical, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #d72250; }
.t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #e85e13; }
.t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #e85e13; }
.t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, [class^='t-'] .t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { background-color: #f3b036; }
.article-full--rd .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a { color: #00557f; }
.article-full--rd .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after { border-color: #00557f; background-color: #00557f; }
.is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-news-and-blog .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #f3b036; }
.t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-products-and-services .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #8c930d; }
.t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-guides-and-cribsheets .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #a22578; }
.t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-guides-and-cribsheets.t-report .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #e85e13; }
.t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-r-and-d-publications .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #0092cb; }
.t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-r-and-d-publications-archive .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #70818b; }
.t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a.marker, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a.box__marker--vertical, .t-generic-content .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a.box__marker--inline, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a [class^='t-'] .t--generic-content.marker, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a [class^='t-'] .t--generic-content.box__marker--vertical, .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-events .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #d72250; }
.t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-contact .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #e85e13; }
.t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-about .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #e85e13; }
.t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a, [class^='t-'] .t-inform .is-collapsible--blue.cx_collapsibles--is-expanded .cx_collapsibles__trigger--alt > a { color: #f3b036; }

.is-collapsible--blue.cx_collapsibles__containing.cx_collapsibles--is-expanded, .is-collapsible--blue.cx_collapsibles__containing.cx_collapsibles--is-expanding { background-color: transparent; }

/** Variant with the state indicator on the left */
.is-collapsible--left.cx_collapsibles__containing, .cx_collapsibles__containing.is-collapsible--blue { padding-left: 0 !important; }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
@media screen and (max-width: 850px) { .is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
@media screen and (max-width: 565px) { .is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger > a, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger > a { padding-left: 35px ; padding-left: 3.5rem ; padding-bottom: 10px ; padding-bottom: 1rem ; }
.is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger > a:after { left: 0; top: 10px ; top: 1rem ; }
@media screen and (max-width: 565px) { .is-collapsible--left.cx_collapsibles__containing .cx_collapsibles__trigger > a:after, .cx_collapsibles__containing.is-collapsible--blue .cx_collapsibles__trigger > a:after { top: 0; } }

.is-show-more { clear: both; margin-bottom: 20px ; margin-bottom: 2rem ; border-bottom: 0; }
.article-full--rd .is-show-more { margin: -10px 0px 45px ; margin: -1rem 0rem 4.5rem ; }
.box__inner .is-show-more { margin-bottom: 0; }
.is-show-more.cx_collapsibles__containing .cx_collapsibles__trigger { padding-bottom: 30px ; padding-bottom: 3rem ; }
@media screen and (max-width: 565px) { .is-show-more.cx_collapsibles__containing .cx_collapsibles__trigger { padding-top: 20px ; padding-top: 2rem ; } }
.is-show-more.cx_collapsibles__containing .cx_collapsibles__trigger > a { position: absolute; width: 100%; box-sizing: border-box; }
.is-show-more.cx_collapsibles__containing .cx_collapsibles__trigger > a:after { margin: 0; bottom: 10px; top: auto; }

.has-no-icon { clear: both; }
.has-no-icon > a:after { display: none !important; }

.t-guides-and-cribsheets .book-menu .cx_collapsibles__target { margin-top: 0; padding-top: 0; padding-bottom: 2.3rem; }
.t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { color: #fff; }
.t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #f3b036; }
.t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #8c930d; }
.t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #e85e13; }
.t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #0092cb; }
.t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #70818b; }
.t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active.marker, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active.box__marker--vertical, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active.box__marker--inline, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active [class^='t-'] .t--generic-content.marker, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active [class^='t-'] .t--generic-content.box__marker--vertical, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active [class^='t-'] .t--generic-content.box__marker--inline, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover.marker, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a.box__marker--vertical:hover, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a.box__marker--inline:hover, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover [class^='t-'] .t--generic-content.marker, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover [class^='t-'] .t--generic-content.box__marker--vertical, .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #d72250; }
.t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #e85e13; }
.t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #e85e13; }
.t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, [class^='t-'] .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__target .active, .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover, [class^='t-'] .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__target a:hover { background-color: #f3b036; }
.t-guides-and-cribsheets .book-menu .cx_collapsibles__target a { font-size: 13px; line-height: 16px; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-news-and-blog .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #f3b036; }
.t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-products-and-services .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #8c930d; }
.t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-guides-and-cribsheets .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #a22578; }
.t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-guides-and-cribsheets.t-report .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #e85e13; }
.t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-r-and-d-publications .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #0092cb; }
.t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-r-and-d-publications-archive .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #70818b; }
.t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a.marker, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a.box__marker--vertical, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a.box__marker--inline, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a [class^='t-'] .t--generic-content.marker, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a [class^='t-'] .t--generic-content.box__marker--vertical, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a [class^='t-'] .t--generic-content.box__marker--inline, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span.marker, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span.box__marker--vertical, .t-generic-content .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span.box__marker--inline, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span [class^='t-'] .t--generic-content.marker, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span [class^='t-'] .t--generic-content.box__marker--vertical, .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-events .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #d72250; }
.t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-contact .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #e85e13; }
.t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-about .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #e85e13; }
.t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, [class^='t-'] .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger a, .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span, [class^='t-'] .t-inform .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger span { color: #f3b036; }
.no-touch .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger:hover a, .no-touch .t-guides-and-cribsheets .book-menu .cx_collapsibles__trigger:hover span { color: #e85e13 !important; }

.node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue { background-color: transparent; padding-left: 10px !important; }
.node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded li, .node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded .book-root, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue li, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue .book-root { background: none; padding-top: 0; padding-bottom: 0; }
.node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded li a, .node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded .book-root a, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue li a, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue .book-root a { padding: 5px 7px; }
.node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:after, .node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded .cx_collapsibles__trigger > a:hover:after, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue .cx_collapsibles__trigger > a:after, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue .cx_collapsibles__trigger > a:hover:after { background: none; border: none; }
.node-type-guide .t-guides-and-cribsheets .book-menu .cx_collapsibles--is-expanded .cx_collapsibles__trigger span, .node-type-guide .t-guides-and-cribsheets .book-menu .is-collapsible--blue .cx_collapsibles__trigger span { font-size: 24px; position: relative; top: -2px; vertical-align: middle; }

.read-more-break-container .read-more-break-trigger > a { font-size: 18px ; font-size: 1.8rem ; position: static; color: #00557f; text-decoration: none; }
.read-more-break-container .read-more-break-trigger > a:hover { color: #e85e13; }
.read-more-break-container .read-more-break-trigger > a:before { display: block; float: left; margin-top: 2px; margin-right: 10px; top: 13px; border: 3px solid #00557f; background-color: #00557f; background-position: 0 -83px; height: 16px; width: 16px; -moz-transition: background-color 0.3s linear, border-color 0.3s linear; -o-transition: background-color 0.3s linear, border-color 0.3s linear; -webkit-transition: background-color 0.3s linear, border-color 0.3s linear; transition: background-color 0.3s linear, border-color 0.3s linear; content: "1"; text-indent: -999em; }
.read-more-break-container.read-more-break-expanded .read-more-break-trigger > a:before { border: 3px solid #00557f; background-color: #00557f; background-position: 0 -552px; height: 16px; width: 16px; content: "2"; text-indent: -999em; }

/** Base tab styles. jQuery UI Tab widget */
.ui-tabs { zoom: 1; }
.ui-tabs:before, .ui-tabs:after { content: ""; display: table; }
.ui-tabs:after { clear: both; }

.ui-tabs-nav { zoom: 1; }
.ui-tabs-nav:before, .ui-tabs-nav:after { content: ""; display: table; }
.ui-tabs-nav:after { clear: both; }
.ui-tabs-nav li { float: left; margin-right: 3px; }
.ui-tabs-nav a { padding: 0 19px; color: #00557f; background-color: #d5dee2; display: block; -moz-transition: background-color 0.05s linear, color 0.05s linear; -o-transition: background-color 0.05s linear, color 0.05s linear; -webkit-transition: background-color 0.05s linear, color 0.05s linear; transition: background-color 0.05s linear, color 0.05s linear; line-height: 45px ; line-height: 4.5rem ; }
@media screen and (max-width: 757px) { .ui-tabs-nav a { font-size: 15px ; font-size: 1.5rem ; } }
@media screen and (max-width: 565px) { .ui-tabs-nav a { padding: 0 10px; white-space: nowrap; } }
.ui-tabs-nav a:hover { background-color: #dbe3e6; outline: none; }
.ui-tabs-nav .ui-tabs-active a { color: #2c3841; background-color: #fff; }

.ui-tabs-panel { padding-top: 20px; }

.ui-tabs-nav:not(.tab-container) a:focus { /* ^  problematic line, makes active tabs on contact page not highlight properly ...is this line fixing something elsewhere? */ outline: none; }

/** Vertical tabs */
.is-tabbed--vertical { margin: 20px 0px ; margin: 2rem 0rem ; }
.is-tabbed--vertical .ui-tabs-nav { float: left; padding: 20px 0; max-width: 250px; border-right: 1px solid #d5dee2; margin-left: -1px; }
.no-cssgradients .is-tabbed--vertical .ui-tabs-nav { border-right: 1px solid #d5dee2; }
.is-tabbed--vertical .ui-tabs-nav li { float: none; margin-right: 0; border-bottom: 1px solid #d5dee2; }
.is-tabbed--vertical .ui-tabs-nav li:first-child { border-top: 1px solid #d5dee2; }
.is-tabbed--vertical .ui-tabs-nav a { height: auto; white-space: normal; position: relative; right: -1px; background-color: transparent; line-height: 1.2; padding: 13px 20px 13px 0; border-right: 1px solid #d5dee2; }
.is-tabbed--vertical .ui-tabs-nav .ui-tabs-active a { background-color: #fff; border-right: 1px solid transparent; }
.no-cssgradients .is-tabbed--vertical .ui-tabs-nav .ui-tabs-active a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; position: relative; margin-right: -1px; }
.is-tabbed--vertical .ui-tabs-panel { padding-left: 20px; }

.is-tabbed--with-titles { padding-bottom: 30px; }

/** .l-pull-left sections in tabbed mode */
.l-pull-left.ui-tabs { margin-top: 45px ; margin-top: 4.5rem ; margin-bottom: 30px ; margin-bottom: 3rem ; }
.l-pull-left.ui-tabs > .ui-tabs-nav { margin-top: -45px ; margin-top: -4.5rem ; }

/** Extend tabs for making 'mock tabs' */
.tabs--false li { margin-right: 0; float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.tabs--false.tabs--hang-right { text-align: right; }
@media screen and (max-width: 757px) { .tabs--false .ui-tabs-half { width: 50%; text-align: center; } }

.article-full__body .is-tabbed-desktop p { font-size: 18px; font-size: 1.8rem; margin: 0 0 27px; margin: 0 0 2.7rem; line-height: 27px; line-height: 2.7rem; }
.article-full__body .is-tabbed-desktop .ui-tabs-panel { padding-top: 0; }
.article-full__body .is-tabbed-desktop .cx_tabs__heading a { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full__body .ui-tabs-nav { border-bottom: 1px solid #d5dee2; margin-bottom: 20px; }
.article-full__body .ui-tabs-nav li { border: 1px solid #d5dee2; margin-bottom: -1px; }
.article-full__body .ui-tabs-nav li a { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full__body .ui-tabs-nav .ui-tabs-active { border-bottom: 1px solid white; border-top: 1px solid #d5dee2; border-right: 1px solid #d5dee2; border-left: 1px solid #d5dee2; }

.cx_jumpmenu--fixed { position: fixed; top: 0; }

.touch .cx_jumpmenu--fixed { position: absolute; left: 0; }

.cx_jumpmenu--reached-limit { position: absolute; }

.l-gutter--right { position: relative; }

.localnav ul { padding-bottom: 20px; }

.localnav a { word-break: normal; }

.cookie-bar { display: none; background: #0c2931; text-align: left; padding: 30px 0px ; padding: 3rem 0rem ; }
@media screen and (max-width: 757px) { .cookie-bar { padding: 15px 0px ; padding: 1.5rem 0rem ; text-align: left; } }
.cookie-bar .inner { position: relative; }

.cookie-bar__notification { color: #fff; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
@media screen and (max-width: 757px) { .cookie-bar__notification { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }
@media screen and (min-width: 565px) { .cookie-bar__notification { padding-right: 220px; } }
.cookie-bar__notification a { color: #fff; border-bottom: 1px solid #fff; }
.cookie-bar__notification a:hover { opacity: .85; border-bottom: 0; }

.cookie-bar__link, .cookie-bar__link a { color: #fff; border-bottom: 1px solid #fff; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 18px ; line-height: 1.8rem ; }
@media screen and (min-width: 565px) { .cookie-bar__link, .cookie-bar__link a { margin-right: 220px; } }
.cookie-bar__link:hover, .cookie-bar__link a:hover { border-bottom: 1px solid #e85e13; }

.cookie-bar__confirm2, .cookie-bar__confirm { display: block; position: absolute; top: -3px; right: 0; color: #fff; background-color: #a0bdcc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYmRjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNTc4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0bdcc), color-stop(100%, #035780)); background-image: -moz-linear-gradient(#a0bdcc, #035780); background-image: -webkit-linear-gradient(#a0bdcc, #035780); background-image: linear-gradient(#a0bdcc, #035780); margin-left: 40px ; margin-left: 4rem ; padding: 5px 15px 3px 15px ; padding: 0.5rem 1.5rem 0.3rem 1.5rem ; font-size: 15px ; font-size: 1.5rem ; line-height: 22px ; line-height: 2.2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 757px) { .cookie-bar__confirm2, .cookie-bar__confirm { padding: 5px 0px 3px 0px ; padding: 0.5rem 0rem 0.3rem 0rem ; display: block; margin-left: 0; width: 200px; text-align: center; } }
@media screen and (max-width: 565px) { .cookie-bar__confirm2, .cookie-bar__confirm { position: relative; margin-top: 15px; } }
.cookie-bar__confirm2:hover, .cookie-bar__confirm:hover { color: #fff; background-color: #88b5cc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YjVjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNTc4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88b5cc), color-stop(100%, #035780)); background-image: -moz-linear-gradient(#88b5cc, #035780); background-image: -webkit-linear-gradient(#88b5cc, #035780); background-image: linear-gradient(#88b5cc, #035780); }

/* SoundManager 2: 360-degree / "donut player" */
/* General warning: Beta-ish. Code could be a bit cleaner. */
.ui360, .sm2-360ui { /* canvas container */ position: relative; }

.ui360, .sm2-360ui { min-width: 50px; /* should always be at least this. */ min-height: 50px; }

.sm2-360ui { width: 50px; height: 50px; }

.ui360, .ui360 * { vertical-align: middle; }

.sm2-360ui { position: relative; display: inline-block; /* firefox 3 et al */ float: left; /* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */ *display: inline; /* clear:left;
*/ }

.sm2-360ui.sm2_playing, .sm2-360ui.sm2_paused { /* bump on top when active */ z-index: 10; }

.ui360 a { /* .sm2_link class added to playable links by SM2 */ float: left; display: inline; position: relative; color: #000; text-decoration: none; left: 3px; /* slight spacing on left UI */ top: 18px; /* vertical align */ text-indent: 50px; /* make room for UI at left */ }

.ui360 a.sm2_link { /* SM2 has now started */ text-indent: 0px; /* UI now in place. */ }

.ui360 a, .ui360 a:hover, .ui360 a:focus { padding: 2px; margin-left: -2px; margin-top: -2px; }

.ui360 a:hover, .ui360 a:focus { background: #eee; border-radius: 3px; outline: none; }

.ui360 .sm2-canvas { position: absolute; left: 0px; top: 0px; }

.ui360 .sm2-timing { position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; font: 11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace; color: #666; text-align: center; line-height: 50px; }

.ui360 .sm2-timing.alignTweak { text-indent: 1px; /* devious center-alignment tweak for Safari (might break things for others.) */ }

.ui360 .sm2-cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; display: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */ }

.ui360 .sm2-360btn { position: absolute; display: block; top: 50%; left: 50%; /* width:22px; height:22px; margin-left:-11px; margin-top:-11px;
*/ /* by default, cover whole space. make smaller when playing. */ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; border-radius: 25px; cursor: pointer; z-index: 3; }

.ui360 .sm2-360data { display: inline-block; font-family: helvetica; }

.sm2-inline-block .ui360 .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { /* smaller clickable button, in center */ width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; }

.ui360 .sm2-360ui.sm2_playing .sm2-cover, .ui360 .sm2-360ui.sm2_paused .sm2-cover { display: block; }

/* this could be optimized a fair bit. */
.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background: transparent url(../img/plugins/soundmanager2/360-button-play.png) no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC); *background-image: url(360-button-play.png); background-repeat: no-repeat; }

.ui360 { /* "fake" button shown before SM2 has started, non-JS/non-SM2 case etc. background image will be removed via JS, in threeSixyPlayer.init()
*/ background-position: 14px 50%; }

.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background-position: 50% 50%; }

.ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { cursor: pointer; }

.ui360 .sm2-360btn-default:hover, .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover { background: transparent url(../img/plugins/soundmanager2/360-button-play-light.png) no-repeat 50% 50%; cursor: pointer; }

.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover, .ui360 .sm2-360ui.sm2_playing .sm2-360btn { background: transparent url(../img/plugins/soundmanager2/360-button-pause-light.png) no-repeat 50% 50%; cursor: pointer; }

.ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility: visible; }

.ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility: hidden; }

.ui360 .sm2-360ui .sm2-timing, .ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing, .ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility: hidden; }

.ui360 .sm2-360ui.sm2_dragging .sm2-timing, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing { /* paused + dragging */ visibility: visible; }

.ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover { /* don't let pause button show on hover when dragging (or paused and dragging) */ background: transparent; cursor: auto; }

.ui360 .sm2-360ui.sm2_buffering .sm2-360btn, .ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover { background: transparent url(../img/plugins/soundmanager2/icon_loading_spinner.gif) no-repeat 50% 50%; opacity: 0.5; visibility: visible; }

/* inline list style */
.sm2-inline-list .ui360, .sm2-inline-block .ui360 { position: relative; display: inline-block; float: left; _display: inline; margin-bottom: -15px; }

.sm2-inline-list .ui360 { /* inline player: minor tweak, tighten spacing */ margin-right: -2px; }

.sm2-inline-block .ui360 { margin-right: 8px; }

.sm2-inline-list .ui360 a { display: none; }

/* annotations */
ul.ui360playlist { list-style-type: none; }

ul.ui360playlist, ul.ui360playlist li { margin: 0px; padding: 0px; }

div.ui360 div.metadata { display: none; }

div.ui360 a span.metadata, div.ui360 a span.metadata * { /* name of track, note etc. */ vertical-align: baseline; }

.movieContainer { bottom: -8px !important; }

/** Uniform JS custom select fields: https://github.com/pixelmatrix/uniform Heavily tweaked base styles to allow for more flexible styling (inc. CSS-only) */
div.selector { position: relative; overflow: hidden; }
div.selector select { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; position: absolute; top: 0; left: 0; cursor: pointer; width: 100% !important; height: 100%; -webkit-appearance: menulist-button; }
@media screen and (max-width: 565px) { div.selector select { font-size: 16px ; font-size: 1.6rem ; } }
div.selector span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: auto !important; text-align: left; }

html { -webkit-font-smoothing: antialiased; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; width: auto; overflow: visible; }

.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -8px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -8px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -8px; }

.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -8px; }

.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade-show { opacity: 1; }

.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }

.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }

.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }

/*More tag styling can be found in profile.scss and article.scss*/
.tags__label, .article-full__tags dt { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 22px ; line-height: 2.2rem ; margin: 0; padding: 0; list-style: none; margin: 0px 5px 10px 0px ; margin: 0rem 0.5rem 1rem 0rem ; }

.background--archived .tags__label { color: #FFF; }

.tags__item, .article-full__tags dd, .article-full__tags li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 12px ; line-height: 1.2rem ; margin: 0; padding: 0; list-style: none; font-size: 10px ; font-size: 1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; margin: 0px 5px 10px 0px ; margin: 0rem 0.5rem 1rem 0rem ; }

.tags__link, .article-full__tags a { position: relative; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 8px 5px 8px ; padding: 0.6rem 0.8rem 0.5rem 0.8rem ; border: 1px #DBE1E3 solid; }

.tags__link--white, .profile--full__main .article-full__tags a { background-color: #FFF; }

.tags__link { letter-spacing: 1px ; letter-spacing: 0.1rem ; background-color: #014161; color: #FFF; border: 0; }
.tags__link:hover { background-color: #025680; color: #FFF; }

.background--archived .tags__link, .tags__link--navy { background-color: #0C2931; color: #FFF; border: 0; }
.background--archived .tags__link:hover, .tags__link--navy:hover { background-color: #104757; color: #FFF; }

.tags.tags--removable { margin-top: 0; }
.tags.has-tags { margin-top: 10px ; margin-top: 1rem ; }
.tags.has-tags:before { content: 'Tagged: '; font-size: 16px ; font-size: 1.6rem ; position: relative; top: -4px ; top: -0.4rem ; }

.section-title + .has-tags { margin-top: 20px ; margin-top: 2rem ; }

.tags__link:focus { color: #e85e13; }

.tags__item--removable .tags__link { padding-right: 33px ; padding-right: 3.3rem ; }
.tags__item--removable .tags__link.is-disabled { cursor: default; background-color: #41525f; }
.tags__item--removable .tags__link.is-disabled .icon-cross:before { content: ' '; }

.tags__remove { font-size: 13px ; font-size: 1.3rem ; line-height: 1; position: absolute; right: 8px ; right: 0.8rem ; top: 5px ; top: 0.5rem ; }

/*===================================== Carousel
*/
.carousel { position: relative; padding: 10px 30px; margin: 0; background: #f4f7f8; margin-bottom: 20px; border: 1px solid #d5dee2; border-right: 0; }
.carousel .next-btn, .carousel .prev-btn { margin-top: 23px; }
.carousel .next-btn { margin-right: 10px; }
.carousel .prev-btn { margin-left: 10px; }
.carousel .caroufredsel_wrapper { margin-bottom: 0 !important; }
.carousel .carousel__list { list-style: none; position: relative; }
.carousel .carousel__list li { margin: 0 15px; width: 100px; text-align: center; height: 76px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
@media screen and (max-width: 757px) { .carousel .carousel__list li { margin: 0 5px; } }
.carousel .carousel__list li img { opacity: 0.85; }
.carousel .carousel__list li:hover img { opacity: 1; }

/*===================================== Forms
*/
input[type="search"]::-webkit-search-decoration { display: none; }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

select { max-width: 100%; }
.lt-ie9 select { max-width: 98.7%; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* form fields have labels to the left, fields to the right at desktop size. Collapse to labels above on mobile. */
form { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; }
form p { margin-bottom: 1em; }
form .legal { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; }

fieldset { border: 3px solid #d5dee2; padding: 4.5em 1em 1em; position: relative; margin-bottom: 20px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; /* On a white background, the fieldset becomes a solid box instead: */ }
fieldset.form__group--bare { border: 0; padding: 0; margin: 0; }
.featured fieldset { border-width: 0; background: #E4E9EC; }

.feedback { padding: 1em; background: #E4E9EC; }

legend span { position: absolute; top: 1em; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; font-size: 24px ; font-size: 2.4rem ; }

input[type="text"], input[type="email"], textarea { border: 2px solid #d5dee2; padding: 0.2em; margin: 0; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { border: 2px solid #a6b7bf; }
.s-error input[type="text"], .s-error input[type="email"], .s-error textarea { border-color: #cc0000; }

.form__action--hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.no-js .form__action--hidden { background: #fff; padding: 3px 5px ; padding: 0.3rem 0.5rem ; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.form-fields { /* Nested lists for checkboxes and radio buttons */ /* For mobile sizes, stretch input boxes wide */ }
.form-fields li { margin-bottom: 1em; }
.form-fields ul { margin-top: 0.5em; }
.form-fields ul li { margin-bottom: 0.5em; }
.form-fields input[type="text"], .form-fields input[type="email"], .form-fields textarea { width: 90%; }
.form-fields select, .form-fields div.selector { width: 86% !important; }
@media screen and (max-width: 565px) { .form-fields select, .form-fields div.selector { width: 230px !important; } }

#edit-mollom-captcha { width: 90%; }

.form-fields__label-text { display: block; }
.s-error .form-fields__label-text { color: #cc0000; }

.form__item__text { margin-right: 10px ; margin-right: 1rem ; }
@media screen and (max-width: 565px) { .form__item__text { margin: 0px 5px 0px 4px ; margin: 0rem 0.5rem 0rem 0.4rem ; padding-top: 4px ; padding-top: 0.4rem ; color: #2c3841; float: left; } }

.vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.error-message { display: block; color: #cc0000; font-size: 14px ; font-size: 1.4rem ; font-weight: normal; font-family: "Stag Sans Web Medium", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Arial, sans-serif; /* Add an asterisk for narrow screens only: */ }
@media screen and (max-width: 965px) { .error-message:before { content: "*"; } }
@media screen and (min-width: 565px) { .error-message { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }

/* For medium width screens, don't have inputs so wide, but still no side-by-side floating */
@media screen and (min-width: 565px) { .form-fields input[type="text"], .form-fields input[type="email"], .form-fields textarea { width: 280px; }
  .form-fields select, .form-fields div.selector { width: 245px !important; } }
/* Webforms */
.node-webform { padding-bottom: 20px; }
.node-webform .webform-client-form { margin-top: 20px; }
.node-webform textarea { width: 100%; }
.node-webform legend { margin-top: 10px; margin-bottom: 10px; }
.node-webform legend span { padding-left: 10px; }

.webform-component-checkboxes .form-checkboxes { display: table; }
.webform-component-checkboxes .form-checkboxes input, .webform-component-checkboxes .form-checkboxes label { display: table-cell; vertical-align: top; padding: 0; float: none; }
.webform-component-checkboxes .form-checkboxes input .form-fields__label-text, .webform-component-checkboxes .form-checkboxes label .form-fields__label-text { width: auto; text-align: left; padding: 0 0 20px 10px; }

.webform-component { clear: both; margin-bottom: 10px; }

.webform-component-fieldset .webform-component-fieldset { padding: 0; }

#edit-submitted-mailist label { float: left; margin: 0px; padding: 0px; width: 95%; }
#edit-submitted-mailist input { float: left; }

div.webform-datepicker div.selector { width: 70px !important; }
div.webform-datepicker div.selector select { width: 70px !important; }

/* For wider screens, float labels and inputs side-by-side */
@media screen and (min-width: 630px) { fieldset { padding-left: 25px; padding-right: 25px; }
  .form-fields ul, .webform-component ul { /* Nested lists for checkboxes and radio buttons */ margin-top: 0; margin-left: 22%; }
  .form-fields li, .webform-component li { zoom: 1; }
  .form-fields li:before, .form-fields li:after, .webform-component li:before, .webform-component li:after { content: ""; display: table; }
  .form-fields li:after, .webform-component li:after { clear: both; }
  .form-fields input[type="text"], .form-fields input[type="email"], .form-fields textarea, .webform-component input[type="text"], .webform-component input[type="email"], .webform-component textarea { width: 36%; }
  .form-fields #edit-submitted-your-message-message, .webform-component #edit-submitted-your-message-message { width: 100%; }
  .form-fields select, .form-fields div.selector, .webform-component select, .webform-component div.selector { width: 31% !important; }
  .form-fields__label-text, .webform-component label { float: left; width: 29%; text-align: right; margin-right: 2%; }
  /* Small vertical alignment adjustments for labels and inputs vs. labels and radio/checkboxes */
  .form-fields__item--text .form-fields__label-text, .form-fields__item--textarea .form-fields__label-text, .webform-component-fieldset label { padding-top: 5px ; padding-top: 0.5rem ; }
  .error-message { float: right; width: 36%; position: relative; background: white; padding: 5px 10px; }
  .error-message:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
  .error-message:first-child { margin-top: 20px; }
  .error-message:after { top: 50%; left: -10px; border-right-color: white; margin-top: -10px; }
  .comment-form .error-message { float: none; margin-left: 31%; width: 35%; }
  /* Position buttons nicely relative to other form elements: */
  .btn-wrap { padding-left: 24%; margin-bottom: 20px; /* If the button is ~inside~ a fieldset then the spacing needs to be tweaked: */ }
  fieldset .btn-wrap { padding-left: 22%; }
  .btn-wrap .btn, .btn-wrap div.selector { margin-right: 0.5em; } }
@media screen and (max-width: 565px) { .btn-wrap .btn--primary { margin-bottom: 10px; display: block; } }

.webform-component-checkboxes .form-checkboxes label { display: block; }

#node-19799 .webform-component--service-details--what-is-your-preferred-date-you-wish-to-commence-the-loan legend { margin-bottom: 70px; }
#node-19799 .webform-component-checkboxes .form-checkboxes { display: inline !important; }
#node-19799 .webform-component-checkboxes .form-checkboxes label { display: inline !important; }
#node-19799 .webform-component-checkboxes .form-checkboxes label span { padding: 0px !important; }

@media (min-width: 630px) { #node-19799 .form-fields__label-text, .webform-component label { float: left; width: 29%; text-align: right; margin-right: 2%; } }
#node-19785 label.element-invisible { position: relative !important; }

#node-19796 label.element-invisible { position: relative !important; }

#node-22126 .webform-component--maillist label[for=edit-submitted-maillist-1] { width: auto; }

/*===================================== Buttons
*/
.btn, div.selector { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; cursor: pointer; padding: 0.3em 0.7em; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 20px ; line-height: 2rem ; vertical-align: middle; color: #2c3841; border: none; background: #fff; }
.no-touch .btn:hover, .no-touch div.selector:hover, .no-touch .btn:focus, .no-touch div.selector:focus { opacity: 0.8; }
.btn strong, div.selector strong { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #00557f; }

.btn--red { background: #d7224f; }

.btn--dblue { color: #fff; background: #12567d; }
.btn--dblue:hover { color: #fff; }
.no-touch .btn--dblue { -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }
.no-touch .btn--dblue:hover { background: #0d3d59; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }

.btn--mblue { color: #fff; background: #0092cb; }
.btn--mblue:hover { color: #fff; }
.no-touch .btn--mblue { -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; color: #fff; }
.no-touch .btn--mblue:hover { background: #0080b2; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }

.btn--3d, div.selector { border: 1px solid #d5dee2; background: #dfe6e9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTZlOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dfe6e9), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #dfe6e9 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #dfe6e9 0%, #ffffff 100%); background-image: linear-gradient(to top, #dfe6e9 0%, #ffffff 100%); }
.btn--3d:hover, div.selector:hover, .btn--3d:focus, div.selector:focus { color: #000; border: 1px solid #c7d2d6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZGNlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d5dce0), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #d5dce0 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #d5dce0 0%, #ffffff 100%); background-image: linear-gradient(to top, #d5dce0 0%, #ffffff 100%); }

.btn--square { width: 30px; padding: 0; line-height: 30px; height: 30px; text-align: center; }
.btn--square .ico { margin: 0 auto; vertical-align: middle; }

button.btn--square { line-height: 1; }

.btn--rounded { display: inline-block; margin-right: 10px ; margin-right: 1rem ; padding: 10px 10px 7px 20px ; padding: 1rem 1rem 0.7rem 2rem ; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; word-break: break-all; }
@media screen and (max-width: 565px) { .btn--rounded { display: block; margin-right: 0; text-align: center; } }
@media screen and (max-width: 565px) { .btn--rounded.btn--email { text-align: left; } }
.btn--rounded.btn--email .btn__text { margin-left: 35px ; margin-left: 3.5rem ; }
.btn--rounded.btn--email .btn__text:active { margin: 1px 10px 0px 35px ; margin: 0.1rem 1rem 0rem 3.5rem ; }
.ie8 .btn--rounded.btn--email .btn__text { margin-top: 0; }
.btn--rounded.btn--email.btn--rd-your-idea .btn__text { margin-left: 0; }
.btn--rounded .btn__text { display: block; overflow: hidden; margin: 0px 10px 1px 0px ; margin: 0rem 1rem 0.1rem 0rem ; }
.btn--rounded:active { -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }
.btn--rounded:active .icon { margin: -1px 10px 1px 0px ; margin: -0.1rem 1rem 0.1rem 0rem ; }
.btn--rounded:active .btn__text { margin: 1px 10px 0px 0px ; margin: 0.1rem 1rem 0rem 0rem ; }
.btn--rounded .icon { float: left; font-size: 22px ; font-size: 2.2rem ; margin: -2px 10px 2px 0px ; margin: -0.2rem 1rem 0.2rem 0rem ; }
.btn--rounded:focus { color: #fff; outline: #e85e13 2px solid; }

@media screen and (max-width: 565px) { .btn__text { font-weight: bold; } }

.btn--simple { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 15px ; font-size: 1.5rem ; padding: 10px 10px 7px 0px ; padding: 1rem 1rem 0.7rem 0rem ; }
@media screen and (max-width: 565px) { .btn--simple { padding-top: 15px ; padding-top: 1.5rem ; } }
.btn--simple .icon { font-size: 22px ; font-size: 2.2rem ; }
.btn--simple .btn__text { display: block; overflow: hidden; margin: 0px 10px 1px 0px ; margin: 0rem 1rem 0.1rem 0rem ; }
.btn--simple .icon { float: left; margin: 0px 10px 1px 0px ; margin: 0rem 1rem 0.1rem 0rem ; }
.btn--simple:hover .btn--simple__text { text-decoration: none; }

.btn--simple .btn--simple__text { text-decoration: underline; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.btn--simple .btn--simple__text:after { text-decoration: none !important; }

a[href^="http://jisc"] .btn__text:after, a.btn--simple[href^="http://jisc"]:after { content: none !important; }

a[href^="http"] .btn__text:after { padding-left: 6px ; padding-left: 0.6rem ; }

.btn--centred { display: block; margin-right: 0; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.btn--centred .btn__text { text-align: center; }

.to-upper { text-transform: uppercase; }

.btn--primary { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 24px ; line-height: 2.4rem ; color: #fff; -webkit-font-smoothing: auto; padding: 0.2em 1em; border: none; }
.lt-ie9 .btn--primary { padding-top: 0; }
.btn--primary:hover, .btn--primary:focus { color: #fff; border: none; }
.btn--primary.btn--large { font-size: 18px ; font-size: 1.8rem ; padding: 0.2em 1.2em; }
.btn--primary.btn--3d, div.btn--primary.selector { background: #005078; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTA3OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3YjRjMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #005078), color-stop(100%, #97b4c2)); background-image: -moz-linear-gradient(bottom, #005078 0%, #97b4c2 100%); background-image: -webkit-linear-gradient(bottom, #005078 0%, #97b4c2 100%); background-image: linear-gradient(to top, #005078 0%, #97b4c2 100%); }
.btn--primary.btn--3d:hover, div.btn--primary.selector:hover, .btn--primary.btn--3d:focus, div.btn--primary.selector:focus { background: #156791; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1Njc5MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliYmNjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #156791), color-stop(100%, #9bbccc)); background-image: -moz-linear-gradient(bottom, #156791 0%, #9bbccc 100%); background-image: -webkit-linear-gradient(bottom, #156791 0%, #9bbccc 100%); background-image: linear-gradient(to top, #156791 0%, #9bbccc 100%); }

.btn--icon-right .ico { margin-left: 2em; }

.lt-ie8 a.btn--square .ico { margin-top: 7px; }

.custom-btn { background: none; background-color: #0c2931; white-space: nowrap; text-decoration: none !important; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 24px ; line-height: 2.4rem ; color: #fff; -webkit-font-smoothing: auto; padding: 0.2em 1em; border: none; display: inline; display: inline-block; *zoom: 1; }
.t-news-and-blog .custom-btn, [class^='t-'] .t-news-and-blog .custom-btn { background-color: #f3b036; }
.t-products-and-services .custom-btn, [class^='t-'] .t-products-and-services .custom-btn { background-color: #8c930d; }
.t-guides-and-cribsheets .custom-btn, [class^='t-'] .t-guides-and-cribsheets .custom-btn { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .custom-btn, [class^='t-'] .t-guides-and-cribsheets.t-report .custom-btn { background-color: #e85e13; }
.t-r-and-d-publications .custom-btn, [class^='t-'] .t-r-and-d-publications .custom-btn { background-color: #0092cb; }
.t-r-and-d-publications-archive .custom-btn, [class^='t-'] .t-r-and-d-publications-archive .custom-btn { background-color: #70818b; }
.t-generic-content .custom-btn.marker, .t-generic-content .custom-btn.box__marker--vertical, .t-generic-content .custom-btn.box__marker--inline, .custom-btn [class^='t-'] .t--generic-content.marker, .custom-btn [class^='t-'] .t--generic-content.box__marker--vertical, .custom-btn [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .custom-btn, [class^='t-'] .t-events .custom-btn { background-color: #d72250; }
.t-contact .custom-btn, [class^='t-'] .t-contact .custom-btn { background-color: #e85e13; }
.t-about .custom-btn, [class^='t-'] .t-about .custom-btn { background-color: #e85e13; }
.t-inform .custom-btn, [class^='t-'] .t-inform .custom-btn { background-color: #f3b036; }
.lt-ie9 .custom-btn { padding-top: 0; }
.custom-btn:hover, .custom-btn:focus { color: #fff; border: none; text-decoration: underline !important; }
.custom-btn.large { font-size: 18px ; font-size: 1.8rem ; padding: 0.4em 1.2em; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.custom-btn.xlarge { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; padding: 15px 30px 12px 30px; }

/*===================================== Custom select field styling Extends Uniform JS base styles (uniform-base.scss) */
.pagination .form__section--right div.selector { width: 100px !important; }

div.selector { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 0 1px #d5dee2; -webkit-box-shadow: 0 0 0 1px #d5dee2; box-shadow: 0 0 0 1px #d5dee2; }
@media screen and (max-width: 710px) { .form__section--right div.selector { width: 200px !important; } }
@media screen and (max-width: 565px) { div.selector { width: 250px !important; }
  .form__section--right div.selector { width: 120px !important; } }
div.selector span { position: relative; padding-right: 25px ; padding-right: 2.5rem ; }
@media screen and (max-width: 565px) { div.selector span { width: 200px !important; } }
@media screen and (max-width: 565px) { .form__section--right div.selector span { width: auto !important; } }
div.selector span:after { content: ''; display: block; background-position: 0 -40px; height: 16px; width: 16px; position: absolute; top: 3px ; top: 0.3rem ; right: 0; }
.lt-ie8 div.selector span { background: transparent url('../img/ico/arrow-down-dark.png?1447667811') no-repeat right center; }
div.selector.focus { border-color: #a6b7bf; -moz-box-shadow: 0 0 0 1px #a6b7bf; -webkit-box-shadow: 0 0 0 1px #a6b7bf; box-shadow: 0 0 0 1px #a6b7bf; }

/*===================================== Teasers

	.teaser,
	.teaser-home
	.teaser-plain
	.teaser-box .teaser__tweet
	.teaser--on-white

*/
.teaser, .teaser-home, .teaser-plain, .teaser-box, .teaser--on-white, .article-full [role=complementary] .region--1-up .teaser, .article-full--rd [role=complementary] .region--1-up .teaser { position: relative; }
.teaser a, .teaser-home a, .teaser-plain a, .teaser-box a, .teaser--on-white a, .article-full [role=complementary] .region--1-up .teaser a, .article-full--rd [role=complementary] .region--1-up .teaser a { word-break: normal; }

.teaser { zoom: 1; background: white; padding: 20px 30px 20px 40px; border: solid #d5dee2; border-width: 1px 1px 2px 1px; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.teaser:before, .teaser:after { content: ""; display: table; }
.teaser:after { clear: both; }
.boxshadow .teaser { border: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.teaser .media { margin-right: -30px; margin-bottom: 10px; margin-top: 20px; }
.teaser .media figcaption { display: none; }
.teaser .media__attribution__title { bottom: 0; }
.teaser .profile--small { padding-bottom: 0; }
.teaser .profile--small .profile__info > p { padding-bottom: 0; }

.teaser.t-r-and-d-publications, .teaser.t-r-and-d-publications-archive { min-height: 100px ; min-height: 10rem ; }

/*
*/
/* Standard teaser components */
.teaser__title, .teaser-strip .box__title, .teaser-plain__title { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; /* If the marker is horizontal, we need some extra padding to push the heading down from it: */ padding-top: 12px; /* If the marker is vertical, no padding needed: */ }
@media screen and (max-width: 850px) { .teaser__title, .teaser-strip .box__title, .teaser-plain__title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .teaser__title, .teaser-strip .box__title, .teaser-plain__title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; margin-bottom: 6px; } }
.teaser__title a, .teaser-strip .box__title a, .teaser-plain__title a { display: block; color: #00557f; }
.teaser__title a:hover, .teaser-strip .box__title a:hover, .teaser__title a:focus, .teaser-strip .box__title a:focus, .teaser-plain__title a:hover, .teaser-plain__title a:focus { color: #e85e13; }
.csstransforms .teaser__title, .csstransforms .teaser-strip .box__title, .teaser-strip .csstransforms .box__title, .csstransforms .teaser-plain__title { padding-top: 0; }

p.teaser__title, .teaser-strip p.box__title { margin-bottom: 10px; margin-bottom: 1rem; }

.teaser__copy p { color: #2c3841; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }

.teaser__date { font-size: 18px ; font-size: 1.8rem ; }

.teaser__location, .teaser__link { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.teaser__location { margin-top: 4px; }

/* Homepage teasers Dark background and different configuration of child elements
*/
.teaser-home { zoom: 1; background: #0c2931; padding: 0 0 0 0; border: solid #d5dee2; border-width: 1px 1px 2px 1px; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.teaser-home:before, .teaser-home:after { content: ""; display: table; }
.teaser-home:after { clear: both; }
.boxshadow .teaser-home { border: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.teaser-home a { word-break: normal; }
.teaser-home .teaser__title a, .teaser-home .teaser-strip .box__title a, .teaser-strip .teaser-home .box__title a { display: block; padding: 20px 20px 10px; color: white; }
.teaser-home .teaser__title a:hover, .teaser-home .teaser-strip .box__title a:hover, .teaser-strip .teaser-home .box__title a:hover, .teaser-home .teaser__title a:focus, .teaser-home .teaser-strip .box__title a:focus, .teaser-strip .teaser-home .box__title a:focus { color: #c4d1d7; }
.teaser-home .teaser__body { padding: 20px; }
.teaser-home .teaser__body p { color: white; }
.teaser-home .teaser__body p:last-child { margin-bottom: 0; }
.teaser-home .media figcaption { display: none; }

/* Media in teaser__copy */
.teaser__center-media .media__inner, .teaser__center-media .media__video-wrapper { margin-right: 40px; }

/* Text-only homepage teasers */
.teaser-home__text-only .teaser__title a, .teaser-home__text-only .teaser-strip .box__title a, .teaser-strip .teaser-home__text-only .box__title a, .teaser-home__text-only .teaser__body { padding: 0; }
.teaser-home__text-only .teaser__copy { padding: 20px; }

/* Reversed-out colours */
.teaser-home--text-rev .teaser__body { background: white; }
.teaser-home--text-rev .teaser__body p { color: #2c3841; }
@media screen and (max-width: 850px) { .teaser-home--text-rev .teaser__body p { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .teaser-home--text-rev .teaser__body p { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

/* Twitter teaser
*/
.teaser__tweet { background: #e4eaec; padding: 15px 20px 1px 20px; margin-bottom: 20px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.teaser__tweet p { font-size: 15px ; font-size: 1.5rem ; line-height: 19px ; line-height: 1.9rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 20px ; margin-bottom: 2rem ; }
.teaser__tweet:after { content: ""; display: block; position: absolute; bottom: -16px; width: 29px; height: 16px; background-image: url("../img/twitter-down-arrow.png?embed"); }

.teaser__tweet-footer { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 31px; }
.teaser__tweet-footer a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 100%; }
.teaser__tweet-footer a:hover .ico { background-position: 0 -2504px; }
.teaser__tweet-footer time { margin-left: 5px; }

/* Context-aware configurations
*/
/* Media to the side (defaults to right)
*/
@media screen and (min-width: 565px) { .has-media--side.hero .teaser__copy, .has-media--side.hero .hero__copy, .has-media--side.hero > .teaser_linklist, .has-media--side.teaser .teaser__copy, .has-media--side.teaser .hero__copy, .has-media--side.teaser > .teaser_linklist, .has-media--side.teaser-home .teaser__copy, .has-media--side.teaser-home .hero__copy, .has-media--side.teaser-home > .teaser_linklist { float: left; width: 47.8%; }
  .has-media--side.hero .media, .has-media--side.teaser .media, .has-media--side.teaser-home .media { float: right; width: 52.2%; }
  .has-media--side.hero .media, .has-media--side.teaser .media { margin-top: -20px; }
  .has-media--side.hero.has-media--two-thirds .teaser__copy, .has-media--side.hero.has-media--two-thirds .hero__copy, .has-media--side.teaser.has-media--two-thirds .teaser__copy, .has-media--side.teaser.has-media--two-thirds .hero__copy { float: left; width: 33.333%; }
  .has-media--side.hero.has-media--two-thirds .media, .has-media--side.teaser.has-media--two-thirds .media { float: right; width: 66.666%; } }
.has-media--side.hero .inner { zoom: 1; background: #0c2931; }
.has-media--side.hero .inner:before, .has-media--side.hero .inner:after { content: ""; display: table; }
.has-media--side.hero .inner:after { clear: both; }
@media screen and (min-width: 565px) { .has-media--side.hero .media { margin: 0; float: left; width: 58.2%; }
  .has-media--side.hero .media__attribution__title { bottom: 0; }
  .has-media--side.hero .hero__copy { background: none transparent; float: none; width: auto; overflow: hidden; }
  .has-media--side.hero .readmore { bottom: 30px; margin-bottom: 0; } }

/* 1 up
*/
.region--1-up .teaser__title a, .region--1-up .teaser-strip .box__title a, .teaser-strip .region--1-up .box__title a { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .region--1-up .teaser__title a, .region--1-up .teaser-strip .box__title a, .teaser-strip .region--1-up .box__title a { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .region--1-up .teaser__title a, .region--1-up .teaser-strip .box__title a, .teaser-strip .region--1-up .box__title a { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (min-width: 757px) { .region--1-up .teaser__copy { width: 50%; } }
@media screen and (min-width: 565px) { .region--1-up .teaser__copy p { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (min-width: 850px) { .region--1-up .teaser__copy p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
.region--1-up .teaser__copy p { color: #2c3841; }

/* 2 up
*/
@media screen and (max-width: 965px) { .region--2-up .has-media--side .media, .region--2-up .has-media--side .teaser__copy { float: none; margin-top: 0; width: auto; } }

/* 3 up The first module in a 3 up should be 100% width at mid-narrow viewport widths If it contains a media element, make sure it pops into media-side mode to prevent the image going full width and dominating the visual hierarchy
*/
@media screen and (min-width: 565px) and (max-width: 757px) { .region--3-up .block.block-1 .has-media .teaser__copy, .region--3-up .block.block-1 .box.box--archived .teaser__copy { float: left; width: 48%; }
  .region--3-up .block.block-1 .has-media .media, .region--3-up .block.block-1 .box.box--archived .media { margin-top: -20px; float: right; width: 48%; }
  .region--3-up .block.block-1 .teaser-home.has-media .media, .region--3-up .block.block-1 .teaser-home.box.box--archived .media { margin-top: 0; }
  .region--3-up .block.block-1 .teaser-home.has-media .teaser__copy, .region--3-up .block.block-1 .teaser-home.box.box--archived .teaser__copy { float: left; width: 43%; } }

/* Lists of links inside teasers
*/
.teaser__linklist, .teaser_linklist { margin-left: 2px; }

.teaser__linklist__item { margin: 20px 0 0; }
.teaser__linklist__item:first-child { margin-top: 0; }
.teaser__linklist__item > a { line-height: 21px ; line-height: 2.1rem ; display: block; padding-left: 20px; position: relative; }
.teaser__linklist__item > a .ico { position: absolute; left: 0; top: 6px; }
.teaser__linklist__item .publish-date, .teaser__linklist__item .via { padding-left: 20px; }

/* 'Plain' teasers have no visual garnish*/
.teaser-plain .media { margin-bottom: 10px; }
.teaser-plain .media__video-wrapper { margin-bottom: 20px; }
.teaser-plain p { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

/* 'Box' teasers have a border and a  'transparent' bg, and contain just a link (as seen in Legal page)
*/
.teaser-box { padding: 20px; border: 2px #c4d1d7 solid; }

.teaser-box__link { display: block; font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; }
@media screen and (max-width: 850px) { .teaser-box__link { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

/* Latest tweet teasers (e.g. on legal page). Note this is different from .teaser__tweet which is a tweet inside a standard teaser! */
.teaser-tweet { position: relative; margin: 0 0 16px 0; padding: 20px; background: #e4eaec; border: 2px #c4d1d7 solid; font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; /* Arrow for box. @TODO this should be incorporated into the arrow-box mixin */ /* Make 2 arrows using CSS border trick. Place top one slighty higher to give the illustion of a thin border: */ }
@media screen and (max-width: 850px) { .teaser-tweet { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
.teaser-tweet:before, .teaser-tweet:after { content: " "; height: 0; width: 0; position: absolute; bottom: -28px; left: 20px; /* Fallback for IE8- which doesn't understand rgba */ border: 14px solid transparent; /* FF PC has rendering bug if you use 'transparent' so feed it (and others) rgba. */ border: 14px solid rgba(255, 255, 255, 0); border-top-color: #c4d1d7; }
.teaser-tweet:after { border-top-color: #e4eaec; bottom: -26px; }

.teaser-tweet__footer, .box--tweet__follow { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 20px ; line-height: 2rem ; margin-bottom: 20px; clear: both; }
.teaser-tweet__footer .ico, .box--tweet__follow .ico, .teaser-tweet__footer time, .box--tweet__follow time { vertical-align: top; }
.teaser-tweet__footer .ico, .box--tweet__follow .ico { display: block; float: left; margin-right: 5px; }
.teaser-tweet__footer a:hover .ico, .box--tweet__follow a:hover .ico { background-position: 0 -2504px; }

/* Modifiers
 See also: .has-media etc

*/
/* Create space for 'external link' icon
 Assumed markup contains:
 <div class="more"> <span class="ico ico-arrow-n-e-white"> Read more </span> </div>

*/
.teaser--has-external-link { position: relative; padding-left: 40px; }
.teaser--has-external-link .more { display: block; position: absolute; top: 0; left: 0; padding: 20px 5px 0px 3px; background-color: #2c3841; }
.teaser--has-external-link.teaser-box .more { background-color: #c4d1d7; }

/* Teasers that appear in the sidebar of article-fulls aren't panels and just require a simple border: */
.teaser--on-white, .article-full [role=complementary] .region--1-up .teaser, .article-full--rd [role=complementary] .region--1-up .teaser { border: 2px solid #e4eaec; padding: 20px 30px 20px 40px; /* Marker for this needs to sit on top of the border (and is not rotated): */ }
@media screen and (min-width: 757px) { .teaser--on-white, .article-full [role=complementary] .region--1-up .teaser, .article-full--rd [role=complementary] .region--1-up .teaser { padding: 24px 30px 20px; }
  .teaser--on-white .media, .article-full [role=complementary] .region--1-up .teaser .media, .article-full--rd [role=complementary] .region--1-up .teaser .media { margin-right: -31px; }
  .teaser--on-white .teaser, .article-full [role=complementary] .region--1-up .teaser .teaser, .article-full--rd [role=complementary] .region--1-up .teaser .teaser { background: red; } }
@media screen and (max-width: 757px) { .teaser--on-white .media, .article-full [role=complementary] .region--1-up .teaser .media, .article-full--rd [role=complementary] .region--1-up .teaser .media { margin-right: -31px; } }
.teaser--on-white .marker, .article-full [role=complementary] .region--1-up .teaser .marker, .article-full--rd [role=complementary] .region--1-up .teaser .marker, .teaser--on-white .box__marker--vertical, .article-full [role=complementary] .region--1-up .teaser .box__marker--vertical, .article-full--rd [role=complementary] .region--1-up .teaser .box__marker--vertical, .teaser--on-white .box__marker--inline, .article-full [role=complementary] .region--1-up .teaser .box__marker--inline, .article-full--rd [role=complementary] .region--1-up .teaser .box__marker--inline { top: -2px; left: -2px; }

/* Give the RHS content more top padding if it has a marker */
.teaser--on-white.t-advice, .article-full [role=complementary] .region--1-up .t-advice.teaser, .article-full--rd [role=complementary] .region--1-up .t-advice.teaser, .teaser--on-white.t-products-and-services, .article-full [role=complementary] .region--1-up .t-products-and-services.teaser, .article-full--rd [role=complementary] .region--1-up .t-products-and-services.teaser, .teaser--on-white.t-guides-and-cribsheets, .article-full [role=complementary] .region--1-up .t-guides-and-cribsheets.teaser, .article-full--rd [role=complementary] .region--1-up .t-guides-and-cribsheets.teaser, .teaser--on-white.t-r-and-d-publications, .article-full [role=complementary] .region--1-up .t-r-and-d-publications.teaser, .article-full--rd [role=complementary] .region--1-up .t-r-and-d-publications.teaser, .teaser--on-white.t-events, .article-full [role=complementary] .region--1-up .t-events.teaser, .article-full--rd [role=complementary] .region--1-up .t-events.teaser, .teaser--on-white.t-news-and-blog, .article-full [role=complementary] .region--1-up .t-news-and-blog.teaser, .article-full--rd [role=complementary] .region--1-up .t-news-and-blog.teaser, .teaser--on-white.t-nav, .article-full [role=complementary] .region--1-up .t-nav.teaser, .article-full--rd [role=complementary] .region--1-up .t-nav.teaser { padding: 30px 30px 20px; }

@media screen and (max-width: 565px) { .article-full__related .block { margin-bottom: 20px; }
  .article-full__related .block:last-of-type { margin-bottom: 0; } }
/*===================================== Hero banners
*/
.hero { position: relative; z-index: 500; margin-bottom: 10px ; margin-bottom: 1rem ; }
.hero a { word-break: normal; }
.hero .inner { position: relative; }
.hero .media > a { margin-left: auto; max-width: 1700px; display: block; }
@media screen and (min-width: 565px) { .hero .media { margin-bottom: -40px; } }
@media screen and (min-width: 850px) { .hero .media { margin-bottom: -100px; } }
html.no-js .hero .media { margin-bottom: 0; }
.hero .media__attribution__title { bottom: 0; }
@media screen and (min-width: 565px) { .hero .media__attribution__title { display: block; bottom: 40px; } }
@media screen and (min-width: 850px) { .hero .media__attribution__title { bottom: 100px; } }

.field-collection-view-links, .action-links-field-collection-add { display: none; }

.hero__background { background-color: #fff; border-bottom: 1px solid #d5dee2; position: absolute; top: 40px; right: 0px; left: 0px; bottom: -1px; }
.boxshadow .hero__background { border-bottom: 0; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); bottom: 0; }

.hero__image { width: 100%; display: block; }

.hero__title { word-break: normal; font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; margin-bottom: 5px; word-break: normal; }
@media screen and (min-width: 565px) { .hero__title { font-size: 36px ; font-size: 3.6rem ; line-height: 39px ; line-height: 3.9rem ; margin-bottom: 10px; } }
@media screen and (min-width: 757px) { .hero__title { font-size: 39px ; font-size: 3.9rem ; line-height: 42px ; line-height: 4.2rem ; } }
@media screen and (min-width: 850px) { .hero__title { font-size: 45px ; font-size: 4.5rem ; line-height: 48px ; line-height: 4.8rem ; } }

.hero__copy { word-break: normal; display: block; background: #0c2931; color: white; position: relative; z-index: 500; padding: 20px 20px 1px 20px; }
.hero__copy:hover { color: #c4d1d7; }
.hero__copy:hover .ico-readmore-arrow { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -1937px; }
@media screen and (min-width: 565px) { .hero__copy { padding: 25px 30px 10px 30px; } }
@media screen and (min-width: 757px) { .hero__copy { /* Space for .readmore */ padding: 30px 90px 10px 40px; } }
@media screen and (max-width: 965px) { .has-media--side .hero__copy { padding: 30px 40px 10px 40px; } }
.hero__copy p { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; margin-bottom: 18px ; margin-bottom: 1.8rem ; }
@media screen and (min-width: 565px) { .hero__copy p { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (min-width: 850px) { .hero__copy p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }

.hero__copy__sublink { color: white; }
.hero__copy__sublink:hover { color: #c4d1d7; }

/* Text-only version */
@media screen and (min-width: 565px) { .hero--text .hero__background { top: 0; }
  .hero--text .hero__copy { padding: 0 0 30px 0; background: transparent; overflow: auto; }
  .hero--text .hero__title { background: #0c2931; padding: 30px; width: 45%; float: left; }
  .hero--text .hero__body { color: #2c3841; padding: 30px; width: 33%; float: left; }
  .hero--text .ico-readmore-arrow { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -1851px; } }

/* Hero layout modifiers */
.hero { /* @TODO: Review .has-marker .hero-copy (test Events list template)
*/ }
@media screen and (min-width: 565px) { .hero.l-offset-copy .hero__copy { margin-left: 16.66667%; /* Two cols */ } }
.hero.has-marker .hero__copy, .box--teaser__item .hero.box .hero__copy { padding-left: 40px; }
@media screen and (min-width: 565px) { .hero.has-marker .hero__copy, .box--teaser__item .hero.box .hero__copy { padding-left: 50px; } }
.hero.l-full-bleed .media > a { margin-left: auto; margin-right: auto; }
@media screen and (max-width: 565px) { .hero.l-full-bleed .inner { padding: 0; } }
@media screen and (max-width: 565px) { .hero.l-offset-bleed .hero__copy { margin-left: 0; } }
@media screen and (min-width: 470px) { .hero.l-copy-right .media, .hero.l-copy-right .hero__copy { margin: 0; }
  .hero.l-copy-right .media__attribution__title { right: 42.7%; bottom: 0; }
  .hero.l-copy-right .hero__copy { position: absolute; top: 0; right: 0; bottom: 0; left: 58.33333%; padding: 30px; }
  .hero.l-copy-right .readmore { bottom: 30px; margin-bottom: 0; } }
@media screen and (min-width: 757px) { .hero.l-copy-right .hero__copy p { margin-right: 34%; } }

/*===================================== Markers (pills/lozenges) used to denote subject category
*/
.marker, .box__marker--vertical, .box__marker--inline { position: absolute; top: 0px; left: 0; padding: 0px 7px; font-size: 12px ; font-size: 1.2rem ; line-height: 22px ; line-height: 2.2rem ; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: white; background-color: #2c3841; white-space: nowrap; text-align: center; }
.t-news-and-blog .marker, .t-news-and-blog .box__marker--vertical, .t-news-and-blog .box__marker--inline, [class^='t-'] .t-news-and-blog .marker, [class^='t-'] .t-news-and-blog .box__marker--vertical, [class^='t-'] .t-news-and-blog .box__marker--inline { background-color: #f3b036; }
.t-products-and-services .marker, .t-products-and-services .box__marker--vertical, .t-products-and-services .box__marker--inline, [class^='t-'] .t-products-and-services .marker, [class^='t-'] .t-products-and-services .box__marker--vertical, [class^='t-'] .t-products-and-services .box__marker--inline { background-color: #8c930d; }
.t-guides-and-cribsheets .marker, .t-guides-and-cribsheets .box__marker--vertical, .t-guides-and-cribsheets .box__marker--inline, [class^='t-'] .t-guides-and-cribsheets .marker, [class^='t-'] .t-guides-and-cribsheets .box__marker--vertical, [class^='t-'] .t-guides-and-cribsheets .box__marker--inline { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .marker, .t-guides-and-cribsheets.t-report .box__marker--vertical, .t-guides-and-cribsheets.t-report .box__marker--inline, [class^='t-'] .t-guides-and-cribsheets.t-report .marker, [class^='t-'] .t-guides-and-cribsheets.t-report .box__marker--vertical, [class^='t-'] .t-guides-and-cribsheets.t-report .box__marker--inline { background-color: #e85e13; }
.t-r-and-d-publications .marker, .t-r-and-d-publications .box__marker--vertical, .t-r-and-d-publications .box__marker--inline, [class^='t-'] .t-r-and-d-publications .marker, [class^='t-'] .t-r-and-d-publications .box__marker--vertical, [class^='t-'] .t-r-and-d-publications .box__marker--inline { background-color: #0092cb; }
.t-r-and-d-publications-archive .marker, .t-r-and-d-publications-archive .box__marker--vertical, .t-r-and-d-publications-archive .box__marker--inline, [class^='t-'] .t-r-and-d-publications-archive .marker, [class^='t-'] .t-r-and-d-publications-archive .box__marker--vertical, [class^='t-'] .t-r-and-d-publications-archive .box__marker--inline { background-color: #70818b; }
.t-generic-content .marker.marker, .t-generic-content .box__marker--vertical, .t-generic-content .box__marker--inline, .marker [class^='t-'] .t--generic-content.marker, .box__marker--vertical [class^='t-'] .t--generic-content.marker, .box__marker--inline [class^='t-'] .t--generic-content.marker, .marker [class^='t-'] .t--generic-content.box__marker--vertical, .box__marker--vertical [class^='t-'] .t--generic-content.box__marker--vertical, .box__marker--inline [class^='t-'] .t--generic-content.box__marker--vertical, .marker [class^='t-'] .t--generic-content.box__marker--inline, .box__marker--vertical [class^='t-'] .t--generic-content.box__marker--inline, .box__marker--inline [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .marker, .t-events .box__marker--vertical, .t-events .box__marker--inline, [class^='t-'] .t-events .marker, [class^='t-'] .t-events .box__marker--vertical, [class^='t-'] .t-events .box__marker--inline { background-color: #d72250; }
.t-contact .marker, .t-contact .box__marker--vertical, .t-contact .box__marker--inline, [class^='t-'] .t-contact .marker, [class^='t-'] .t-contact .box__marker--vertical, [class^='t-'] .t-contact .box__marker--inline { background-color: #e85e13; }
.t-about .marker, .t-about .box__marker--vertical, .t-about .box__marker--inline, [class^='t-'] .t-about .marker, [class^='t-'] .t-about .box__marker--vertical, [class^='t-'] .t-about .box__marker--inline { background-color: #e85e13; }
.t-inform .marker, .t-inform .box__marker--vertical, .t-inform .box__marker--inline, [class^='t-'] .t-inform .marker, [class^='t-'] .t-inform .box__marker--vertical, [class^='t-'] .t-inform .box__marker--inline { background-color: #f3b036; }

a.marker:focus, a.box__marker--vertical:focus, a.box__marker--inline:focus, a.marker:hover, a.box__marker--vertical:hover, a.box__marker--inline:hover { color: #fff; }
.t-news-and-blog a.marker:focus, .t-news-and-blog a.box__marker--vertical:focus, .t-news-and-blog a.box__marker--inline:focus, [class^='t-'] .t-news-and-blog a.marker:focus, [class^='t-'] .t-news-and-blog a.box__marker--vertical:focus, [class^='t-'] .t-news-and-blog a.box__marker--inline:focus, .t-news-and-blog a.marker:hover, .t-news-and-blog a.box__marker--vertical:hover, .t-news-and-blog a.box__marker--inline:hover, [class^='t-'] .t-news-and-blog a.marker:hover, [class^='t-'] .t-news-and-blog a.box__marker--vertical:hover, [class^='t-'] .t-news-and-blog a.box__marker--inline:hover { background-color: #f3b036; background-color: rgba(243, 176, 54, 0.8); }
.t-products-and-services a.marker:focus, .t-products-and-services a.box__marker--vertical:focus, .t-products-and-services a.box__marker--inline:focus, [class^='t-'] .t-products-and-services a.marker:focus, [class^='t-'] .t-products-and-services a.box__marker--vertical:focus, [class^='t-'] .t-products-and-services a.box__marker--inline:focus, .t-products-and-services a.marker:hover, .t-products-and-services a.box__marker--vertical:hover, .t-products-and-services a.box__marker--inline:hover, [class^='t-'] .t-products-and-services a.marker:hover, [class^='t-'] .t-products-and-services a.box__marker--vertical:hover, [class^='t-'] .t-products-and-services a.box__marker--inline:hover { background-color: #8c930d; background-color: rgba(140, 147, 13, 0.8); }
.t-guides-and-cribsheets a.marker:focus, .t-guides-and-cribsheets a.box__marker--vertical:focus, .t-guides-and-cribsheets a.box__marker--inline:focus, [class^='t-'] .t-guides-and-cribsheets a.marker:focus, [class^='t-'] .t-guides-and-cribsheets a.box__marker--vertical:focus, [class^='t-'] .t-guides-and-cribsheets a.box__marker--inline:focus, .t-guides-and-cribsheets a.marker:hover, .t-guides-and-cribsheets a.box__marker--vertical:hover, .t-guides-and-cribsheets a.box__marker--inline:hover, [class^='t-'] .t-guides-and-cribsheets a.marker:hover, [class^='t-'] .t-guides-and-cribsheets a.box__marker--vertical:hover, [class^='t-'] .t-guides-and-cribsheets a.box__marker--inline:hover { background-color: #a22578; background-color: rgba(162, 37, 120, 0.8); }
.t-r-and-d-publications a.marker:focus, .t-r-and-d-publications a.box__marker--vertical:focus, .t-r-and-d-publications a.box__marker--inline:focus, [class^='t-'] .t-r-and-d-publications a.marker:focus, [class^='t-'] .t-r-and-d-publications a.box__marker--vertical:focus, [class^='t-'] .t-r-and-d-publications a.box__marker--inline:focus, .t-r-and-d-publications a.marker:hover, .t-r-and-d-publications a.box__marker--vertical:hover, .t-r-and-d-publications a.box__marker--inline:hover, [class^='t-'] .t-r-and-d-publications a.marker:hover, [class^='t-'] .t-r-and-d-publications a.box__marker--vertical:hover, [class^='t-'] .t-r-and-d-publications a.box__marker--inline:hover { background-color: #0092cb; background-color: rgba(0, 146, 203, 0.8); }
.t-events a.marker:focus, .t-events a.box__marker--vertical:focus, .t-events a.box__marker--inline:focus, [class^='t-'] .t-events a.marker:focus, [class^='t-'] .t-events a.box__marker--vertical:focus, [class^='t-'] .t-events a.box__marker--inline:focus, .t-events a.marker:hover, .t-events a.box__marker--vertical:hover, .t-events a.box__marker--inline:hover, [class^='t-'] .t-events a.marker:hover, [class^='t-'] .t-events a.box__marker--vertical:hover, [class^='t-'] .t-events a.box__marker--inline:hover { background-color: #d72250; background-color: rgba(215, 34, 80, 0.8); }
.t-contact a.marker:focus, .t-contact a.box__marker--vertical:focus, .t-contact a.box__marker--inline:focus, [class^='t-'] .t-contact a.marker:focus, [class^='t-'] .t-contact a.box__marker--vertical:focus, [class^='t-'] .t-contact a.box__marker--inline:focus, .t-contact a.marker:hover, .t-contact a.box__marker--vertical:hover, .t-contact a.box__marker--inline:hover, [class^='t-'] .t-contact a.marker:hover, [class^='t-'] .t-contact a.box__marker--vertical:hover, [class^='t-'] .t-contact a.box__marker--inline:hover { background-color: #e85e13; background-color: rgba(232, 94, 19, 0.8); }
.t-about a.marker:focus, .t-about a.box__marker--vertical:focus, .t-about a.box__marker--inline:focus, [class^='t-'] .t-about a.marker:focus, [class^='t-'] .t-about a.box__marker--vertical:focus, [class^='t-'] .t-about a.box__marker--inline:focus, .t-about a.marker:hover, .t-about a.box__marker--vertical:hover, .t-about a.box__marker--inline:hover, [class^='t-'] .t-about a.marker:hover, [class^='t-'] .t-about a.box__marker--vertical:hover, [class^='t-'] .t-about a.box__marker--inline:hover { background-color: #e85e13; background-color: rgba(232, 94, 19, 0.8); }
.t-inform a.marker:focus, .t-inform a.box__marker--vertical:focus, .t-inform a.box__marker--inline:focus, [class^='t-'] .t-inform a.marker:focus, [class^='t-'] .t-inform a.box__marker--vertical:focus, [class^='t-'] .t-inform a.box__marker--inline:focus, .t-inform a.marker:hover, .t-inform a.box__marker--vertical:hover, .t-inform a.box__marker--inline:hover, [class^='t-'] .t-inform a.marker:hover, [class^='t-'] .t-inform a.box__marker--vertical:hover, [class^='t-'] .t-inform a.box__marker--inline:hover { background-color: #f3b036; background-color: rgba(243, 176, 54, 0.8); }

.block > .teaser .marker, .block > .teaser .box__marker--vertical, .block > .teaser .box__marker--inline, .block > .teaser-home .marker, .block > .teaser-home .box__marker--vertical, .block > .teaser-home .box__marker--inline, .hero .marker, .hero .box__marker--vertical, .hero .box__marker--inline, .article-full [role=complementary] .marker, .article-full--rd [role=complementary] .marker, .article-full [role=complementary] .box__marker--vertical, .article-full--rd [role=complementary] .box__marker--vertical, .article-full [role=complementary] .box__marker--inline, .article-full--rd [role=complementary] .box__marker--inline, .box__marker--vertical { transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform: rotate(-90deg) translate(-100%, 0%); -ms-transform: rotate(-90deg) translate(-100%, 0%); -webkit-transform: rotate(-90deg) translate(-100%, 0%); -moz-transform: rotate(-90deg) translate(-100%, 0%); -o-transform: rotate(-90deg) translate(-100%, 0%); }

/* Page-level markers*/
.marker--page { position: relative; float: left; margin: 0 1px 1px 0; padding: 3px 12px; font-size: 16px ; font-size: 1.6rem ; line-height: 26px ; line-height: 2.6rem ; letter-spacing: 0; text-transform: none; left: 0; top: 0; }

/* Date Marker <span class="marker-date"> <span class="marker-date__day">13</span> <span class="marker-date__month">Nov</span> </span>
*/
/* @OPTIMIZE:  abstract the 'date' classnames into 'badge' or something less tied to content use
*/
.marker-date { float: left; padding: 0; text-align: center; font-size: 12px ; font-size: 1.2rem ; line-height: 22px ; line-height: 2.2rem ; width: 50px; }
@media screen and (min-width: 757px) { .marker-date { width: 60px; } }
.marker-date, .marker-date:hover { color: white; }

.marker-date__day, .marker-date__major { display: block; padding: 5px 0 0; font-size: 20px ; font-size: 2rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; background-color: #2c3841; }

.marker-date__month, .marker-date__minor { display: block; padding: 0 0 2px; font-size: 10px ; font-size: 1rem ; letter-spacing: 2px; text-transform: uppercase; background-color: #2c3841; }

@media screen and (min-width: 757px) { .marker-date { display: inline-block; }
  .marker-date__day, .marker-date__major { padding: 13px 0 2px; font-size: 30px ; font-size: 3rem ; }
  .marker-date__month, .marker-date__minor { padding: 0px 0 5px; font-size: 15px ; font-size: 1.5rem ; } }
.marker.marker--report, .marker--report.box__marker--vertical, .marker--report.box__marker--inline { background: #e85e13; }

/*===================================== Media
 Wrapper module for media objects
*/
.media { display: block; position: relative; }
.media img { display: block; width: 100%; height: auto; }
.media iframe, .media audio { max-width: 100%; }
.media iframe { display: block; }
.media figcaption { background-color: #E4E9EC; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: inline-block; padding: 10px; }

@media screen and (max-width: 965px) { .has-audio + .teaser-plain__title { clear: both; } }
.teaser-plain--logo { padding-top: 80px; }
@media screen and (max-width: 757px) { .teaser-plain--logo { padding-top: 0; padding-left: 42%; margin-bottom: 10px; } }
@media screen and (max-width: 565px) { .teaser-plain--logo { padding-left: 0; } }
.teaser-plain--logo .media { position: absolute; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 757px) { .teaser-plain--logo .media { position: absolute; left: 0; top: 0; width: 40%; margin-right: 20px; } }
@media screen and (max-width: 565px) { .teaser-plain--logo .media { position: relative; width: 100%; margin-bottom: 10px; margin-right: 0; } }
.teaser-plain--logo .media a { background: white; padding: 10 0 10 0; border: solid #d5dee2; border-width: 1px 1px 2px 1px; background: #fff; height: 50px; display: block; padding: 10px 0; width: 100%; }
.boxshadow .teaser-plain--logo .media a { border: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.teaser-plain--logo .media a:hover { opacity: 0.75; }
.teaser-plain--logo .media img { width: auto; max-height: 50px; margin: 0 auto; }
.teaser-plain--logo .media.media--left { float: left; margin-right: 20px; }
.teaser-plain--logo .media.media--right { float: right; margin-left: 20px; }

@media screen and (max-width: 565px) { .teaser-plain { margin-bottom: 40px; } }

@media screen and (min-width: 565px) { .media--left { float: left; margin-right: 20px; }
  .media--right { float: right; margin-left: 20px; }
  .region--2-up .media--left, .region--2-up .media--right { max-width: 50%; } }
.media__inner { max-width: 965px; margin: 0 auto; padding: 0; position: relative; }
.media--has-border .media__inner { border: 1px solid #d5dee2; }

/* Videos
*/
.media__video-wrapper { position: relative; height: 0; }
.media__video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 757px) { .media__video--constrained { max-width: 75%; } }

.media__video-ratio--16-9 { padding-bottom: 56.25%; }

/* Attribution panel
*/
html.js .media__attribution { position: absolute; right: 0; bottom: 0; width: 100%; padding-left: 0; z-index: 510; }

.media__attribution__title, .media__attribution__close { position: absolute; right: 0; bottom: 0; margin: 0; width: 46px; height: 46px; cursor: pointer; }
.media__attribution__title:hover, .media__attribution__title:focus, .media__attribution__close:hover, .media__attribution__close:focus { opacity: 0.75; }
.no-js .media__attribution__title, .no-js .media__attribution__close { display: none; }

.media__attribution__wrap { position: relative; }

.media__attribution__info { max-width: 460px; width: 100%; position: relative; overflow: hidden; zoom: 1; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: #d5dee2; opacity: 0.95; }
html.js .media__attribution__info { display: none; bottom: 0; right: 0; float: right; }
.media__attribution__info img { width: auto; }
.media__attribution__info > div > div { display: block; margin: 0 30px 8px; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.media__attribution__info > .last-child { border-right: 5px solid #c4d1d7; padding: 30px 0 25px 0; }

/*===================================== Duo
 A Duo is a pair of elements - one which is graphical and appears on the left and the other which is text and appears on the right. Used in search results, event lists, resources etc. Anywhere where some text has a graphicak element supporting it.
 Markup:
 <div class="duo"> <div class="duo__side"> Image or other illustrative element </div> <div class="duo__body"> Text </div>
 */
.duo { zoom: 1; padding: 10px 0 0; }
.duo:before, .duo:after { content: ""; display: table; }
.duo:after { clear: both; }

.duo__side { zoom: 1; float: left; margin-right: 20px; padding-bottom: 10px; }
.duo__side:before, .duo__side:after { content: ""; display: table; }
.duo__side:after { clear: both; }
.duo__side img { border: 1px solid #D5DEE3; max-width: 100%; height: auto; display: block; width: auto; }

/*===================================== Link lists
*/
.linklist { padding: 30px 0; }
@media screen and (max-width: 757px) { .region--4-up .block-3 .linklist, .region--4-up .block-4 .linklist, .region--3-up .block-2 .linklist, .region--3-up .block-3 .linklist { padding-top: 0; }
  .col + .col .linklist { padding-top: 0; } }
@media screen and (max-width: 565px) { .region--2-up .block-2 .linklist { padding-top: 0; } }

.linklist__title, .linklist__subtitle { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; margin: 0 0 10px; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.linklist__title a, .linklist__subtitle a { color: #2c3841; }

@media screen and (min-width: 757px) { .linklist__title + .linklist__title { margin-top: 30px; } }
.linklist__subtitle { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.linklist__item { padding: 3px 0; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; margin-bottom: 4px; word-break: normal; }
@media screen and (min-width: 757px) { .linklist__item { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; } }
.linklist__item a { word-break: normal; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; padding: 5px 0 3px 0; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 757px) { .linklist__item a { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; padding: 6px 0 4px 0; } }
.lt-ie8 .linklist__item { padding: 0 !important; }

.linklist.linklist--small { padding: 0; }
.linklist.linklist--small .linklist__item, .linklist.linklist--small .linklist__item a { font-size: 13px ; font-size: 1.3rem ; line-height: 18px ; line-height: 1.8rem ; }

/*===================================== Google maps
*/
.google-map { margin-bottom: 30px ; margin-bottom: 3rem ; width: 100%; }
.google-map .google-map__media { border: 2px solid #e4eaec; }
.google-map .google-map__media .cx_gmap { border: 1px solid #fff; line-height: 0; }
.google-map .google-map__media .cx_gmap a { display: block; }
.google-map .google-map__media .cx_gmap img { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; height: auto !important; }
.google-map .google-map__media .google-map__link { display: none; }
.google-map .google-map__link { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 20px ; line-height: 2rem ; margin: 5px 0px ; margin: 0.5rem 0rem ; }

/*===================================== Email signup
*/
.email-signup { zoom: 1; position: relative; }
.email-signup:before, .email-signup:after { content: ""; display: table; }
.email-signup:after { clear: both; }
.email-signup .email-signup__actions { zoom: 1; }
.email-signup .email-signup__actions:before, .email-signup .email-signup__actions:after { content: ""; display: table; }
.email-signup .email-signup__actions:after { clear: both; }
.email-signup .email-signup__actions .lnk-rss { float: right; margin-left: 10px; border: 1px solid #b9c9d5; }
@media screen and (max-width: 850px) { .email-signup .email-signup__actions .lnk-rss { position: absolute; bottom: 0; right: 0; } }
.lt-ie9 .email-signup .email-signup__actions .lnk-rss { line-height: 2; }
.email-signup .email-signup__actions .lnk-signup { display: none; float: left; white-space: nowrap; border: 1px solid #b9c9d5; line-height: 30px; height: 30px; padding: 0 0.7em 0; margin-top: 10px; }
@media screen and (min-width: 850px) { .email-signup .email-signup__actions .lnk-signup { margin-top: 0; } }
.no-js .email-signup .email-signup__actions .lnk-signup { display: none; }
.email-signup .email-signup__form { font-size: 13px ; font-size: 1.3rem ; float: left; }
.email-signup .email-signup__form label { position: relative; display: block; zoom: 1; margin-bottom: 8px ; margin-bottom: 0.8rem ; }
.email-signup .email-signup__form label:before, .email-signup .email-signup__form label:after { content: ""; display: table; }
.email-signup .email-signup__form label:after { clear: both; }
.email-signup .email-signup__form label .form-fields__label-text { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.email-signup .email-signup__form label .error-message { display: block; color: #cc0000; line-height: 1.1; background-color: transparent; margin-top: 5px ; margin-top: 0.5rem ; width: auto; padding: 0; font-size: 13px ; font-size: 1.3rem ; }
.email-signup .email-signup__form label .error-message:after { display: none; }
.email-signup .email-signup__form label input { display: block; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; border: 1px solid #b9c9d5; width: 150px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 0.6em 0.1em; line-height: 1; min-height: 29px ; min-height: 2.9rem ; }
.email-signup .email-signup__form label input:focus { border-color: #00557f; }
.lt-ie9 .email-signup .email-signup__form label input { line-height: 2.1; }
.lt-ie8 .email-signup .email-signup__form label input { line-height: 2.1; }
.email-signup .email-signup__form .btn--primary { float: left; font-size: 14px ; font-size: 1.4rem ; margin: 0; padding: 0.1em 1em 0.2em; min-height: 32px ; min-height: 3.2rem ; }
.lt-ie9 .email-signup .email-signup__form .btn--primary { min-height: 0; padding-top: 0.2em; padding-bottom: 0.4em; }
.lt-ie8 .email-signup .email-signup__form .btn--primary { padding: 0 0.3em 0.2em; }
.email-signup .email-signup__form .email-signup__trigger--hide { float: left; text-decoration: underline; margin: 6px 0px 0px 10px ; margin: 0.6rem 0rem 0rem 1rem ; }
.email-signup .email-signup__form .email-signup__trigger--hide:hover { text-decoration: none; }
.no-js .email-signup .email-signup__form .email-signup__trigger--hide { display: none; }
.lt-ie9 .email-signup .email-signup__form .email-signup__trigger--hide { margin-top: 5px ; margin-top: 0.5rem ; }
.email-signup .email-signup__success { float: right; }
.email-signup .email-signup__success p { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 13px ; font-size: 1.3rem ; margin: 7px 0px ; margin: 0.7rem 0rem ; }
.lt-ie9 .email-signup .email-signup__success p { margin-top: 5px ; margin-top: 0.5rem ; }
.js .email-signup.is-collapsed .email-signup__actions .lnk-signup { display: block; }
.js .email-signup.is-success .email-signup__actions .lnk-signup { display: none; }
.no-js .email-signup { position: relative; padding-top: 60px; }
.js .email-signup legend { display: none !important; }
.js .email-signup .email-signup__form__title { display: none; }
.js .email-signup.is-collapsed .email-signup__form { display: none; }
@media only screen and (min-width: 565px) { .email-signup .email-signup__form label input { float: left; margin-right: 8px ; margin-right: 0.8rem ; }
  .email-signup .email-signup__form label span { display: none; }
  .email-signup .email-signup__form .error-message { float: left; margin-top: 9px ; margin-top: 0.9rem ; }
  .email-signup .email-signup__form .form-action { float: left; } }
@media only screen and (min-width: 850px) { .email-signup .js .email-signup__form { float: right; width: auto; }
  .email-signup .email-signup__actions { float: right; } }
@media only screen and (min-width: 757px) { .email-signup .email-signup__form label { float: left; width: 175px; margin-bottom: 0; }
  .email-signup .email-signup__form label input { float: none; margin-right: 0; }
  .email-signup .email-signup__form label .error-message { float: none; margin: 5px 0px 0px 0px ; margin: 0.5rem 0rem 0rem 0rem ; } }
@media screen and (max-width: 850px) { .email-signup .email-signup__form { margin-top: 10px; } }
.lt-ie8 .email-signup .email-signup__form { width: auto !important; float: right !important; }

@media only screen and (min-width: 850px) { .js .inner { position: relative; }
  .js .inner .email-signup { position: absolute; top: 25px; right: 0; margin-bottom: 0; } }

.jisc .span-3 .email-signup { position: relative; top: 0; margin-top: -72px; padding-top: 20px; margin-bottom: 20px; }
.jisc .span-3 .email-signup__form { margin-top: 20px; }
.jisc .span-3 .email-signup__form label { margin-bottom: 10px; }

/*===================================== Notice bar/panel
*/
.notice { zoom: 1; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; position: relative; padding: 8px 60px 8px 16px ; padding: 0.8rem 6rem 0.8rem 1.6rem ; display: block; text-decoration: none; text-align: left; background: #d5dee2; border: 2px solid #c5cdd2; margin: 20px 0px ; margin: 2rem 0rem ; }
.notice:before, .notice:after { content: ""; display: table; }
.notice:after { clear: both; }
.notice:hover .ico { background-position: 0 -1552px; }
@media screen and (max-width: 850px) { .notice { margin: 8px 0px ; margin: 0.8rem 0rem ; } }
@media screen and (min-width: 565px) { .notice { padding-left: 60px ; padding-left: 6rem ; text-align: center; } }
.notice .lnk-read-more { width: 55px ; width: 5.5rem ; height: 100%; position: absolute; right: 0; top: 0; }
.notice .lnk-read-more .ico { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -7px; }
.notice p { margin: 5px 0px ; margin: 0.5rem 0rem ; }

.notice__title { display: block; margin: 7px 0px 10px ; margin: 0.7rem 0rem 1rem ; font-weight: normal; font-family: "Stag Sans Web Medium", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Arial, sans-serif; }

a.notice:active { border: 2px solid #c5cdd2; }

div.notice .lnk-read-more { display: none; }

/*===================================== Author profiles
*/
.profile--full.article-full, .profile--full.article-full--rd { padding-top: 0; }

.profile--full__header { background: #0c2931; margin-right: 20px; zoom: 1; }
.profile--full__header .block { margin-top: 0 !important; }
.profile--full__header .profile__photo img { display: block; }
@media screen and (min-width: 965px) and (max-width: 1870px) { .profile--full__header .profile__photo { overflow: hidden; width: auto; }
  .profile--full__header .profile__photo img { max-width: none; height: 100%; min-width: 100%; width: auto; } }
@media screen and (min-width: 1870px) { .profile--full__header .profile__photo { overflow: none; }
  .profile--full__header .profile__photo img { width: 100%; } }
.profile--full__header .contact-panel { position: relative; background: none transparent; }
@media screen and (min-width: 565px) { .profile--full__header .contact-panel { margin: 0; min-height: 239px; } }

.profile__subhead { margin: 10px 0 20px; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.profile__subhead a { text-decoration: underline; }
.profile__subhead a:hover, .profile__subhead a:focus { text-decoration: none; }

.profile--full__main { margin: 40px 0; }
.profile--full__main h2 { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.profile--full__main .article-full__body { margin-top: 0; }
.profile--full__main .article-full__body h2 { margin-top: 0; }
.profile--full__main .article-full__tags { margin-bottom: 27px ; margin-bottom: 2.7rem ; }

.profile__publication { margin-bottom: 13px ; margin-bottom: 1.3rem ; }
.profile__publication > p { margin: 0.5em 0; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.profile__publication__title { margin: 0; font-size: 18px ; font-size: 1.8rem ; }

.profile__info p { padding-right: 20px; }
.profile__info .post-meta { padding-right: 5px; }
.profile__info > p { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding-bottom: 10px; }
.profile--large .profile__info > p { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; float: left; }
.profile__info > blockquote { margin-bottom: 10px; }
.profile__info > blockquote p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
.profile__info small { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.profile__name { margin: 0 0 6px 0; font-size: 18px ; font-size: 1.8rem ; line-height: 24px ; line-height: 2.4rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.profile__name a { color: #2c3841; }
.profile__name a:hover { color: #e85e13; }

.profile--small { padding: 20px 0; }
.profile--small .profile__info > p { font-size: 13px ; font-size: 1.3rem ; }
.profile--small .duo__side { width: 28px; }
.profile--small .duo__body { overflow: hidden; padding-top: 7px; }

.profile--medium { padding: 10px 0; }
.profile--medium .duo__side { width: 46px; }
.profile--medium .duo__body { overflow: hidden; padding-top: 30px; }
@media screen and (max-width: 757px) { .profile--medium .duo__body { padding-top: 13px; } }
.featured-blogs .profile--medium .duo__body { padding-top: 0; }

.profile--large { padding: 10px 0; }
.profile--large .duo__side { width: 58px; }
.profile--large .duo__body { overflow: hidden; padding-top: 18px; }
.featured-blogs .profile--large .duo__body { padding-top: 0; }

@media screen and (max-width: 757px) { .profile--large .duo__body { padding-top: 0; } }
.personal-info a { display: block; }

.profile--long .duo__body { padding-top: 0; }
.profile--long .profile__info ul { clear: both; }
.profile--long .profile__info li { font-size: 1.8rem; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.profile--long .profile__info > p { margin: 0 0 6px 0; }
.profile--long .profile__details { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; }
.profile--long .profile__details dd { margin-bottom: 5px; }

.profile .post-meta-published-and-comments { font-family: 'Stag Sans Web Book', HelveticaNeue, 'Helvetica Neue', Arial, sans-serif; float: right; margin-bottom: 0; font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; }
.profile .post-meta-published-and-comments.post-meta-shift { margin-top: 0px; margin-bottom: 10px; }

@media screen and (max-width: 565px) { .profile .post-meta-published-and-comments { float: none; clear: both; margin-top: 0; } }
.blog-author-summaries { margin-top: -10px; }

.blog-author-summary-container { display: block; height: 60px; margin-top: 10px; }

.profile__info .blog-author-images { float: left; display: block; margin-right: 10px; }
.profile__info .blog-author-images img { margin: 0; padding: 0; margin-right: 5px; margin-left: 0; display: block; float: left; }

.t-news-and-blog .article-summary .profile__info { padding-top: 10px; }
.t-news-and-blog .article-summary .profile__info p { margin-top: 15px; }

/*===================================== Masthead
*/
/* Styles */
.masthead { position: relative; z-index: 900; color: #2c3841; padding: 0; }
.masthead .l-pull-left.featured { border-bottom: 0; border-right: 0; }
@media screen and (max-width: 965px) { .masthead .l-pull-left.featured { padding: 0; } }
.masthead.low-zindex { z-index: 1; }

.masthead__telephone { display: inline-block; padding: 9px 14px 0; color: #2c3841; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.masthead__telephone:hover { color: #2c3841; }
@media screen and (min-width: 565px) { .masthead__telephone { position: absolute; top: -99999px; } }

.cx__mobilemenu__trigger { position: absolute; right: 10px; padding-top: 10px; width: 100px; height: 32px; max-height: 32px; background-color: #fff; color: #2c3841; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; text-align: center; cursor: pointer; }
.cx__mobilemenu__trigger .ico { margin-left: 10px; margin-bottom: 2px; }
.cx__mobilemenu__trigger.is-open { border-bottom: 1px solid #fff; }

@media screen and (max-width: 564px) { .js .combined-nav-wrapper { display: none; overflow: hidden; } }
.masthead__top { zoom: 1; padding-bottom: 8px; }
.masthead__top:before, .masthead__top:after { content: ""; display: table; }
.masthead__top:after { clear: both; }
@media screen and (min-width: 965px) { .masthead__top { padding-bottom: 30px; } }

/*----------------- Skiplinks
*/
#skiplinks:focus { display: block; position: absolute; left: 0; right: 0; top: 0; border: 0; outline: none; z-index: 700; }
#skiplinks:focus span { display: block; margin: 0 auto; width: 30%; padding: 8px 0; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 18px ; font-size: 1.8rem ; text-align: center; background: #333; background: rgba(0, 0, 0, 0.6); color: #fff; }

.logo { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); float: left; display: block; border: 0; }
.logo img { display: block; border: 0; max-width: none; }
@media screen and (max-width: 630px) { .logo img { width: 61px; height: 34px; } }
@media screen and (max-width: 630px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 630px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 630px) and (-ms-min-device-pixel-ratio: 1.3), screen and (max-width: 630px) and (-o-min-device-pixel-ratio: 1.3), screen and (max-width: 630px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 630px) and (min-resolution: 2dppx) { .logo img { height: 0; padding-top: 34px; background: url(../img/jisc-logo-103.png); background-size: 61px 34px; } }

@media screen and (min-width: 630px) { .logo img { height: 0; width: 103px; padding-top: 57px; } }
@media screen and (min-width: 630px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (-o-max-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (-ms-max-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (max-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (max-resolution: 1.3dppx), screen and (min-width: 630px) and (max-resolution: 192dpi) { .logo img { background: url(../img/jisc-logo-103.png); } }
@media screen and (min-width: 630px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (-o-min-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (-ms-min-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (min-device-pixel-ratio: 1.3), screen and (min-width: 630px) and (min-resolution: 1.3dppx), screen and (min-width: 630px) and (min-resolution: 192dpi) { .logo img { background: url(../img/jisc-logo-206.png); background-size: 103px 57px; } }

.lt-ie9 .logo img, .ie9 .logo img { width: 103px; max-width: 103px; padding-top: 57px; height: 0; background: url(../img/jisc-logo-103.png); }
.logo:hover, .logo:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.logo:focus { outline: thin dotted; }

.combined-nav-wrapper { position: relative; }

@media screen and (min-width: 565px) { .secondary-nav { float: right; margin-right: -10px; position: absolute; top: -52px; right: 0; } }
@media screen and (min-width: 630px) { .secondary-nav { top: -66px; } }
@media screen and (min-width: 965px) { .secondary-nav { top: -90px; } }
@media screen and (max-width: 564px) { .secondary-nav { zoom: 1; padding: 10px 0; border-bottom: 1px solid #d5dee2; }
  .secondary-nav:before, .secondary-nav:after { content: ""; display: table; }
  .secondary-nav:after { clear: both; } }
.secondary-nav ul { margin-top: 7px; }
@media screen and (min-width: 564px) { .secondary-nav ul { margin-top: 13px; } }
.secondary-nav li { float: left; }
@media screen and (max-width: 564px) { .secondary-nav li { width: 50%; } }
.secondary-nav li.current a { color: #85939b; }
.secondary-nav li.promo { display: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #e9eef0; background: rgba(255, 255, 255, 0.5); }
@media screen and (min-width: 565px) { .secondary-nav li.promo { display: list-item; } }
@media screen and (min-width: 565px) and (max-width: 630px) { .secondary-nav li.promo a { max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } }
@media screen and (min-width: 757px) { .secondary-nav li.promo { margin-right: 40px; } }
.secondary-nav a { font-size: 15px ; font-size: 1.5rem ; line-height: 19px ; line-height: 1.9rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: block; padding: 7px 10px; }
@media screen and (min-width: 565px) { .secondary-nav a { font-size: 13px ; font-size: 1.3rem ; } }
@media screen and (max-width: 564px) { .secondary-nav a { padding: 7px 20px; } }

.masthead__bottom { clear: both; background-color: #fff; border: solid #d5dee2; border-width: 0; min-height: 52px; }
.boxshadow .masthead__bottom { border: 0; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
@media screen and (max-width: 564px) { .boxshadow .masthead__bottom { padding: 0; } }
@media screen and (min-width: 565px) { .masthead .masthead__bottom { padding-right: 0; } }
@media screen and (min-width: 565px) and (max-width: 965px) { .masthead .masthead__bottom { padding-right: 0; padding-left: 0; } }

.primary-nav { display: block; }
.primary-nav .inner { float: right; }
.primary-nav li.active > a { color: #e85e13; }
@media screen and (min-width: 965px) { .primary-nav #nav { margin-left: -20px; } }
.primary-nav #nav > li { position: relative; }
@media screen and (min-width: 565px) { .primary-nav #nav > li { float: left; } }
@media screen and (max-width: 564px) { .primary-nav #nav > li { border-bottom: 1px solid #d5dee2; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }
@media screen and (min-width: 565px) and (max-width: 965px) { .primary-nav #nav > li { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }
.primary-nav #nav > li > a { display: block; color: #2c3841; padding: 17px 20px 16px; position: relative; z-index: 20; }
@media screen and (min-width: 565px) and (max-width: 630px) { .primary-nav #nav > li > a { padding-left: 10px; padding-right: 10px; } }
@media screen and (min-width: 630px) and (max-width: 757px) { .primary-nav #nav > li > a { padding-left: 13px; padding-right: 13px; } }
@media screen and (min-width: 757px) and (max-width: 965px) { .primary-nav #nav > li > a { padding-left: 17px; padding-right: 17px; } }
.primary-nav #nav > li > a:hover, .primary-nav #nav > li > a:focus { color: #e85e13; }
@media screen and (min-width: 757px) and (max-width: 965px) { .primary-nav #nav > li > a:first-child a { padding-left: 12px; } }
.primary-nav #nav > li.current > a { color: #85939b; }
.primary-nav #nav > li.active > a, .no-js .primary-nav #nav > li:hover > a { color: #85939b; }
@media screen and (min-width: 565px) { .primary-nav #nav > li.active > a, .no-js .primary-nav #nav > li:hover > a { -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTllYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, #e3e9eb)); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #e3e9eb 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #e3e9eb 100%); background-image: linear-gradient(to top, #ffffff 0%, #e3e9eb 100%); }
  .lt-ie9 .primary-nav #nav > li.active > a, .lt-ie9 .no-js .primary-nav #nav > li:hover > a { background: #fff url('../img/bg-gradient-primary-nav.png?1447667811') repeat-x 0 0; border-top: 1px solid #d2d7da; margin-top: -1px; } }
.primary-nav #nav > li.active:hover > a, .no-js .primary-nav #nav > li:hover:hover > a { color: #e85e13; }
@media screen and (min-width: 565px) { .primary-nav #nav > li.active > a:after, .no-js .primary-nav #nav > li:hover > a:after { content: ""; height: 2px; background: white; width: 100%; display: block; position: absolute; bottom: -2px; left: 0; } }
.primary-nav #nav .submenu { position: absolute; left: -9999px; z-index: 19; top: 100%; background: white; -moz-box-shadow: 0px -0.5px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px -0.5px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px -0.5px 8px rgba(0, 0, 0, 0.2); border-top: 2px solid #00557f; }
.lt-ie9 .primary-nav #nav .submenu { border-bottom: 1px solid #d5dee2; border-left: 1px solid #d5dee2; border-right: 1px solid #d5dee2; }
.primary-nav #nav .submenu li { float: none; }
.primary-nav #nav .submenu li a { color: #00557f; word-break: normal; }
.primary-nav #nav .submenu li a:hover, .primary-nav #nav .submenu li a:focus { color: #e85e13; }
@media screen and (min-width: 565px) { .primary-nav #nav li:focus .submenu, .no-js .primary-nav #nav li:hover .submenu, .primary-nav #nav li.active .submenu, .primary-nav #nav li a:focus + .submenu, .primary-nav #nav ul { left: 0; }
  .primary-nav #nav li a:focus { color: #e85e13; } }

.submenu { display: block; padding: 15px 25px 15px 15px; width: 550px; }
.submenu ul { float: left; display: inline; }
.submenu li { float: none; }
.submenu li a { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding: 4px 10px; display: block; max-width: 163px; }

.submenu__highlight { padding: 15px; border: 1px solid #e4eaec; position: relative; margin: 10px 0; float: right; width: 60%; }
.submenu__highlight .marker, .submenu__highlight .box__marker--vertical, .submenu__highlight .box__marker--inline { top: 15px; left: 15px; font-size: 12px ; font-size: 1.2rem ; }
.submenu__highlight .marker:focus, .submenu__highlight .box__marker--vertical:focus, .submenu__highlight .box__marker--inline:focus { color: #fff !important; }
.submenu__highlight p, .submenu__highlight .submenu__highlight__link { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 0; line-height: 21px ; line-height: 2.1rem ; }
.submenu__highlight .submenu__highlight__title { font-size: 21px ; font-size: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; margin-bottom: 10px; display: block; line-height: 24px ; line-height: 2.4rem ; }
.submenu__highlight .submenu__highlight__link { margin-top: 3px; }
.submenu__highlight .submenu__highlight__link a:hover .ico-arrow-right { background-position: 0 -383px; }
.submenu__highlight .ico-arrow-right { margin-left: 4px; }
.submenu__highlight.has-media p, .submenu__highlight.box.box--archived p { width: 55%; }
.submenu__highlight .submenu__highlight__img { float: right; margin: 5px 0 0 5px; }

/*===================================== Breadcrumb
*/
.breadcrumb { zoom: 1; padding: 16px 0 14px; }
.breadcrumb:before, .breadcrumb:after { content: ""; display: table; }
.breadcrumb:after { clear: both; }
@media screen and (max-width: 565px) { .breadcrumb.has-backlink li { display: none; }
  .breadcrumb.has-backlink .backlink { display: inline; }
  .breadcrumb.has-backlink .backlink:before { content: "\AB "; font-size: 14px ; font-size: 1.4rem ; position: relative; margin-right: 5px; margin-top: -2px; display: inline; } }
.breadcrumb li { float: left; margin-right: 5px; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.breadcrumb li:before { content: "> "; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: inline; margin-right: 0px; }
.breadcrumb li a, .breadcrumb li span { display: inline; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; vertical-align: middle; }
.lt-ie8 .breadcrumb li a { padding-right: 12px; background: transparent url('../img/ico/arrow-right.png?1447667811') no-repeat right center; }
.breadcrumb li:first-child:before { content: ""; margin-right: 0; display: none; }

/*===================================== Creative commons
*/
.cc { padding: 20px 10px 20px 0; font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #fff; }
.cc .duo__side img { border: none; }
@media screen and (max-width: 400px) { .cc .duo__side { display: block; float: none; } }
.cc .duo__body { line-height: 17px; padding-top: 16px; }
@media screen and (max-width: 630px) { .cc .duo__body { padding-top: 8px; }
  .cc .duo__body a { display: block; } }

.cc__link { color: #b9c9d5; text-decoration: underline; }
.cc__link:hover { text-decoration: none; }

/*===================================== Featured news section
*/
.news-featured { zoom: 1; padding-top: 30px; padding-bottom: 20px; margin-right: 0; }
.news-featured:before, .news-featured:after { content: ""; display: table; }
.news-featured:after { clear: both; }
.news-featured .publish-date { margin-bottom: 16px; }
.news-featured .media figcaption { display: none; }

@media screen and (min-width: 565px) { .news-featured__article { padding-right: 11.3333333%; } }
.news-featured__article .media { margin-bottom: 20px; }
.news-featured__article p { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
@media screen and (min-width: 565px) { .news-featured__article p { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (min-width: 850px) { .news-featured__article p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
@media screen and (min-width: 757px) { .news-featured__article .media { margin-bottom: 0; }
  .news-featured__article .publish-date { margin-bottom: 16px; } }

.news-featured__article-title { margin: 0 0 5px; margin: 0 0 0.5rem; font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .news-featured__article-title { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .news-featured__article-title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }

.news-featured__list li { padding-right: 30px; margin-bottom: 20px; line-height: 1.25; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
.news-featured__list .publish-date { margin: 3px 0 0; }

.news-featured__footer { text-align: right; }

.news-featured__more-link { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; white-space: nowrap; margin-right: 10px; }
.news-featured__more-link:hover .ico { background-position: 0 -364px; }
.news-featured__more-link .ico { margin-left: 6px; }

/* IE Fixes */
.lt-ie8 .news-featured .span-3 { width: 24.5%; }

/*===================================== 'Featured blogs'
*/
.featured-blogs .profile--large { padding-top: 0; }
@media screen and (max-width: 565px) { .featured-blogs .profile--large { padding-bottom: 20px; } }
.featured-blogs .profile__info p { padding-bottom: 0; font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; }
.featured-blogs .profile__info > blockquote p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .featured-blogs .profile__info > blockquote p { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .featured-blogs .profile__info > blockquote p { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

.blogs-featured__footer { text-align: right; }

.blogs-featured__more-link { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; white-space: nowrap; }
.blogs-featured__more-link:hover .ico { background-position: 0 -364px; }

/*=====================================
Full articles
*/
/* Base Styles for all Articles */
.article-full, .article-full--rd { position: relative; padding-top: 60px; /* Need some padding in single column mode, on narrow screens: */ padding-right: 10px; }
@media screen and (min-width: 757px) { .article-full, .article-full--rd { /* Remove padding for multi-column layouts */ padding-right: 0; } }
.article-full .center, .article-full--rd .center { float: none; margin: auto; }
.article-full [role=complementary] aside, .article-full--rd [role=complementary] aside { margin-bottom: 20px ; margin-bottom: 2rem ; word-break: break-all; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
@media screen and (min-width: 757px) { .article-full [role=complementary] .marker, .article-full--rd [role=complementary] .marker, .article-full [role=complementary] .box__marker--vertical, .article-full--rd [role=complementary] .box__marker--vertical, .article-full [role=complementary] .box__marker--inline, .article-full--rd [role=complementary] .box__marker--inline { transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform: rotate(0deg) translate(0, 0%); -ms-transform: rotate(0deg) translate(0, 0%); -webkit-transform: rotate(0deg) translate(0, 0%); -moz-transform: rotate(0deg) translate(0, 0%); -o-transform: rotate(0deg) translate(0, 0%); } }

/* @OPTIMIZE: temp location-specific styles to handle generic teaser output currently in Drupal implementation
*/
.article-full [role=complementary] .region--1-up, .article-full--rd [role=complementary] .region--1-up { margin-bottom: 20px ; margin-bottom: 2rem ; word-break: break-all; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.article-full [role=complementary] .region--1-up a, .article-full--rd [role=complementary] .region--1-up a { font-size: 24px ; font-size: 2.4rem ; }
.article-full [role=complementary] .region--1-up .teaser, .article-full--rd [role=complementary] .region--1-up .teaser { -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
.article-full [role=complementary] .region--1-up .teaser__copy, .article-full--rd [role=complementary] .region--1-up .teaser__copy { width: 100%; }
.article-full [role=complementary] .region--1-up .teaser__copy p, .article-full--rd [role=complementary] .region--1-up .teaser__copy p { font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full [role=complementary] .region--1-up .teaser__copy p small, .article-full--rd [role=complementary] .region--1-up .teaser__copy p small { display: block; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 13px ; font-size: 1.3rem ; line-height: 1.5; }

.article-full--rd { position: static; padding: 40px 0px 20px ; padding: 4rem 0rem 2rem ; }
@media screen and (max-width: 757px) { .article-full--rd { padding-right: 10px ; padding-right: 1rem ; } }
.article-full--rd .article-full__strapline { margin-bottom: 30px ; margin-bottom: 3rem ; }

#history-box { padding: 10px; background: #d5dee2; }

/* Events and reports have an extra header so the marker is further up the page - less padding needed: */
.article-full.article-full--no-marker, .article-full--no-marker.article-full--rd { padding-top: 50px; }

.article-full__comment-links { font-size: 13px ; font-size: 1.3rem ; line-height: 21px ; line-height: 2.1rem ; }

/* Article header */
.article-full__header { position: relative; }
.article-full__header .page-title { margin-bottom: 20px; }
.article-full__header .marker--page { margin-top: -60px; }
.article-full__header .profile { border-bottom: 1px solid #d5dee2; padding: 0; }

.article-full__strapline { margin-top: 20px; margin-bottom: 20px; font-size: 24px ; font-size: 2.4rem ; line-height: 30px ; line-height: 3rem ; }
@media screen and (min-width: 757px) { .article-full__strapline { padding-right: 60px ; padding-right: 6rem ; } }
@media screen and (max-width: 850px) { .article-full__strapline { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .article-full__strapline { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

.page-title + .article-full__strapline { margin-top: 10px; margin-bottom: 0; }

h3 { font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

/* Article Typography */
.article-full__body, .article-full__body .field-type-text-long, .article-full__body .custom-column, .article-full__body .ui-tabs .cx_collapsibles__target { margin-top: 20px ; margin-top: 2rem ; zoom: 1; /* Floated media modifiers Note: these are currently used only in .article-full {} (.teasers have bespoke .has-media modifiers)
*/ }
.article-full__strapline + .article-full__body, .article-full__strapline + .article-full__body .field-type-text-long, .article-full__strapline + .article-full__body .custom-column, .article-full__strapline + .article-full__body .ui-tabs .cx_collapsibles__target { margin-top: 0; }
.article-full__body:before, .article-full__body:after, .article-full__body .field-type-text-long:before, .article-full__body .field-type-text-long:after, .article-full__body .custom-column:before, .article-full__body .custom-column:after, .article-full__body .ui-tabs .cx_collapsibles__target:before, .article-full__body .ui-tabs .cx_collapsibles__target:after { content: ""; display: table; }
.article-full__body:after, .article-full__body .field-type-text-long:after, .article-full__body .custom-column:after, .article-full__body .ui-tabs .cx_collapsibles__target:after { clear: both; }
.article-full__body > h2, .article-full__body .field-type-text-long > h2, .article-full__body .custom-column > h2, .article-full__body .ui-tabs .cx_collapsibles__target > h2 { margin-top: 20px; font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 850px) { .article-full__body > h2, .article-full__body .field-type-text-long > h2, .article-full__body .custom-column > h2, .article-full__body .ui-tabs .cx_collapsibles__target > h2 { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .article-full__body > h2, .article-full__body .field-type-text-long > h2, .article-full__body .custom-column > h2, .article-full__body .ui-tabs .cx_collapsibles__target > h2 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
.article-full__body > h3, .article-full__body .field-type-text-long > h3, .article-full__body .custom-column > h3, .article-full__body .ui-tabs .cx_collapsibles__target > h3 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 850px) { .article-full__body > h3, .article-full__body .field-type-text-long > h3, .article-full__body .custom-column > h3, .article-full__body .ui-tabs .cx_collapsibles__target > h3 { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
.article-full__body > h4, .article-full__body > h5, .article-full__body > h6, .article-full__body .field-type-text-long > h4, .article-full__body .field-type-text-long > h5, .article-full__body .field-type-text-long > h6, .article-full__body .custom-column > h4, .article-full__body .custom-column > h5, .article-full__body .custom-column > h6, .article-full__body .ui-tabs .cx_collapsibles__target > h4, .article-full__body .ui-tabs .cx_collapsibles__target > h5, .article-full__body .ui-tabs .cx_collapsibles__target > h6 { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full__body > p, .article-full__body > blockquote p, .article-full__body > blockquote, .article-full__body .field-type-text-long > p, .article-full__body .field-type-text-long > blockquote p, .article-full__body .field-type-text-long > blockquote, .article-full__body .custom-column > p, .article-full__body .custom-column > blockquote p, .article-full__body .custom-column > blockquote, .article-full__body .ui-tabs .cx_collapsibles__target > p, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote p, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote { font-size: 18px ; font-size: 1.8rem ; margin: 0 0 27px; margin: 0 0 2.7rem; line-height: 27px ; line-height: 2.7rem ; }
.article-full__body > blockquote, .article-full__body .field-type-text-long > blockquote, .article-full__body .custom-column > blockquote, .article-full__body .ui-tabs .cx_collapsibles__target > blockquote { margin-left: 15px; padding-left: 15px; border-left: 6px solid #E4E9EC; }
.article-full__body cite, .article-full__body .field-type-text-long cite, .article-full__body .custom-column cite, .article-full__body .ui-tabs .cx_collapsibles__target cite { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-top: -17px ; margin-top: -1.7rem ; display: block; }
.article-full__body a, .article-full__body .footnote, .article-full__body .field-type-text-long a, .article-full__body .field-type-text-long .footnote, .article-full__body .custom-column a, .article-full__body .custom-column .footnote, .article-full__body .ui-tabs .cx_collapsibles__target a, .article-full__body .ui-tabs .cx_collapsibles__target .footnote { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full__body a.custom-btn, .article-full__body .footnote.custom-btn, .article-full__body .field-type-text-long a.custom-btn, .article-full__body .field-type-text-long .footnote.custom-btn, .article-full__body .custom-column a.custom-btn, .article-full__body .custom-column .footnote.custom-btn, .article-full__body .ui-tabs .cx_collapsibles__target a.custom-btn, .article-full__body .ui-tabs .cx_collapsibles__target .footnote.custom-btn { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full__body .box h4 a, .article-full__body .field-type-text-long .box h4 a, .article-full__body .custom-column .box h4 a, .article-full__body .ui-tabs .cx_collapsibles__target .box h4 a { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full__body > ul, .article-full__body > ol, .article-full__body > dl, .article-full__body .field-type-text-long > ul, .article-full__body .field-type-text-long > ol, .article-full__body .field-type-text-long > dl, .article-full__body .custom-column > ul, .article-full__body .custom-column > ol, .article-full__body .custom-column > dl, .article-full__body .ui-tabs .cx_collapsibles__target > ul, .article-full__body .ui-tabs .cx_collapsibles__target > ol, .article-full__body .ui-tabs .cx_collapsibles__target > dl { line-height: 27px ; line-height: 2.7rem ; margin: 0 0 27px; margin: 0 0 2.7rem; }
.article-full__body > ul, .article-full__body .field-type-text-long > ul, .article-full__body .custom-column > ul, .article-full__body .ui-tabs .cx_collapsibles__target > ul { list-style-type: none; }
.article-full__body > ul li, .article-full__body .field-type-text-long > ul li, .article-full__body .custom-column > ul li, .article-full__body .ui-tabs .cx_collapsibles__target > ul li { padding: 2px 0 10px 2em; line-height: 27px ; line-height: 2.7rem ; background-repeat: no-repeat; background-position: 20px 10px; background-color: transparent; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4M0RBNERBM0MyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4M0RBNERBNEMyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzREE0REExQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzREE0REEyQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lENsFgAAAGlJREFUeNpi/P//P8OstVsTGBgYIoDYFogPA/GKtGDvBYwz12wBScwAYnYGBPgJxBlMUB3IEgxQfgQT1ChswJYJagc2cBgkuQJqBwOanSuYN69ceuHs9dtPgBxOIJYC4n1A3AFyLUCAAQCwbhyl9oIfEAAAAABJRU5ErkJggg==); }
.l-pull-left.featured .article-full__body > ul li, .l-pull-left.featured .article-full__body .field-type-text-long > ul li, .l-pull-left.featured .article-full__body .custom-column > ul li, .l-pull-left.featured .article-full__body .ui-tabs .cx_collapsibles__target > ul li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU5RDQwREM4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU5RDQwREI4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExOTJCMDgwNTRGN0U1RjYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhlWfB8AAABTSURBVHjaYrx4+z4DECQAcQQQ2wLxYSBeAcQLWKASM4CYnQEC3IHYAcRgguqAScAAiB/BBDUKG7BlgtqBDRxmglr+E00CxF8BctACqACGawECDADLnRBj3LRFBAAAAABJRU5ErkJggg==); }
.article-full__body > ol li, .article-full__body .field-type-text-long > ol li, .article-full__body .custom-column > ol li, .article-full__body .ui-tabs .cx_collapsibles__target > ol li { margin-left: 2em; }
.article-full__body > ol ol, .article-full__body .field-type-text-long > ol ol, .article-full__body .custom-column > ol ol, .article-full__body .ui-tabs .cx_collapsibles__target > ol ol { list-style-type: lower-latin; }
.article-full__body > ol ol ol, .article-full__body .field-type-text-long > ol ol ol, .article-full__body .custom-column > ol ol ol, .article-full__body .ui-tabs .cx_collapsibles__target > ol ol ol { list-style-type: lower-roman; }
.article-full__body > dl dt, .article-full__body .field-type-text-long > dl dt, .article-full__body .custom-column > dl dt, .article-full__body .ui-tabs .cx_collapsibles__target > dl dt { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full__body .media, .article-full__body .field-type-text-long .media, .article-full__body .custom-column .media, .article-full__body .ui-tabs .cx_collapsibles__target .media { margin-bottom: 27px ; margin-bottom: 2.7rem ; }
.article-full__body .media img, .article-full__body .field-type-text-long .media img, .article-full__body .custom-column .media img, .article-full__body .ui-tabs .cx_collapsibles__target .media img { max-width: 100%; }
.article-full__body .article-full__callout--left .media, .article-full__body .article-full__panel--left .media, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left .media, .article-full__body .field-type-text-long .article-full__callout--left .media, .article-full__body .field-type-text-long .article-full__panel--left .media, .article-full__body .custom-column .article-full__callout--left .media, .article-full__body .custom-column .article-full__panel--left .media, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__callout--left .media, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left .media { margin-bottom: 0; }
.article-full__body .article-full__callout--left .box__title, .article-full__body .article-full__panel--left .box__title, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left .box__title, .article-full__body .field-type-text-long .article-full__callout--left .box__title, .article-full__body .field-type-text-long .article-full__panel--left .box__title, .article-full__body .custom-column .article-full__callout--left .box__title, .article-full__body .custom-column .article-full__panel--left .box__title, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__callout--left .box__title, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left .box__title { padding-bottom: 20px ; padding-bottom: 2rem ; }
@media screen and (min-width: 565px) { .article-full__body .article-full__panel--left, .article-full__body .field-type-text-long .article-full__panel--left, .article-full__body .custom-column .article-full__panel--left, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left { float: left; margin-right: 5%; width: 45%; } }
@media screen and (min-width: 565px) { .article-full__body .media--left, .article-full__body .media--right, .article-full__body .field-type-text-long .media--left, .article-full__body .field-type-text-long .media--right, .article-full__body .custom-column .media--left, .article-full__body .custom-column .media--right, .article-full__body .ui-tabs .cx_collapsibles__target .media--left, .article-full__body .ui-tabs .cx_collapsibles__target .media--right { max-width: 75%; } }
@media screen and (min-width: 757px) { .article-full__body .media--left, .article-full__body .media--right, .article-full__body .field-type-text-long .media--left, .article-full__body .field-type-text-long .media--right, .article-full__body .custom-column .media--left, .article-full__body .custom-column .media--right, .article-full__body .ui-tabs .cx_collapsibles__target .media--left, .article-full__body .ui-tabs .cx_collapsibles__target .media--right { max-width: 50%; }
  .article-full__body .media--left, .article-full__body .field-type-text-long .media--left, .article-full__body .custom-column .media--left, .article-full__body .ui-tabs .cx_collapsibles__target .media--left { float: left; margin-right: 5%; }
  .article-full__body .media--right, .article-full__body .field-type-text-long .media--right, .article-full__body .custom-column .media--right, .article-full__body .ui-tabs .cx_collapsibles__target .media--right { float: right; margin-left: 5%; } }

.article-full--rd .is-collapsible .cx_collapsibles__target h4, .article-full--rd .is-collapsible .cx_collapsibles__target h5, .article-full--rd .is-collapsible .cx_collapsibles__target h6 { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full--rd .is-collapsible .cx_collapsibles__target > p, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote p, .article-full--rd .is-collapsible .cx_collapsibles__target > blockquote { font-size: 18px ; font-size: 1.8rem ; margin: 0 0 27px; margin: 0 0 2.7rem; line-height: 27px ; line-height: 2.7rem ; }
.article-full--rd .is-collapsible .cx_collapsibles__target > blockquote { margin-left: 15px; padding-left: 15px; border-left: 6px solid #E4E9EC; }
.article-full--rd .is-collapsible .cx_collapsibles__target cite { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-top: -17px ; margin-top: -1.7rem ; display: block; }
.article-full--rd .is-collapsible .cx_collapsibles__target a, .article-full--rd .is-collapsible .cx_collapsibles__target .footnote { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full--rd .is-collapsible .cx_collapsibles__target .box h4 a { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ul, .article-full--rd .is-collapsible .cx_collapsibles__target > ol, .article-full--rd .is-collapsible .cx_collapsibles__target > dl { line-height: 27px ; line-height: 2.7rem ; margin: 0 0 27px; margin: 0 0 2.7rem; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ol li { font-size: 18px ; font-size: 1.8rem ; padding: 0; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ul { list-style-type: none; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ul li { padding: 2px 0 10px 2em; line-height: 27px ; line-height: 2.7rem ; background-repeat: no-repeat; background-position: 20px 10px; background-color: transparent; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4M0RBNERBM0MyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4M0RBNERBNEMyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzREE0REExQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzREE0REEyQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lENsFgAAAGlJREFUeNpi/P//P8OstVsTGBgYIoDYFogPA/GKtGDvBYwz12wBScwAYnYGBPgJxBlMUB3IEgxQfgQT1ChswJYJagc2cBgkuQJqBwOanSuYN69ceuHs9dtPgBxOIJYC4n1A3AFyLUCAAQCwbhyl9oIfEAAAAABJRU5ErkJggg==); }
.l-pull-left.featured .article-full--rd .is-collapsible .cx_collapsibles__target > ul li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU5RDQwREM4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU5RDQwREI4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExOTJCMDgwNTRGN0U1RjYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhlWfB8AAABTSURBVHjaYrx4+z4DECQAcQQQ2wLxYSBeAcQLWKASM4CYnQEC3IHYAcRgguqAScAAiB/BBDUKG7BlgtqBDRxmglr+E00CxF8BctACqACGawECDADLnRBj3LRFBAAAAABJRU5ErkJggg==); }
.article-full--rd .is-collapsible .cx_collapsibles__target > ol li { margin-left: 2em; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ol ol { list-style-type: lower-latin; }
.article-full--rd .is-collapsible .cx_collapsibles__target > ol ol ol { list-style-type: lower-roman; }
.article-full--rd .is-collapsible .cx_collapsibles__target > dl dt { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

/* Article callouts */
.article-full__callout { overflow: hidden; margin: 0 0 27px; margin: 0 0 2.7rem; padding: 30px ; padding: 3rem ; background: #e4eaec; }
.article-full__callout blockquote p { margin-bottom: 0; font-size: 27px ; font-size: 2.7rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .article-full__callout blockquote p { font-size: 24px ; font-size: 2.4rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .article-full__callout blockquote p { font-size: 21px ; font-size: 2.1rem ; line-height: 27px ; line-height: 2.7rem ; } }

.article-full__callout__title { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .article-full__callout__title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }

.article-full__callout__body { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; line-height: 21px ; line-height: 2.1rem ; }

.article-full__callout { /* Fancy list numbers. From http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */ }
.article-full__callout ol { counter-reset: li; /* Initiate a counter */ margin-bottom: 0; }
.article-full__callout ol > li { position: relative; /* Create a positioning context */ margin: 0 0 10px 1.7em; /* Give each list item a left margin to make room for the numbers */ padding: 2px 8px 0 8px; /* Add some spacing around the content */ list-style: none; /* Disable the normal item numbering */ }
.article-full__callout ol > li:before { font-size: 13px ; font-size: 1.3rem ; content: counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; left: -1.7em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.7em; top: 2px; line-height: 1.7em; color: #fff; text-align: center; background: #12567d; }
.t-news-and-blog .article-full__callout ol > li:before, [class^='t-'] .t-news-and-blog .article-full__callout ol > li:before { background-color: #f3b036; }
.t-products-and-services .article-full__callout ol > li:before, [class^='t-'] .t-products-and-services .article-full__callout ol > li:before { background-color: #8c930d; }
.t-guides-and-cribsheets .article-full__callout ol > li:before, [class^='t-'] .t-guides-and-cribsheets .article-full__callout ol > li:before { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .article-full__callout ol > li:before, [class^='t-'] .t-guides-and-cribsheets.t-report .article-full__callout ol > li:before { background-color: #e85e13; }
.t-r-and-d-publications .article-full__callout ol > li:before, [class^='t-'] .t-r-and-d-publications .article-full__callout ol > li:before { background-color: #0092cb; }
.t-r-and-d-publications-archive .article-full__callout ol > li:before, [class^='t-'] .t-r-and-d-publications-archive .article-full__callout ol > li:before { background-color: #70818b; }
.t-generic-content .article-full__callout ol > li:before.marker, .t-generic-content .article-full__callout ol > li.box__marker--vertical:before, .t-generic-content .article-full__callout ol > li.box__marker--inline:before, .article-full__callout ol > li:before [class^='t-'] .t--generic-content.marker, .article-full__callout ol > li:before [class^='t-'] .t--generic-content.box__marker--vertical, .article-full__callout ol > li:before [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .article-full__callout ol > li:before, [class^='t-'] .t-events .article-full__callout ol > li:before { background-color: #d72250; }
.t-contact .article-full__callout ol > li:before, [class^='t-'] .t-contact .article-full__callout ol > li:before { background-color: #e85e13; }
.t-about .article-full__callout ol > li:before, [class^='t-'] .t-about .article-full__callout ol > li:before { background-color: #e85e13; }
.t-inform .article-full__callout ol > li:before, [class^='t-'] .t-inform .article-full__callout ol > li:before { background-color: #f3b036; }

/* Deal with lack of support for :before in IE7: */
.lt-ie8 .article-full__callout ol li { list-style: decimal; padding-left: 0; }

/* Article footer */
.article-full__comment-links { text-align: right; }
.article-full__comment-links a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.article-full__comment-links a:hover .ico { background-position: 0 -651px; }

.article-full__comment-invite { font-size: 15px ; font-size: 1.5rem ; margin-left: 20px; text-decoration: underline; }

.article-full__tags dd, .article-full__tags li { margin-bottom: 20px ; margin-bottom: 2rem ; }

.article-full__footer { padding-bottom: 30px ; padding-bottom: 3rem ; }
.article-full__footer .profile__title { padding-top: 20px ; padding-top: 2rem ; border-top: 1px #dbe1e3 solid; }
.article-full__footer .article-full__tags { padding-top: 20px ; padding-top: 2rem ; border-top: 1px #dbe1e3 solid; }
.article-full__footer .article-full__tags { position: relative; padding-left: 50px; }
.article-full__footer .article-full__tags dt { position: absolute; top: 20px; left: 0; }

.article-full__tags--rd { padding-bottom: 10px ; padding-bottom: 1rem ; }
@media screen and (max-width: 757px) { .article-full__tags--rd { border-top: 0; padding-bottom: 20px ; padding-bottom: 2rem ; } }
.article-full__tags--rd dd, .article-full__tags--rd li { margin-bottom: 10px ; margin-bottom: 1rem ; }
@media screen and (max-width: 565px) { .article-full__tags--rd dd, .article-full__tags--rd li { margin-bottom: 10px ; margin-bottom: 1rem ; } }

.article-full__callout--hang-right { border-right: 6px solid; /* Changed this so that narrow screenwidths also get this border, as per Michelle's comps */ }
.t-news-and-blog .article-full__callout--hang-right, [class^='t-'] .t-news-and-blog .article-full__callout--hang-right { color: #7d5203; }
.t-products-and-services .article-full__callout--hang-right [class^='t-'] .t-products-and-services .article-full__callout--hang-right { color: #585d01; }
.t-guides-and-cribsheets .article-full__callout--hang-right, [class^='t-'] .t-guides-and-cribsheets .article-full__callout--hang-right { color: #552481; }
.t-r-and-d-publications .article-full__callout--hang-right, [class^='t-'] .t-r-and-d-publications .article-full__callout--hang-right { color: #2b383f; }
.t-events .article-full__callout--hang-right, [class^='t-'] .t-events .article-full__callout--hang-right { color: #820036; }
.t-contact .article-full__callout--hang-right, [class^='t-'] .t-contact .article-full__callout--hang-right { color: #cd4901; }
.t-about .article-full__callout--hang-right, [class^='t-'] .t-about .article-full__callout--hang-right { color: #cd4901; }
.t-inform .article-full__callout--hang-right, [class^='t-'] .t-inform .article-full__callout--hang-right { color: #7d5203; }
.t-news-and-blog .article-full__callout--hang-right, [class^='t-'] .t-news-and-blog .article-full__callout--hang-right { border-right-color: #f3b036; }
.t-products-and-services .article-full__callout--hang-right, [class^='t-'] .t-products-and-services .article-full__callout--hang-right { border-right-color: #8c930d; }
.t-guides-and-cribsheets .article-full__callout--hang-right, [class^='t-'] .t-guides-and-cribsheets .article-full__callout--hang-right { border-right-color: #a22578; }
.t-guides-and-cribsheets.t-report .article-full__callout--hang-right, [class^='t-'] .t-guides-and-cribsheets.t-report .article-full__callout--hang-right { border-right-color: #e85e13; }
.t-r-and-d-publications .article-full__callout--hang-right, [class^='t-'] .t-r-and-d-publications .article-full__callout--hang-right { border-right-color: #0092cb; }
.t-r-and-d-publications-archive .article-full__callout--hang-right, [class^='t-'] .t-r-and-d-publications-archive .article-full__callout--hang-right { border-right-color: #70818b; }
.t-generic-content .article-full__callout--hang-right.marker, .t-generic-content .article-full__callout--hang-right.box__marker--vertical, .t-generic-content .article-full__callout--hang-right.box__marker--inline, .article-full__callout--hang-right [class^='t-'] .t--generic-content.marker, .article-full__callout--hang-right [class^='t-'] .t--generic-content.box__marker--vertical, .article-full__callout--hang-right [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .article-full__callout--hang-right, [class^='t-'] .t-events .article-full__callout--hang-right { border-right-color: #d72250; }
.t-contact .article-full__callout--hang-right, [class^='t-'] .t-contact .article-full__callout--hang-right { border-right-color: #e85e13; }
.t-about .article-full__callout--hang-right, [class^='t-'] .t-about .article-full__callout--hang-right { border-right-color: #e85e13; }
.t-inform .article-full__callout--hang-right, [class^='t-'] .t-inform .article-full__callout--hang-right { border-right-color: #f3b036; }

@media screen and (max-width: 757px) { .article-full__rss-link { display: none; }
  .article-full__callout--left, .article-full__body .article-full__panel--left, .article-full__body .field-type-text-long .article-full__panel--left, .article-full__body .custom-column .article-full__panel--left, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left { width: auto !important; } }
/* For large viewport */
@media screen and (min-width: 757px) { .article-full__rss-link { position: absolute; right: 20px; bottom: 20px; }
  .article-full__callout--hang-right { margin-left: 80px; }
  .article-full__callout--left, .article-full__body .article-full__panel--left, .article-full__body .field-type-text-long .article-full__panel--left, .article-full__body .custom-column .article-full__panel--left, .article-full__body .ui-tabs .cx_collapsibles__target .article-full__panel--left { float: left; width: 45%; margin-right: 5%; }
  .article-summary .media { width: 50%; } }
.t-guides-and-cribsheets.t-report .article-full__callout blockquote { color: #cd4901; }

/* Staff profile bullet points on blog pages */
.article-full__footer .profile__info > ul, .article-full__footer .profile__info > ol, .article-full__footer .profile__info > dl { line-height: 27px ; line-height: 2.7rem ; margin: 0 0 27px; margin: 0 0 2.7rem; }
.article-full__footer .profile__info > ul { list-style-type: none; }
.article-full__footer .profile__info > ul li { padding: 2px 0 10px 2em; line-height: 27px ; line-height: 2.7rem ; background-repeat: no-repeat; background-position: 20px 10px; background-color: transparent; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4M0RBNERBM0MyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4M0RBNERBNEMyQ0ExMUUyOEVBMUIyMjU0OEI1MzNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzREE0REExQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzREE0REEyQzJDQTExRTI4RUExQjIyNTQ4QjUzM0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lENsFgAAAGlJREFUeNpi/P//P8OstVsTGBgYIoDYFogPA/GKtGDvBYwz12wBScwAYnYGBPgJxBlMUB3IEgxQfgQT1ChswJYJagc2cBgkuQJqBwOanSuYN69ceuHs9dtPgBxOIJYC4n1A3AFyLUCAAQCwbhyl9oIfEAAAAABJRU5ErkJggg==); }

/* Article Summary - for blog page
*/
.article-summary { background: white; padding: 0 0 0 0; border: solid #d5dee2; border-width: 1px 1px 2px 1px; }
.boxshadow .article-summary { border: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 565px) { .article-summary .post-meta__comment-count { display: none; } }
.article-summary article { padding: 35px 30px 0px ; padding: 3.5rem 3rem 0rem ; border-left: 2px solid #fff; }
.t-news-and-blog .article-summary article, [class^='t-'] .t-news-and-blog .article-summary article { border-left-color: #f3b036; }
.t-products-and-services .article-summary article, [class^='t-'] .t-products-and-services .article-summary article { border-left-color: #8c930d; }
.t-guides-and-cribsheets .article-summary article, [class^='t-'] .t-guides-and-cribsheets .article-summary article { border-left-color: #a22578; }
.t-guides-and-cribsheets.t-report .article-summary article, [class^='t-'] .t-guides-and-cribsheets.t-report .article-summary article { border-left-color: #e85e13; }
.t-r-and-d-publications .article-summary article, [class^='t-'] .t-r-and-d-publications .article-summary article { border-left-color: #0092cb; }
.t-r-and-d-publications-archive .article-summary article, [class^='t-'] .t-r-and-d-publications-archive .article-summary article { border-left-color: #70818b; }
.t-generic-content .article-summary article.marker, .t-generic-content .article-summary article.box__marker--vertical, .t-generic-content .article-summary article.box__marker--inline, .article-summary article [class^='t-'] .t--generic-content.marker, .article-summary article [class^='t-'] .t--generic-content.box__marker--vertical, .article-summary article [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .article-summary article, [class^='t-'] .t-events .article-summary article { border-left-color: #d72250; }
.t-contact .article-summary article, [class^='t-'] .t-contact .article-summary article { border-left-color: #e85e13; }
.t-about .article-summary article, [class^='t-'] .t-about .article-summary article { border-left-color: #e85e13; }
.t-inform .article-summary article, [class^='t-'] .t-inform .article-summary article { border-left-color: #f3b036; }
.article-summary article > h2, .article-summary article > p { text-align: center; }
@media screen and (max-width: 565px) { .article-summary article > h2, .article-summary article > p { text-align: left; } }
.article-summary article .article-summary__title { font-size: 36px ; font-size: 3.6rem ; line-height: 39px ; line-height: 3.9rem ; }
@media screen and (max-width: 850px) { .article-summary article .article-summary__title { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; } }
@media screen and (max-width: 565px) { .article-summary article .article-summary__title { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }
.article-summary article p { font-size: 18px ; font-size: 1.8rem ; line-height: 24px ; line-height: 2.4rem ; margin-bottom: 20px; }
.article-summary article .duo__body { border-top: 1px solid #d5dee3; }
.article-summary article .duo__body p { font-size: 13px ; font-size: 1.3rem ; line-height: 24px ; line-height: 2.4rem ; }
.article-summary article .media { margin: 0 auto 20px; }
.article-summary article .ico-arrow-right-double, .article-summary article .ico-arrow-right-double-blue { vertical-align: text-bottom; position: relative; margin-left: 5px; top: -5px; }

.fields { background: #e4eaec; padding: 10px 20px; }
.fields .field { margin: 10px 0; }

.boxout { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.article-full__body .is-tabbed .ui-tabs-panel { margin-top: 0; padding-top: 0; }

.article-full.break-contact-panel, .break-contact-panel.article-full--rd { padding-top: 0; margin-top: 0; }
.article-full.break-contact-panel .article-full__body .product-service-body .field > p:first-child, .break-contact-panel.article-full--rd .article-full__body .product-service-body .field > p:first-child { padding-top: 40px; }

.article-full .custom-column-container, .article-full--rd .custom-column-container { margin-bottom: 10px; }
@media all and (min-width: 565px) { .article-full .custom-column-container, .article-full--rd .custom-column-container { /* one item */ /* two items */ /* three items */ /* four items */ }
  .article-full .custom-column-container .custom-column:first-child:nth-last-child(1), .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(1) { width: 100%; }
  .article-full .custom-column-container .custom-column:first-child:nth-last-child(2), .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(2), .article-full .custom-column-container .custom-column:first-child:nth-last-child(2) ~ .custom-column, .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(2) ~ .custom-column { width: 48%; }
  .article-full .custom-column-container .custom-column:first-child:nth-last-child(3), .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(3), .article-full .custom-column-container .custom-column:first-child:nth-last-child(3) ~ .custom-column, .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(3) ~ .custom-column { width: 32%; }
  .article-full .custom-column-container .custom-column:first-child:nth-last-child(4), .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(4), .article-full .custom-column-container .custom-column:first-child:nth-last-child(4) ~ .custom-column, .article-full--rd .custom-column-container .custom-column:first-child:nth-last-child(4) ~ .custom-column { width: 23%; } }
.article-full .custom-column, .article-full--rd .custom-column { display: inline; display: inline-block; *zoom: 1; vertical-align: top; padding: 0px 2px; }
.article-full .custom-column .custom-column, .article-full--rd .custom-column .custom-column { padding: 0; }

/** Inform articles custom styling **/
.inform-article .profile__info .author_img { float: left; border-right: 10px solid #FFF; border-bottom: 1px solid #FFF; margin-bottom: -1px; display: block; }
.inform-article .profile__info .author_name { margin-bottom: 8px; }
.inform-article .tags { overflow: hidden; border-top: 1px solid #DBE1E3; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
.inform-article .tags dd, .inform-article .tags span { float: left; margin-left: 10px; }
.inform-article .tags dd { border: 1px solid #eee; padding: 2px 4px; border-radius: 3px; font-size: 14px; }

.t-inform .inform-intro > p:first-of-type:first-letter { float: left; font-size: 100px; line-height: 95px; padding-top: 0px; margin-top: -5px; margin-bottom: -10px; vertical-align: top; padding-right: 5px; }

.inform-intro { font-size: 26px; line-height: 110%; margin-bottom: 20px; }

.t-inform article { padding-top: 35px; }
.t-inform article.inform-blue .inform-intro > p:first-of-type:first-letter { color: rgba(0, 146, 203, 0.9); }
.t-inform article.inform-pink .inform-intro > p:first-of-type:first-letter { color: rgba(215, 34, 80, 0.9); }
.t-inform article.inform-green .inform-intro > p:first-of-type:first-letter { color: rgba(140, 147, 13, 0.9); }
.t-inform article.inform-purple .inform-intro > p:first-of-type:first-letter { color: rgba(162, 37, 120, 0.9); }

.t-inform .l-pull-left.top-bar { border-top-color: #2c3841; }
.t-inform .marker, .t-inform .box__marker--vertical, .t-inform .box__marker--inline { background-color: #2c3841; }
.t-inform .article-full__callout--hang-right { color: #7d5203; border-right-color: #f3b036; }
.t-inform .inform-blue .article-full__callout--hang-right { color: rgba(0, 73, 101, 0.9); border-right-color: rgba(0, 146, 203, 0.9); }
.t-inform .inform-pink .article-full__callout--hang-right { color: rgba(127, 20, 47, 0.9); border-right-color: rgba(215, 34, 80, 0.9); }
.t-inform .inform-green .article-full__callout--hang-right { color: rgba(51, 53, 5, 0.9); border-right-color: rgba(140, 147, 13, 0.9); }
.t-inform .inform-purple .article-full__callout--hang-right { color: rgba(79, 18, 58, 0.9); border-right-color: rgba(162, 37, 120, 0.9); }

section.t-inform .l-pull-left.top-bar { border-top-color: #2c3841; }
section.t-inform .marker, section.t-inform .box__marker--vertical, section.t-inform .box__marker--inline { background-color: #2c3841; }
section.t-inform .article-full__callout--hang-right { color: #2c3841; border-right-color: #2c3841; }

#hero { margin-bottom: -30px; position: relative; z-index: 2; }
#hero .media__inner { max-width: 100%; }
#hero .l-pull-left { padding-left: 0px; padding-right: 0px; }
#hero img { position: relative; z-index: 5; }
#hero .hero--no-overlap .hero__copy.inform-blue { background-color: rgba(0, 146, 203, 0.9); }
#hero .hero--no-overlap .hero__copy.inform-pink { background-color: rgba(215, 34, 80, 0.9); }
#hero .hero--no-overlap .hero__copy.inform-green { background-color: rgba(140, 147, 13, 0.9); }
#hero .hero--no-overlap .hero__copy.inform-purple { background-color: rgba(162, 37, 120, 0.9); }
#hero .hero--no-overlap .hero__copy:hover { color: white; }
#hero .media { margin-bottom: -5px; }

.inform-marker { z-index: 10; position: absolute; }

.inform-marker .marker, .inform-marker .box__marker--vertical, .inform-marker .box__marker--inline { transform: none; }

@media screen and (max-width: 965px) { .hero.inform-article { padding-left: 0; } }
@media screen and (max-width: 757px) { .hero.inform-article .article-full__body { padding-left: 10px; } }
@media screen and (min-width: 850px) { #hero .hero__copy { position: relative; height: 150px; }
  #hero .media__attribution__title { bottom: 190px; }
  #hero .media { margin-bottom: -190px; } }
@media screen and (max-width: 850px) { #hero .hero__copy { top: 5px; padding-bottom: 20px; }
  .inform-marker { left: 0; } }
@media screen and (max-width: 565px) { #hero .hero__copy { padding-bottom: 15px; } }
.inform-author { height: 60px; }
.inform-author .duo__body { padding-top: 0; }

.inform-author-images, .duo__side.inform-author-images { width: auto; height: 60px; padding-bottom: 0; margin-bottom: -1px; border-bottom: 1px #fff solid; margin-right: 0px; border-right: 15px #fff solid; }
.inform-author-images a, .duo__side.inform-author-images a { display: inline-block; line-height: 0; margin: 0; padding: 0; }
.inform-author-images img, .duo__side.inform-author-images img { display: inline-block; }

.t-inform .article-full__callout { margin-left: 0; padding-top: 50px; padding-bottom: 50px; }

@media screen and (min-width: 965px) { .t-inform .article-full__callout { margin-left: -54px; margin-right: -50px; padding-left: 50px; } }
.article-full__body.article-full__callout.article-full__callout__inform, .article-full__callout__inform { display: block; overflow: visible; }
.article-full__body.article-full__callout.article-full__callout__inform blockquote p, .article-full__callout__inform blockquote p { display: block; width: 70%; }
.article-full__body.article-full__callout.article-full__callout__inform blockquote figure.media, .article-full__callout__inform blockquote figure.media { display: block; float: right; width: 25%; margin-bottom: 0; }
.article-full__body.article-full__callout.article-full__callout__inform blockquote figure.media .media__inner, .article-full__callout__inform blockquote figure.media .media__inner { position: absolute; bottom: -50px; width: 90%; }

.inline-driver { width: 100%; display: block; background-color: #e4eaec; float: left; margin-left: -90%; margin-right: 20px; }

.inline-driver--right { float: right; margin-right: -19%; margin-left: 20px; background-color: #0c2931; color: #fff; width: 205px; }
.inline-driver--right .inline-driver--inner { width: auto; float: none; margin: 0; padding: 15px; }
.inline-driver--right .inline-driver--inner .inline-driver-title, .inline-driver--right .inline-driver--inner .inline-driver-title p { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; margin: 0 0 15px 0; }
.inline-driver--right .inline-driver--inner p { font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; margin: 0 0 15px 0; }
.inline-driver--right .inline-driver--inner .media { margin: 0; margin-bottom: 15px; margin-top: 10px; }
.inline-driver--right .inline-driver--inner .ui360 { min-width: 119px; padding-left: 45%; }

.inline-driver--inner { width: 180px; float: Right; margin: 10px; }
.inline-driver--inner article.inform-inline { height: auto; padding: 0; margin: 0; background-color: #2c3841; color: #fff; }
.inline-driver--inner article.inform-inline .marker, .inline-driver--inner article.inform-inline .box__marker--vertical, .inline-driver--inner article.inform-inline .box__marker--inline { z-index: 5; background-color: #fff; color: #2c3841; }
.inline-driver--inner article.inform-inline .field-type-image { margin: 0; }
.inline-driver--inner article.inform-inline .media__attribution.cx__rollup { color: #2c3841; }
.inline-driver--inner article.inform-inline .media__attribution__title { bottom: 0; }
.inline-driver--inner article.inform-inline figure + a { display: block; margin: 10px; margin-bottom: 10px; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; }
.inline-driver--inner article.inform-inline figure + a:after { display: none; }
.inline-driver--inner article.inform-inline figure + a:hover { text-decoration: underline; }
.inline-driver--inner article.inform-inline figure + a:hover:after { display: none; }
.inline-driver--inner article.inform-inline .profile--small { padding-top: 0; }
.inline-driver--inner article.inform-inline .teaser__footer { margin-left: 10px; margin-top: 0; }

@media screen and (max-width: 965px) { .inline-driver, .inline-driver.inline-driver--right, .inline-driver--right .inline-driver--inner .inline-driver--inner { width: auto; margin: 15px; clear: both; }
  .inline-driver .media, .inline-driver.inline-driver--right .media, .inline-driver--right .inline-driver--inner .inline-driver--inner .media { float: none; }
  .inline-driver .ui360, .inline-driver.inline-driver--right .ui360, .inline-driver--right .inline-driver--inner .inline-driver--inner .ui360 { min-height: 100px; min-width: 180px; padding-left: 15px; }
  .inline-driver:not(.inline-driver--right) { background: none; margin-left: 10px; width: 100%; }
  .inline-driver:not(.inline-driver--right) .inline-driver--inner { float: none; margin: 0 auto; width: 200px; }
  .inline-driver--right .inline-driver--inner { margin-bottom: 20px; }
  .inline-driver.inline-driver--right { padding-bottom: 0px; display: block; width: 270px; float: none; margin: 0 auto; } }
.node-type-vacancy .inline-driver.inline-driver--right { margin-right: -30%; }

.inline-driver--light { background: none; color: #2c3841; border: 2px solid #e4eaec; margin-bottom: 20px; }
.inline-driver--light .inline-driver--inner p { font-size: 15rem; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; font-family: 'stag sans web book'; }
.inline-driver--light p:first-of-type { margin-top: 10px; }
.inline-driver--light .inline-driver--inner .inline-driver-title { font-size: 24px; font-size: 2.4rem; line-height: 27px; line-height: 2.7rem; }

@media screen and (max-width: 965px) { .node-type-vacancy .inline-driver.inline-driver--right { margin: 0 auto; } }
.t-report .marker, .t-report .box__marker--vertical, .t-report .box__marker--inline { background-color: #e85e13; }

/* The markup is altered on the client side so need to reintroduce correct styles */
.content-longform__section.is-collapsible-mobile h2 { font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

/*===================================== Mini tabs
 Small panel with 2 tabs (eg. sidebar on blog posts)
*/
.mini-tabs { border: 2px solid #e4eaec; margin-bottom: 20px; overflow: hidden; }
.mini-tabs .linklist { padding: 10px; }
.mini-tabs .cx_tabs__heading { margin: 10px 0 0px 10px; font-size: 18px ; font-size: 1.8rem ; }
.mini-tabs .ui-tabs-nav { display: table; border-spacing: 0; border-collapse: collapse; width: 101%; margin: 0; padding: 0; }
.mini-tabs .ui-tabs-nav > li { float: none; margin: 0 !important; display: table-cell; width: auto; width: 44%; }
.mini-tabs .ui-tabs-nav > li a { margin-left: -1px; }
.mini-tabs .ui-tabs-nav > li { width: 56%; }
.mini-tabs .ui-tabs-nav a { display: block; padding: 0; text-align: center; background: #e4eaec; }
@media screen and (max-width: 965px) { .mini-tabs .ui-tabs-nav a { font-size: 15px ; font-size: 1.5rem ; line-height: 40px ; line-height: 4rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }
.mini-tabs .ui-tabs-nav .ui-tabs-active a { background: #fff; }
.mini-tabs .ui-tabs-panel { padding-top: 5px ; padding-top: 0.5rem ; }
.lt-ie8 .mini-tabs .ui-tabs-nav > li { float: left; width: 50%; }

/*===================================== Search Results
*/
/* General styling across results page & smart search dropdown
*/
/* Highlighting search terms
*/
.searchpage mark, #search mark { color: #e85e13; background: transparent; word-wrap: break-word; }

#search mark { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

/* Individual results
*/
.search-result { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; border-top: 1px solid #d5dee2; }
.search-result:first-child { border-top: 0; }
.search-result .duo__side .profile__photo--medium { /* Width fix for IE8 */ max-width: 100%; }
.search-result.duo { padding-top: 12px; padding-bottom: 10px; }
.search-result.duo .duo__side { padding-bottom: 3px; }
@media screen and (max-width: 757px) { .search-result .region { margin-left: 0; }
  .search-result .region .block-1 > * { margin-left: 0; }
  .search-result .region .block { float: left; width: 50%; } }
@media screen and (max-width: 565px) { .search-result .region .block { float: none; width: auto; }
  .search-result .region .block > * { margin-left: 0; } }
.search-result p { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; margin-bottom: 18px ; margin-bottom: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 757px) { .search-result p { padding-right: 15%; }
  .search-result p .duo__side { padding-bottom: 0; } }
.profile__info .search-result p { font-size: 13px ; font-size: 1.3rem ; }
.search-result .search-result__category { font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; }
.search-result small { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.search-result ul { display: block !important; }
.search-result .block { margin-top: 5px; }
.search-result .marker, .search-result .box__marker--vertical, .search-result .box__marker--inline { float: right; position: relative; display: inline-block; white-space: normal; text-align: right; }
.search-result .marker-date { float: right; clear: right; }
@media screen and (max-width: 757px) { .search-result .marker, .search-result .box__marker--vertical, .search-result .box__marker--inline { position: relative; display: inline-block; margin-bottom: 10px; font-size: 10px ; font-size: 1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; float: left; clear: left; }
  .search-result .marker-date { display: none; } }
.search-result .media { margin-bottom: 20px; }
@media screen and (min-width: 565px) { .search-result .media { width: 50%; } }

.list--filter .search-result .duo__side { width: 140px ; width: 14rem ; }
@media screen and (max-width: 757px) { .list--filter .search-result .duo__body { clear: both; } }
@media screen and (max-width: 565px) { .list--filter .search-result .duo__body { padding-right: 20px ; padding-right: 2rem ; box-sizing: border-box; } }

.search-result--has-logo .duo__side { width: 100%; margin-bottom: 10px; }
.search-result--has-logo .duo__side img { max-height: 80px; margin-bottom: 10px; }
@media screen and (min-width: 757px) { .search-result--has-logo .duo__side { width: 25%; }
  .search-result--has-logo .duo__side img { margin-bottom: 0; } }

.search-result--has-marker > .duo__side { width: 100%; }
.search-result--has-marker > .duo__side img { max-height: 80px; margin-bottom: 10px; }
@media screen and (min-width: 757px) { .search-result--has-marker > .duo__side img { margin-bottom: 0; } }

@media screen and (max-width: 757px) { .search-result .duo__body { width: 100%; padding-top: 5px; } }
@media screen and (min-width: 757px) { .search-result > .duo__side, .search-result.search-result--has-logo > .duo__side, .search-result.profile--large > .duo__side, .search-result.profile--medium > .duo__side, .search-result.search-result--has-profile > .duo__side, #search-results .search-result--has-marker > .duo__side { text-align: right; width: 170px; }
  .search-result > .duo__body { overflow: hidden; }
  .search-result > .duo__side a { float: right; } }
.search-result--has-event .marker, .search-result--has-event .box__marker--vertical, .search-result--has-event .box__marker--inline { margin-bottom: 1px; text-align: center; }
.search-result--has-event .marker, .search-result--has-event .box__marker--vertical, .search-result--has-event .box__marker--inline, .search-result--has-event .marker-date { width: 50px; padding: 0; margin-bottom: 10px; }
@media screen and (min-width: 757px) { .search-result--has-event .marker, .search-result--has-event .box__marker--vertical, .search-result--has-event .box__marker--inline, .search-result--has-event .marker-date { width: 70px; padding: 0; margin-bottom: 1px; } }
@media screen and (max-width: 757px) { .search-result--has-event .duo__side { width: 100%; } }

.search-result__title { margin-bottom: 0; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; margin-bottom: 18px; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.search-result__title.search-result__title-large { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .search-result__title.search-result__title-large { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }

@media screen and (max-width: 757px) { .search-result__content { clear: both; } }

.search-result .search-result__footer { font-size: 13px ; font-size: 1.3rem ; }

.search-result--shadow { display: none; }

/* Search form and results in the masthead
*/
#search { position: relative; display: block; width: 100%; float: right; }
@media screen and (min-width: 565px) and (max-width: 757px) { #search { border-top: 1px solid #d5dee2; } }
#search label { display: none; }
#search form { overflow: hidden; position: relative; padding: 10px; }
@media screen and (min-width: 757px) { #search form { padding: 1px; } }
#search input[type=submit] { position: absolute; right: 20px; right: 10px; top: 10px; padding: 0; margin: 0; width: 32px; height: 32px; border: 0px solid white; overflow: hidden; text-indent: -9999px; cursor: pointer; }
#search input[type=submit]:hover, #search input[type=submit]:focus { opacity: 0.5; }
@media screen and (min-width: 757px) { #search input[type=submit] { top: 0; right: 0; } }
#search ::-webkit-input-placeholder { color: #63727C; }
#search :-moz-placeholder { color: #63727C; }
#search ::-moz-placeholder { color: #63727C; }
#search :-ms-input-placeholder { color: #63727C; }
#search .placeholder { color: #63727C; }
#search input#search_term { padding: 5px 23px 4px 9px; border: 1px solid #E4E9EC; width: 100%; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px ; font-size: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; font-style: normal; color: #63727C; background-color: #E4E9EC; -webkit-appearance: none; -webkit-border-radius: 0; }
#search input#search_term.open { padding-right: 50px; }
#search input#search_term::-ms-clear { display: none; }
.ie9 #search input#search_term, .lt-ie9 #search input#search_term { border: 1px solid #E4E9EC !important; padding-right: 0 !important; border-right-width: 30px !important; background: #E4E9EC !important; }
.lt-ie9 #search input#search_term.open, .ie9 #search input#search_term.open { border-right-width: 52px !important; }
.ie9 #search input#search_term { box-shadow: 0 0 0 1px #63727C !important; border-collapse: separate !important; }
@media screen and (min-width: 757px) { #search input#search_term { right: 20px; left: 20px; } }
#search input#search_term:focus { border: 1px solid #63727C; color: #00557f; }
#search .search-results-dropdown { position: absolute; left: -9999px; }
#search .close { cursor: pointer; right: 30px; top: 10px; display: none; position: absolute; right: 20px; }
.lt-ie8 #search .close { right: 16px; }
#search .close:hover { opacity: 0.5; }
@media screen and (min-width: 757px) { #search .close { right: 20px; top: 0; } }
.lt-ie9 #search input#search_term { padding-bottom: 8px; }
.lt-ie9 #search .close, .lt-ie9 #search input[type=submit] { top: 3px; }
#search .search-results-dropdown { z-index: 19; top: 100%; margin-top: -1px; background: white; -moz-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2); display: block; padding: 10px 20px; width: 100%; border-top: 2px solid #00557f; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 757px) { #search .search-results-dropdown { border-top: 0; } }
#search.active { -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTllYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, #e3e9eb)); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #e3e9eb 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #e3e9eb 100%); background-image: linear-gradient(to top, #ffffff 0%, #e3e9eb 100%); }
.lt-ie9 #search.active { background: #fff url('../img/bg-gradient-primary-nav.png?1447667811') repeat-x 0 0; }
#search.active input#search_term { background: white !important; border: 2px solid #d5dde1; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding-right: 50px; }
.ie9 #search.active input#search_term, .lt-ie9 #search.active input#search_term { border-right-width: 52px !important; border-color: white !important; background: white !important; box-shadow: 0 0 1px #d5dde1; }
.lt-ie9 #search.active input#search_term { outline: 1px solid #d5dde1; }
#search.active .close { left: auto; right: 20px; display: block; }
#search.active .search-results-dropdown { right: 0; left: 0; }
@media screen and (min-width: 757px) { #search { width: auto; border-left: 1px solid #D9E2E5; padding: 10px 10px 0; min-height: 43px; } }
@media screen and (min-width: 757px) and (min-width: 965px) { #search { padding: 10px 20px 0; } }
@media screen and (min-width: 757px) { #search input#search_term { width: 120px; min-height: 31px; font-size: 15px ; font-size: 1.5rem ; }
  .lt-ie9 #search input#search_term { min-height: auto; } }
@media screen and (min-width: 757px) and (min-width: 965px) { #search input#search_term { width: 167px; } }
@media screen and (min-width: 757px) { #search.active .search-results-dropdown { left: auto; } }
@media screen and (min-width: 757px) { #search .search-results-dropdown { padding: 20px 30px 10px; width: 700px; }
  .lt-ie9 #search .search-results-dropdown { border-bottom: 1px solid #d5dee2; border-left: 1px solid #d5dee2; } }

#search__string, #search-results { width: 100%; }
#search__string > :before, #search-results > :before { content: ""; height: 2px; background: white; display: block; position: absolute; top: -2px; right: 0; width: 209px; }
@media screen and (max-width: 965px) { #search__string > :before, #search-results > :before { width: 142px; } }
@media screen and (max-width: 757px) { #search__string > :before, #search-results > :before { width: 0; } }
#search__string .search-results__intro, #search-results .search-results__intro { margin-bottom: 10px; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; line-height: 30px ; line-height: 3rem ; }
@media screen and (min-width: 757px) { #search__string .search-results__intro, #search-results .search-results__intro { font-size: 24px ; font-size: 2.4rem ; } }
#search__string .search-results__intro mark, #search-results .search-results__intro mark { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
#search__string p, #search__string li, #search-results p, #search-results li { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
#search__string li, #search-results li { margin-bottom: 5px; }
#search__string li:last-child, #search-results li:last-child { margin-bottom: 0; }
#search__string .see-all-results, #search-results .see-all-results { display: inline-block; margin-top: 10px; font-size: 18px ; font-size: 1.8rem ; text-decoration: underline; }
#search__string .search-result--item.active a, #search-results .search-result--item.active a { color: #e85e13; text-decoration: underline; }
#search__string .search-result--item.active .phone-link, #search-results .search-result--item.active .phone-link { color: inherit; text-decoration: none; }
#search__string .search-result--item .duo, #search-results .search-result--item .duo { padding-top: 0; }

.ui-helper-hidden-accessible { position: absolute; left: 99999px; }

/* Results in main page
*/
.search-results__count { font-size: 24px ; font-size: 2.4rem ; margin-bottom: 20px; margin-top: 10px ; margin-top: 1rem ; }

.search-results--full { margin: 20px 10px 0 0; }
@media screen and (min-width: 1025px) { .search-results--full { margin-right: 20px; } }
.search-results--full .search-result { padding: 30px 0 10px 0; }
.search-results--full .search-result.search-result--feature { padding-top: 15px ; padding-top: 1.5rem ; }

.search-results--faux .l-centre-offset { margin-right: 10px; }
@media screen and (min-width: 1025px) { .search-results--faux .l-centre-offset { margin-right: 20px; } }
.search-results--faux .search-results--full { margin-right: 0; }

.search-result__content .profile--small { padding: 10px 0 0 0; }
@media screen and (max-width: 757px) { .search-result__content .profile--small p { margin-bottom: 0; } }

@media screen and (max-width: 757px) { .search-result--feature__body { padding: 15px ; padding: 1.5rem ; box-sizing: border-box; } }

.feature-checkbox { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding: 5px 20px ; padding: 0.5rem 2rem ; }

/*===================================== Content filter module small screen first
*/
.js .content-filter__holder { z-index: 10; }
.js .content-filter__holder input { display: none; }
.js .content-filter__holder .cx__content-filter.initialising { overflow: hidden; max-height: 50px; min-width: 670px; }
.js .content-filter__holder .cx__content-filter.reflowing { overflow: hidden; max-height: 50px; }
.js .content-filter__holder .cx__content-filter .cx__content-filter__result-group { margin-right: 0; }

.content-filter__holder { position: relative; }
.content-filter__holder .prev-btn, .content-filter__holder .next-btn { position: absolute; top: 12px; }
.content-filter__holder .prev-btn { left: 6px; }
.content-filter__holder .next-btn { right: 6px; }
.content-filter__holder .caroufredsel_wrapper { width: 96% !important; }
.content-filter__holder [type=submit] { clear: left; display: block; }

.cx__content-filter__outer-wrapper { border: 1px solid #d5dee2; border-left: none; border-right: none; background-color: #e4eaec; }
.cx_tabs__section .cx__content-filter__outer-wrapper { border: none; background: none; }

.cx__content-filter__inner-wrapper { padding: 0 20px; }

.cx__content-filter > li { float: left; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.cx__content-filter > li .cx__content-filter__label { display: inline-block; padding: 15px 11px; }
@media screen and (max-width: 565px) { .cx__content-filter > li .cx__content-filter__label:hover, .cx__content-filter > li .cx__content-filter__label:active { color: #00557f; } }
.cx__content-filter > li.cx__content-filter__active-result .cx__content-filter__label { cursor: default; }
@media screen and (max-width: 565px) { .cx__content-filter > li.cx__content-filter__active-result .cx__content-filter__label { color: #e85e13; } }
.cx__content-filter > li.cx__content-filter__result-group { margin-right: 30px; }
.cx__content-filter > li.cx__content-filter__result-group:last-child { margin-right: 0; }

.cx__content-filter__result-count { display: none; }

.cx__content-filter__sort-by__holder { padding: 15px 0px ; padding: 1.5rem 0rem ; border-bottom: 1px solid #d5dee2; text-align: center; }
@media screen and (min-width: 565px) { .cx__content-filter__sort-by__holder { padding: 10px 0px ; padding: 1rem 0rem ; } }

/* Content filter module, larger screens
*/
@media screen and (min-width: 565px) { .cx__content-filter__outer-wrapper { float: left; border: none; background-color: transparent; }
  .cx__content-filter__outer-wrapper .cx__content-filter__inner-wrapper { padding: 0; }
  .cx__content-filter > li { font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }
  .cx__content-filter > li .cx__content-filter__label { margin-right: 6px; background-color: #d5dee2; }
  .no-touch .cx__content-filter > li a.cx__content-filter__label:hover, .touch .cx__content-filter > li a.cx__content-filter__label.open .cx__content-filter > li a.cx__content-filter__label:focus, .cx__content-filter > li a.cx__content-filter__label:active { background-color: #c4d1d7; }
  .cx__content-filter > li.cx__content-filter__active-result .cx__content-filter__label { background-color: #fff; }
  .no-touch .cx__content-filter > li.cx__content-filter__active-result a.cx__content-filter__label:hover, .cx__content-filter > li.cx__content-filter__active-result a.cx__content-filter__label:focus, .cx__content-filter > li.cx__content-filter__active-result a.cx__content-filter__label:active { color: #e85e13; }
  .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected { padding: 4px; margin-left: 8px; }
  .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected:focus { border: 1px solid #d5dee2; }
  .touch .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected.open, .no-touch .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected:hover, .cx__content-filter > li.cx__content-filter__selected-group #cx__content-filter__close-selected :active { opacity: 0.5; }
  .cx__content-filter .cx__content-filter__more-group { position: relative; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__label { margin-right: 0; }
  .no-touch .cx__content-filter .cx__content-filter__more-group:hover .cx__content-filter__label, .touch .cx__content-filter .cx__content-filter__more-group.open .cx__content-filter__label, .cx__content-filter .cx__content-filter__more-group.has-focus .cx__content-filter__label { background-color: #c4d1d7; }
  .no-touch .cx__content-filter .cx__content-filter__more-group:hover .cx__content-filter__more-group__sub-list, .touch .cx__content-filter .cx__content-filter__more-group.open .cx__content-filter__more-group__sub-list, .cx__content-filter .cx__content-filter__more-group.has-focus .cx__content-filter__more-group__sub-list { display: block; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__more-group__sub-list { display: none; position: absolute; right: 0; padding: 8px 0; background-color: #c4d1d7; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__more-group__sub-list > li { font-size: 15px ; font-size: 1.5rem ; }
  .cx__content-filter .cx__content-filter__more-group .cx__content-filter__more-group__sub-list > li .cx__content-filter__label { display: block; padding: 8px 20px; background-color: transparent; min-width: 200px; white-space: nowrap; }
  .cx__content-filter__result-count { display: inline; padding-left: 0px; }
  .cx__content-filter__sort-by__holder { float: right; border: none; }
  .cx__content-filter__scroll-btn { display: none; } }
/** Styling for relatively "plain" tabs in second level content filters such as on the event page */
@media screen and (min-width: 565px) { .cx__content-filter--plain { margin-bottom: 15px; zoom: 1; }
  .cx__content-filter--plain:before, .cx__content-filter--plain:after { content: ""; display: table; }
  .cx__content-filter--plain:after { clear: both; }
  .js .content-filter__holder .cx__content-filter--plain > li.cx__content-filter__result-group, .js .content-filter__holder .cx__content-filter--plain > li.cx__content-filter__more-group { margin-right: 20px; }
  .cx__content-filter--plain > li.cx__content-filter__result-group .cx__content-filter__label, .cx__content-filter--plain > li.cx__content-filter__more-group .cx__content-filter__label { padding: 0; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
  .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label, .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:focus, .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:active, .no-touch .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:hover, .touch .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label.open, .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label, .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:focus, .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:active, .no-touch .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:hover, .touch .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label.open { background: transparent none; }
  .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:focus, .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:active, .no-touch .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label:hover, .touch .cx__content-filter--plain > li.cx__content-filter__result-group a.cx__content-filter__label.open, .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:focus, .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:active, .no-touch .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label:hover, .touch .cx__content-filter--plain > li.cx__content-filter__more-group a.cx__content-filter__label.open { color: #2c3841; }
  .cx__content-filter--plain > li.cx__content-filter__result-group.cx__content-filter__active-result .cx__content-filter__label, .cx__content-filter--plain > li.cx__content-filter__more-group.cx__content-filter__active-result .cx__content-filter__label { color: #e85e13; }
  .cx__content-filter--plain > li.cx__content-filter__result-group .cx__content-filter__result-count, .cx__content-filter--plain > li.cx__content-filter__more-group .cx__content-filter__result-count { padding-left: 5px; } }
/*===================================== Pagination
*/
.pagination { padding: 0 0 20px 0; text-align: center; position: relative; margin: 0; }

.pagination__item { display: inline; margin: 0 1px; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; height: 20px; line-height: 20px; }
.pagination__item .ico { margin: -2px 2px 0; }
.pagination__item a { display: inline-block; }

.pagination-guide-wrapper { padding: 0px 20px ; padding: 0rem 2rem ; }
.pagination-guide-wrapper .inner { padding: 10px 0px 5px 0px ; padding: 1rem 0rem 0.5rem 0rem ; margin-left: 0; width: 100%; }

.pagination--with-pages { padding: 40px 0; margin: 0 -20px; }
.pagination--with-pages .pagination__item { font-size: 15px ; font-size: 1.5rem ; line-height: 34px ; line-height: 3.4rem ; height: 34px; }
.pagination--with-pages .pagination__item--current a, .pagination--with-pages .pagination__item--current span { background-color: #d5dee2; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #d5dee2; white-space: nowrap; }
.pagination--with-pages a { width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #d5dee2; white-space: nowrap; }
.pagination--with-pages .pagination__item--dynamic-space { display: none; }
.pagination--with-pages.pagination--with-pages--small-pad { padding: 20px 0; }

.page-rd-projects .pagination--with-pages .pagination__item a { background-color: #fff; }
.page-rd-projects .pagination--with-pages .pagination__item--previous a, .page-rd-projects .pagination--with-pages .pagination__item--next a { background-color: transparent; }

.pagination--white-bg a { background-color: #fff; }
.pagination--white-bg .pagination__item--previous a, .pagination--white-bg .pagination__item--next a { background-color: transparent; }

.pagination__item--previous, .pagination__item--next { top: 1px; left: 0; }
.pagination__item--previous a, .pagination__item--next a { border-color: transparent; margin: 0 4px; }
@media screen and (min-width: 757px) { .pagination__item--previous a, .pagination__item--next a { width: auto; } }

.pagination__item--previous a:hover .ico { background-position: 0 -168px; }
@media screen and (max-width: 757px) { .pagination__item--previous a:hover .ico { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -147px; } }

.pagination__item--next { left: auto; right: 0; }
.pagination__item--next a:hover .ico { background-position: 0 -364px; }
@media screen and (max-width: 757px) { .pagination__item--next a:hover .ico { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -322px; } }

.pagination__older, .pagination__newer { position: absolute; display: block; top: 0; }

.pagination__older { left: 0; }
.pagination__older a:hover .ico { background-position: 0 -168px; }

.pagination__newer { right: 0; }
.pagination__newer a:hover .ico { background-position: 0 -364px; }

@media screen and (max-width: 757px) { .pagination__text { display: none; }
  .pagination__item--next .ico-arrow-right { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -301px; height: 11px; width: 12px; }
  .pagination__item--next .ico-arrow-right:hover, .pagination__item--next .ico-arrow-right.arrow-right-double-blue-hover { background-position: 0 -322px; }
  .pagination__item--previous .ico-arrow-left { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -126px; height: 11px; width: 12px; }
  .pagination__item--previous .ico-arrow-left:hover, .pagination__item--previous .ico-arrow-left.arrow-left-double-blue-hover { background-position: 0 -147px; } }
/*Pagination responsiveness*/
@media screen and (max-width: 565px) { .pagination__item { display: none; }
  .pagination__item--first, .pagination__item--last, .pagination__item--dynamic-space, .pagination__item--space, .pagination__item--current, .pagination__item--next, .pagination__item--previous, .pagination__item--current1, .pagination__item--current2 { display: inline; } }
@media screen and (max-width: 470px) { .pagination__item--current2 { display: none; } }
@media screen and (max-width: 420px) { .pagination__item--current1 { display: none; } }
/* IE Fixes */
/* @include inline-block from compass screws the icon up when it appears
before an item. The negative text-indent pulls the work "Previous" with it */
.lt-ie8 .pagination__item--previous .ico { width: 5px; display: block; float: left; margin: 6px 4px 0 2px; }

/* Cant use the same method as previous */
.lt-ie8 .pagination__item--next .ico { top: -4px; position: relative; }

/*===================================== Blog teasers
 Attributed blog summaries that appear in the About > Profile templates

*/
.blog-teaser { background: white; padding: 20px 20px 20px 20px; border: solid #d5dee2; border-width: 1px 1px 2px 1px; position: relative; background: white; margin-top: 30px; margin-bottom: 20px; }
.boxshadow .blog-teaser { border: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.blog-teaser:after { content: " "; height: 0; width: 0; position: absolute; border: 17px solid transparent; border: 17px solid rgba(255, 255, 255, 0); }
.blog-teaser:first-child { margin-top: 20px; }
.blog-teaser:after { top: -34px; left: 10%; margin-left: -17px; border-bottom-color: white; }
.lt-ie9 .blog-teaser:before { content: " "; height: 0; width: 0; position: absolute; border: 17px solid transparent; border: 17px solid rgba(255, 255, 255, 0); top: -36px; left: 10%; margin-left: -17px; border-bottom-color: #d5dee2; }
.blog-teaser p { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 10px; }
.blog-teaser p:last-child { margin-bottom: 0; }
.blog-teaser .ico-arrow-right-double, .blog-teaser .ico-arrow-right-double-blue { vertical-align: text-bottom; position: relative; margin-left: 2px; top: -3px; }

.blog-teaser__header { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; margin-bottom: 10px ; margin-bottom: 1rem ; }

/*===================================== Post meta
*/
.post-meta.post-meta--small { font-size: 13px ; font-size: 1.3rem ; }

.post-meta__item { margin-right: 1em; }

.post-meta__comment-count { margin-right: 0; }
.post-meta__comment-count:hover .ico { background-position: 0 -651px; }

.element { white-space: nowrap; }

/* IE Fixes*/
.lt-ie8 .post-meta .ico-comment-bubble { margin-right: 5px; }

/*=====================================
Data tables
*/
.data-table, table { border-top: 2px solid #d5dee2; border-collapse: collapse; width: 100% !important; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin: 0px 0px 21px 0px ; margin: 0rem 0rem 2.1rem 0rem ; }
.data-table thead th, table thead th { white-space: nowrap; }
.data-table th, .data-table td, table th, table td { padding: .5em 1em; border: 1px solid #d5dee2; vertical-align: top; }
.data-table th, table th { background: #fff; }
.data-table td, table td { color: #666666; }
.data-table tbody th, table tbody th { word-wrap: break-word; }
.data-table tbody tr, table tbody tr { background: #f8fafa; }
.data-table tbody tr:nth-child(odd), table tbody tr:nth-child(odd) { background-color: #eaeff1; }
.data-table th:first-child, .data-table td:first-child, table th:first-child, table td:first-child { text-align: left; }

.data-table { margin: 40px 0px 41px ; margin: 4rem 0rem 4.1rem ; }
.data-table th, .data-table td { text-align: right; }

/* Note: RWD table based on http://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables/
*/
.table-wrap--responsive { margin: 54px 0px 27px ; margin: 5.4rem 0rem 2.7rem ; position: relative; }
.table-wrap--responsive .data-table { margin: 0; }
.table-wrap--responsive .a11y-only { position: absolute; left: -999em; }
.table-wrap--responsive .table-menu-wrapper { position: absolute; top: -29px; right: 0; }
.table-wrap--responsive .table-menu { position: absolute; background-color: #d5dee2; padding: 10px; width: 12em; right: 0; left: auto; font-size: 15px ; font-size: 1.5rem ; z-index: 2; }
.table-wrap--responsive.table-menu-hidden .table-menu { left: -999em; right: auto; }
.table-wrap--responsive .table-menu-btn { display: block; text-decoration: none; background: #d5dee2; padding: 2px 1em 0; font-size: 13px ; font-size: 1.3rem ; line-height: 27px; }
.table-wrap--responsive .table-menu-btn .ico { margin-left: 0.5em; }
.table-wrap--responsive .table-menu li { padding: .3em 0; }
.table-wrap--responsive .enhanced th, .table-wrap--responsive .enhanced td { display: none; }
.lt-ie8 .table-wrap--responsive .enhanced th.essential, .lt-ie8 .table-wrap--responsive .enhanced td.essential { display: inline; }
.table-wrap--responsive .enhanced th.essential, .table-wrap--responsive .enhanced td.essential { display: table-cell; }
@media screen and (min-width: 500px) { .lt-ie8 .table-wrap--responsive .enhanced th.optional, .lt-ie8 .table-wrap--responsive .enhanced td.optional { display: inline; }
  .table-wrap--responsive .enhanced th.optional, .table-wrap--responsive .enhanced td.optional { display: table-cell; } }
@media screen and (min-width: 800px) { .lt-ie8 .table-wrap--responsive .enhanced th, .lt-ie8 .table-wrap--responsive .enhanced td { display: inline; }
  .table-wrap--responsive .enhanced th, .table-wrap--responsive .enhanced td { display: table-cell; } }

.table-wrap .ico-arrow-down { background-position: 0 -578px; }

.table-wrap .table-menu-btn:hover .ico { background-position: 0 -535px; }

.table-menu-hidden .ico-arrow-down { background-position: 0 -109px; }

.table-menu-hidden .table-menu-btn:hover .ico { background-position: 0 -66px; }

/*===================================== Site footer
*/
@media screen and (max-width: 565px) { footer[role=contentinfo] .region--4-up .block { float: left; width: 50%; } }
footer[role=contentinfo] .linklist { padding-right: 10px; }

.social-links { zoom: 1; margin-bottom: 30px ; margin-bottom: 3rem ; }
.social-links:before, .social-links:after { content: ""; display: table; }
.social-links:after { clear: both; }

.social-links__list li { margin-right: 20px; display: block; float: left; }
.social-links__list li .ico:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.social-links__list li .ico { background-color: #D4DFE1; }
@media screen and (min-width: 757px) { .social-links__list li { height: 80px; line-height: 80px ; line-height: 8rem ; margin-right: 20px; } }
.social-links__list li.social-link__twitter-name { margin-right: 0; font-size: 15px ; font-size: 1.5rem ; line-height: 30px ; line-height: 3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 757px) { .social-links__list li.social-link__twitter-name { line-height: 80px ; line-height: 8rem ; } }
.social-links__list li.social-link__latest-tweet { float: none; min-height: 39px; clear: both; font-size: 14px ; font-size: 1.4rem ; line-height: 20px ; line-height: 2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-right: 0; padding: 20px; top: 10px; position: relative; background: white; }
.social-links__list li.social-link__latest-tweet:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
.social-links__list li.social-link__latest-tweet:first-child { margin-top: 20px; }
.social-links__list li.social-link__latest-tweet:after { top: -20px; left: 203px; border-bottom-color: white; margin-left: -10px; }
.lt-ie9 .social-links__list li.social-link__latest-tweet:after { display: none; height: 0; width: 0; border: 0px !Important; }
@media screen and (min-width: 757px) { .social-links__list li.social-link__latest-tweet { clear: none; top: 0; margin-top: 10px; font-size: 15px ; font-size: 1.5rem ; line-height: 20px ; line-height: 2rem ; float: none; height: auto; margin-top: 0; margin-left: 240px; padding-right: 40px; position: relative; background: white; }
  .social-links__list li.social-link__latest-tweet:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
  .social-links__list li.social-link__latest-tweet:first-child { margin-top: 20px; }
  .social-links__list li.social-link__latest-tweet:after { top: 50%; left: -10px; border-right-color: white; margin-top: -10px; }
  .lt-ie9 .social-links__list li.social-link__latest-tweet:after { display: none; height: 0; width: 0; border: 0px !Important; } }

/* IE Fixes */
.lt-ie8 .social-link__youtube, .lt-ie8 .social-link__facebook, .lt-ie8 .social-link__twitter { padding-top: 25px; height: 65px; }
.lt-ie8 .social-link__youtube a, .lt-ie8 .social-link__facebook a, .lt-ie8 .social-link__twitter a { display: block; }
.lt-ie8 .social-link__youtube { width: 71px; }
.lt-ie8 .social-link__facebook { width: 15px; }
.lt-ie8 .social-link__twitter { width: 34px; }
.lt-ie8 .social-link__twitter-name { width: 60px; }

/*===================================== Jisc in the media
*/
.in-the-media { margin-left: -20px; padding: 30px 0; }
.lt-ie8 .in-the-media { margin-left: 0; }
.lt-ie8 .in-the-media .in-the-media__item:first-child { margin-left: 0; }
.in-the-media .section__title, .in-the-media .section__title--rd, .in-the-media .section__title--rd-numbers { margin-left: 20px; }

.in-the-media__item { margin-left: 20px; border-top: 2px solid; padding: 20px 20px 20px 0; }
.t-news-and-blog .in-the-media__item { border-color: #f3b036; }
.in-the-media__item time { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.in-the-media__publisher { margin: 0 0 13px; margin: 0 0 1.3rem; font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; height: 26px; }
.in-the-media__publisher a { text-decoration: underline; }
.in-the-media__publisher a:hover { text-decoration: none; }
.in-the-media__publisher img { max-width: 100%; max-height: 100%; height: auto; width: auto; display: block; }

.in-the-media__title { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; margin: 0 0 6.5px; margin: 0 0 0.65rem; }

/*===================================== Jisc for...
*/
.jisc-for .section__title, .jisc-for .section__title--rd, .jisc-for .section__title--rd-numbers { font-size: 20px ; font-size: 2rem ; margin-bottom: 10px ; margin-bottom: 1rem ; }
@media screen and (min-width: 965px) { .jisc-for .section__title, .jisc-for .section__title--rd, .jisc-for .section__title--rd-numbers { font-size: 24px ; font-size: 2.4rem ; margin-bottom: 15px ; margin-bottom: 1.5rem ; } }

.jisc-for__drivers { zoom: 1; margin: 0px 0px 15px -3px ; margin: 0rem 0rem 1.5rem -0.3rem ; }
.jisc-for__drivers:before, .jisc-for__drivers:after { content: ""; display: table; }
.jisc-for__drivers:after { clear: both; }
@media screen and (min-width: 630px) { .jisc-for__drivers { margin-bottom: 20px ; margin-bottom: 2rem ; } }
.jisc-for__drivers li { float: left; width: 50%; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 630px) { .jisc-for__drivers li { width: 33.3333%; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; } }
@media screen and (min-width: 850px) { .jisc-for__drivers li { width: 20%; } }
.jisc-for__drivers a { display: block; padding: 4px 20px 3px ; padding: 0.4rem 2rem 0.3rem ; margin: 0px 0px 3px 3px ; margin: 0rem 0rem 0.3rem 0.3rem ; background-color: #fff; position: relative; word-break: normal; }
.jisc-for__drivers a:hover .ico { background-position: 0 -1633px; }
@media screen and (min-width: 630px) { .jisc-for__drivers a { padding: 12px 35px 12px 20px ; padding: 1.2rem 3.5rem 1.2rem 2rem ; } }
.jisc-for__drivers .outer-wrap { display: table; height: 40px ; height: 4rem ; *display: block; *cursor: pointer; }
.jisc-for__drivers .inner-wrap { display: table-cell; vertical-align: middle; *display: block; *cursor: pointer; }
.jisc-for__drivers .ico { display: none; position: absolute; top: 50%; right: 10px ; right: 1rem ; margin-top: -16px ; margin-top: -1.6rem ; }
@media screen and (min-width: 565px) { .jisc-for__drivers .ico { display: block; } }

/*===================================== Boxout panel
*/
.boxout { background: #e4eaec; padding: 18px 14px ; padding: 1.8rem 1.4rem ; border: 2px solid #d5dee2; }
.t-news-and-blog .boxout, [class^='t-'] .t-news-and-blog .boxout { border-color: #f3b036; }
.t-products-and-services .boxout, [class^='t-'] .t-products-and-services .boxout { border-color: #8c930d; }
.t-guides-and-cribsheets .boxout, [class^='t-'] .t-guides-and-cribsheets .boxout { border-color: #a22578; }
.t-guides-and-cribsheets.t-report .boxout, [class^='t-'] .t-guides-and-cribsheets.t-report .boxout { border-color: #e85e13; }
.t-r-and-d-publications .boxout, [class^='t-'] .t-r-and-d-publications .boxout { border-color: #0092cb; }
.t-r-and-d-publications-archive .boxout, [class^='t-'] .t-r-and-d-publications-archive .boxout { border-color: #70818b; }
.t-generic-content .boxout.marker, .t-generic-content .boxout.box__marker--vertical, .t-generic-content .boxout.box__marker--inline, .boxout [class^='t-'] .t--generic-content.marker, .boxout [class^='t-'] .t--generic-content.box__marker--vertical, .boxout [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .boxout, [class^='t-'] .t-events .boxout { border-color: #d72250; }
.t-contact .boxout, [class^='t-'] .t-contact .boxout { border-color: #e85e13; }
.t-about .boxout, [class^='t-'] .t-about .boxout { border-color: #e85e13; }
.t-inform .boxout, [class^='t-'] .t-inform .boxout { border-color: #f3b036; }
.t-news-and-blog .boxout .boxout__title, [class^='t-'] .t-news-and-blog .boxout .boxout__title { color: #f3b036; }
.t-products-and-services .boxout .boxout__title, [class^='t-'] .t-products-and-services .boxout .boxout__title { color: #8c930d; }
.t-guides-and-cribsheets .boxout .boxout__title, [class^='t-'] .t-guides-and-cribsheets .boxout .boxout__title { color: #a22578; }
.t-guides-and-cribsheets.t-report .boxout .boxout__title, [class^='t-'] .t-guides-and-cribsheets.t-report .boxout .boxout__title { color: #e85e13; }
.t-r-and-d-publications .boxout .boxout__title, [class^='t-'] .t-r-and-d-publications .boxout .boxout__title { color: #0092cb; }
.t-r-and-d-publications-archive .boxout .boxout__title, [class^='t-'] .t-r-and-d-publications-archive .boxout .boxout__title { color: #70818b; }
.t-generic-content .boxout .boxout__title.marker, .t-generic-content .boxout .boxout__title.box__marker--vertical, .t-generic-content .boxout .boxout__title.box__marker--inline, .boxout .boxout__title [class^='t-'] .t--generic-content.marker, .boxout .boxout__title [class^='t-'] .t--generic-content.box__marker--vertical, .boxout .boxout__title [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .boxout .boxout__title, [class^='t-'] .t-events .boxout .boxout__title { color: #d72250; }
.t-contact .boxout .boxout__title, [class^='t-'] .t-contact .boxout .boxout__title { color: #e85e13; }
.t-about .boxout .boxout__title, [class^='t-'] .t-about .boxout .boxout__title { color: #e85e13; }
.t-inform .boxout .boxout__title, [class^='t-'] .t-inform .boxout .boxout__title { color: #f3b036; }
.boxout .boxout__subtitle { font-size: 13px ; font-size: 1.3rem ; margin-bottom: 5px ; margin-bottom: 0.5rem ; }
.boxout .linklist { padding: 0; }
.boxout .linklist__item { padding: 1px 0px ; padding: 0.1rem 0rem ; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; margin-bottom: 8px; }
.boxout .linklist__item a { font-size: 13px ; font-size: 1.3rem ; line-height: 13px ; line-height: 1.3rem ; padding: 5px 0 3px 0; text-decoration: underline; }
.boxout .linklist__item a:hover { text-decoration: none; }

.t-news-and-blog .linkbox, [class^='t-'] .t-news-and-blog .linkbox { background-color: #f3b036; }
.t-products-and-services .linkbox, [class^='t-'] .t-products-and-services .linkbox { background-color: #8c930d; }
.t-guides-and-cribsheets .linkbox, [class^='t-'] .t-guides-and-cribsheets .linkbox { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .linkbox, [class^='t-'] .t-guides-and-cribsheets.t-report .linkbox { background-color: #e85e13; }
.t-r-and-d-publications .linkbox, [class^='t-'] .t-r-and-d-publications .linkbox { background-color: #0092cb; }
.t-r-and-d-publications-archive .linkbox, [class^='t-'] .t-r-and-d-publications-archive .linkbox { background-color: #70818b; }
.t-generic-content .linkbox.marker, .t-generic-content .linkbox.box__marker--vertical, .t-generic-content .linkbox.box__marker--inline, .linkbox [class^='t-'] .t--generic-content.marker, .linkbox [class^='t-'] .t--generic-content.box__marker--vertical, .linkbox [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .linkbox, [class^='t-'] .t-events .linkbox { background-color: #d72250; }
.t-contact .linkbox, [class^='t-'] .t-contact .linkbox { background-color: #e85e13; }
.t-about .linkbox, [class^='t-'] .t-about .linkbox { background-color: #e85e13; }
.t-inform .linkbox, [class^='t-'] .t-inform .linkbox { background-color: #f3b036; }
.linkbox a { font-size: 13px ; font-size: 1.3rem ; line-height: 1.3; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #fff; }
.linkbox a:hover .duo__body { opacity: 0.85; }
.linkbox a:hover .ico { opacity: 0.85; }
.linkbox a:hover b { text-decoration: none; }
.linkbox b { text-decoration: underline; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.linkbox .ico { margin-left: 20px; }

.linkbox--rss { background-color: #e85e13 !important; }
.linkbox--rss .duo__body { margin-top: 3px; }

.jisc-inform p a { text-decoration: underline; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.inform { margin-top: 20px ; margin-top: 2rem ; position: relative; }
.inform a { word-break: normal; }
@media screen and (min-width: 565px) { .js .inform { margin-left: -10px ; margin-left: -1rem ; margin-right: -10px ; margin-right: -1rem ; } }
.no-js .inform { max-width: 800px; }

@media screen and (min-width: 565px) { .js .inform__container { position: absolute; top: 0; left: 0; padding-top: 100%; width: 100%; } }

.inform__item { width: 100%; position: relative; margin-bottom: 10px ; margin-bottom: 1rem ; }

.inform__inner { display: block; width: auto; overflow: hidden; cursor: pointer; color: #ffffff; }
.inform__inner img { width: 100%; height: auto; display: none; }
@media screen and (min-width: 565px) { .js .inform__inner img { display: block; position: absolute; top: 0; left: 0; } }
.inform__inner img.mobile { display: block; }
.inform__inner .monochrome { display: none; }
@media screen and (min-width: 565px) { .inform__inner .monochrome { display: block; } }
.inform__inner .inform__info { height: 69px; width: 100%; background: #0c2931; background: rgba(12, 41, 49, 0.7); display: block; display: table; }
@media screen and (min-width: 565px) { .inform__inner .inform__info { position: absolute; bottom: 0; left: 0; right: 0; } }
.inform__inner .inform__info .article-title { padding: 15px 12px 12px 12px ; padding: 1.5rem 1.2rem 1.2rem 1.2rem ; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; padding-right: 40px ; padding-right: 4rem ; display: table-cell; vertical-align: middle; }
.inform__inner .inform__info .ico { position: absolute; top: 50%; margin-top: -26px ; margin-top: -2.6rem ; right: 12px ; right: 1.2rem ; bottom: 12px ; bottom: 1.2rem ; }
.touch .hover .inform__inner .monochrome { display: none; }
.inform__inner:hover { color: #ffffff; }
.inform__inner:hover .monochrome { display: none; }

.inform__uid3 { clear: both; }

.no-js .inform__item { max-width: 300px; margin-right: 10px; float: left; }

.inform__p1 .inform__info { position: absolute; bottom: 0; left: 0; right: 0; }

.inform__issue-number { width: auto; margin-bottom: 0; float: left; text-align: center; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.inform__issue-number .inform__inner { background: #e85e12; color: #fff; width: 89px ; width: 8.9rem ; height: 89px ; height: 8.9rem ; }
.inform__issue-number .inform__inner:hover span { color: #f9d6c3; }
@media screen and (min-width: 565px) { .js .inform__issue-number .inform__inner { width: auto; height: auto; } }
.inform__issue-number .issue, .inform__issue-number .number { display: block; }
.inform__issue-number .vertical { position: absolute; width: 100%; top: 50%; margin-top: -29px ; margin-top: -2.9rem ; height: 54px ; height: 5.4rem ; }
@media screen and (min-width: 650px) { .inform__issue-number .vertical { margin-top: -41px ; margin-top: -4.1rem ; height: 82px ; height: 8.2rem ; } }
@media screen and (min-width: 757px) and (max-width: 870px) { .inform__issue-number .vertical { margin-top: -35px ; margin-top: -3.5rem ; height: 68pxpx ; height: 6.8pxrem ; } }
.inform__issue-number .issue { text-transform: uppercase; font-size: 12px ; font-size: 1.2rem ; line-height: 15px ; line-height: 1.5rem ; letter-spacing: 0.2em; }
@media screen and (min-width: 650px) { .inform__issue-number .issue { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; letter-spacing: 0.4em; } }
@media screen and (min-width: 757px) and (max-width: 870px) { .inform__issue-number .issue { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; letter-spacing: 0.3em; } }
.inform__issue-number .number { font-size: 46px ; font-size: 4.6rem ; line-height: 46px ; line-height: 4.6rem ; }
@media screen and (min-width: 650px) { .inform__issue-number .number { font-size: 72px ; font-size: 7.2rem ; line-height: 72px ; line-height: 7.2rem ; } }
@media screen and (min-width: 757px) and (max-width: 870px) { .inform__issue-number .number { font-size: 60px ; font-size: 6rem ; line-height: 60px ; line-height: 6rem ; } }

.inform__issue-title { clear: both; }
@media screen and (max-width: 345px) { .inform__issue-title { padding-top: 100%; } }
.inform__issue-title .inform__inner { padding: 0; background: #0c2931; }
.js .inform__issue-title .inform__inner { position: absolute; }
@media screen and (min-width: 346px) and (max-width: 565px) { .inform__issue-title .inform__inner { padding-bottom: 80px ; padding-bottom: 8rem ; }
  .js .inform__issue-title .inform__inner { position: relative; } }
@media screen and (max-width: 565px) { .inform__issue-title .inform__inner { width: 100%; top: 0; left: 0; height: 100%; overflow: hidden; } }
.inform__issue-title .inform__inner:hover { color: #d5dee2; }
.inform__issue-title .title { margin: 30px 30px 10px 28px ; margin: 3rem 3rem 1rem 2.8rem ; font-size: 39px ; font-size: 3.9rem ; line-height: 42px ; line-height: 4.2rem ; }
@media screen and (min-width: 565px) and (max-width: 900px) { .inform__issue-title .title { margin: 20px 20px 10px 18px ; margin: 2rem 2rem 1rem 1.8rem ; font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; } }
@media screen and (max-width: 565px) { .inform__issue-title .title { font-size: 33px ; font-size: 3.3rem ; line-height: 36px ; line-height: 3.6rem ; } }
.inform__issue-title .latest { margin: 0px 60px 10px 30px ; margin: 0rem 6rem 1rem 3rem ; font-size: 24px ; font-size: 2.4rem ; line-height: 30px ; line-height: 3rem ; }
@media screen and (min-width: 565px) and (max-width: 900px) { .inform__issue-title .latest { margin: 0px 20px 10px 20px ; margin: 0rem 2rem 1rem 2rem ; font-size: 18px ; font-size: 1.8rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .inform__issue-title .latest { font-size: 21px ; font-size: 2.1rem ; line-height: 27px ; line-height: 2.7rem ; } }
.inform__issue-title .ico { position: absolute; bottom: 30px; right: 30px; }
@media screen and (min-width: 565px) and (max-width: 900px) { .inform__issue-title .ico { bottom: 20px; right: 20px; } }

@media screen and (min-width: 565px) { .js .inform__item { position: absolute; top: 0; } }

@media screen and (min-width: 565px) { .js .inform__inner { position: absolute; height: auto; top: 10px ; top: 1rem ; left: 10px ; left: 1rem ; right: 10px ; right: 1rem ; bottom: 10px ; bottom: 1rem ; } }

.inform__footer { text-align: right; padding-top: 10px ; padding-top: 1rem ; }
.no-js .inform__footer { max-width: 360px; clear: both; }

.inform__more-link { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; white-space: nowrap; }
.inform__more-link:hover .ico { background-position: 0 -364px; }

/*Bespoke positioning and sizes per jisc inform issue*/
@media screen and (min-width: 565px) { .js .inform { padding-top: 170%; margin-bottom: 68px ; }
  .js .inform__issue-number { width: 20%; padding: 20% 0 0 0; }
  .js .inform__issue-title { width: 40%; padding: 40% 0 0 0; }
  .js .inform__p1 { width: 60%; padding: 60% 0 0 0; }
  .js .inform__p2 { width: 40%; padding: 40% 0 0 0; }
  .js .inform__p3 { width: 30%; padding: 30% 0 0 0; }
  .js .inform__uid1 { left: 20%; top: 0%; }
  .js .inform__uid2 { left: 0%; top: 20%; }
  .js .inform__uid3 { left: 40%; top: 0%; }
  .js .inform__uid4 { left: 40%; top: 90%; }
  .js .inform__uid5 { left: 40%; top: 60%; }
  .js .inform__uid6 { left: 70%; top: 60%; }
  .js .inform__uid7 { left: 0%; top: 60%; }
  .js .inform__uid8 { left: 0%; top: 100%; }
  .js .inform__uid9 { left: 10%; top: 140%; } }
@media screen and (min-width: 757px) { .js .inform { padding-top: 116.666%; margin-bottom: 46.6664px ; }
  .js .inform__issue-number { width: 16.6666%; padding: 16.6666% 0 0 0; }
  .js .inform__issue-title { width: 33.3333%; padding: 33.3333% 0 0 0; }
  .js .inform__p1 { width: 50%; padding: 50% 0 0 0; }
  .js .inform__p2 { width: 33.3333%; padding: 33.3333% 0 0 0; }
  .js .inform__p3 { width: 25%; padding: 25% 0 0 0; }
  .js .inform__uid1 { left: 33.3333%; top: 41.6666%; }
  .js .inform__uid2 { left: 0%; top: 25%; }
  .js .inform__uid3 { left: 0%; top: 58.3333%; }
  .js .inform__uid4 { left: 50%; top: 41.6666%; }
  .js .inform__uid5 { left: 50%; top: 91.6666%; }
  .js .inform__uid6 { left: 75%; top: 91.6666%; }
  .js .inform__uid7 { left: 66.6666%; top: 8.3333%; }
  .js .inform__uid8 { left: 33.3333%; top: 8.3333%; }
  .js .inform__uid9 { left: 8.3333%; top: 0%; } }
/*===================================== Services group
*/
@media screen and (min-width: 565px) { .service-header .page-title { float: left; width: 75%; margin: 10px 0 15px; }
  .service-header .service-logo { float: right; margin: 20px 20px 10px 0; max-width: 20%; }
  .service-header .media figcaption { position: absolute; left: 0; bottom: 0; } }
.service-header .service-logo img { max-width: 100%; max-height: 50px; }
@media screen and (max-width: 565px) { .service-header .service-logo { margin: 10px 0 0 0; } }

.service-header__banner { width: 100%; clear: both; }
@media screen and (max-width: 565px) { .service-header__banner .media__attribution { display: none; } }
.service-header__banner img { max-width: 100%; width: 100%; }

.service-header__summary { margin: 15px 20px 0px 0; padding-bottom: 10px; font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .service-header__summary { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .service-header__summary { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
.service-header__summary a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #00557f; }
.service-header__summary a:hover, .service-header__summary a:focus { color: #e85e13; }

@media screen and (max-width: 850px) { .t-products-and-services .teaser-plain__title { margin-bottom: 2px; }
  .t-products-and-services .service-header__summary { margin-top: 0; } }
@media screen and (min-width: 757px) { .js .service-header { margin-bottom: 50px; }
  .js .service-header .media__attribution { bottom: 54px; right: 30px; }
  .js .service-header .contact-panel { position: relative; margin: 0 20px -40px 0; }
  .js .service-header--has-banner { margin-bottom: 70px; }
  .js .service-header--has-banner .contact-panel { position: relative; margin: -54px 30px -60px 0; } }
/*===================================== Events
*/
.event-brief p { font-size: 18px ; font-size: 1.8rem ; line-height: 27px ; line-height: 2.7rem ; margin: 0 0 0; }
.event-brief p a { text-decoration: underline; }
.event-brief p a:hover, .event-brief p a:focus { text-decoration: none; }

.event-details__header { zoom: 1; position: relative; padding: 60px 20px 35px 0; }
.event-details__header:before, .event-details__header:after { content: ""; display: table; }
.event-details__header:after { clear: both; }
.event-details__header .signpost--highlight { margin-right: 20px; margin-bottom: -20px; }
.event-details__header h2 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .event-details__header h2 { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .event-details__header h2 { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
.event-details__header .marker--page { margin-top: -60px; }
.event-details__header .event-details__header__status { font-size: 24px ; font-size: 2.4rem ; background-color: #fff; color: #d72250; text-align: center; padding: 20px; float: right; margin: -28px 20px 20px 20px; /* 60px - 32px to calc necessary negative margin to line up with bottom of the .marker. */ /* 60px is top padding of .event-details__header, 32px is height of the marker */ }
@media screen and (max-width: 757px) { .event-details__header .event-details__header__status { font-size: 18px ; font-size: 1.8rem ; padding: 13px; } }
@media screen and (max-width: 565px) { .event-details__header .event-details__header__status { float: left; margin: -10px 0 0 0; } }
.event-details__header .event-details__header__status .ico { display: block; margin: 0 auto 10px auto; }

@media screen and (min-width: 710px) { .event-details__section { margin-bottom: 27px ; margin-bottom: 2.7rem ; } }
@media screen and (max-width: 565px) { .event-details__section.cx_collapsibles__container { margin-bottom: 0px ; margin-bottom: 0rem ; } }
.event-details__section h2 { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

@media screen and (min-width: 565px) { .event-details__section--final { border-top: 1px solid #e4eaec; margin-right: -20px; padding-right: 20px; padding-top: 27px ; padding-top: 2.7rem ; } }
.event-details__section--final.cx_collapsibles__container { border: 0 none; }
.event-details__section--final.cx_collapsibles__container .cx_collapsibles__trigger { padding-top: 0; padding-bottom: 0; }

.event-details__time { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-top: -5px; }

.event-details__large { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }

a.event-details__large { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.event-details__venue { margin: 20px 0px ; margin: 2rem 0rem ; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; }
.event-details__venue dt { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 4px; }

.event-details__date, .event-details__ticket__price { margin-bottom: 10px ; margin-bottom: 1rem ; font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .event-details__date, .event-details__ticket__price { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .event-details__date, .event-details__ticket__price { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }

.event-details__ticket { margin: 30px 0px ; margin: 3rem 0rem ; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 18px ; line-height: 1.8rem ; }
.event-details__ticket p { margin: 5px 0 10px 0; }

.event-details__ticket__price { font-size: 30px ; font-size: 3rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; line-height: 40px ; line-height: 4rem ; }

.event-details__add-to-cal { display: block; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 18px ; line-height: 1.8rem ; vertical-align: bottom; margin-bottom: 10px ; margin-bottom: 1rem ; }
.event-details__add-to-cal .ico { vertical-align: bottom; }

/** Programme */
.event-details__section--programme { font-size: 15px ; font-size: 1.5rem ; }

.event-details__section--programme__daylinks { margin-bottom: 30px ; margin-bottom: 3rem ; margin-top: 20px ; margin-top: 2rem ; font-size: 15px ; font-size: 1.5rem ; }
.event-details__section--programme__daylinks a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; text-decoration: underline; }
.touch .event-details__section--programme__daylinks a:hover { text-decoration: underline; color: #00557f; }
.event-details__section--programme__daylinks a:hover, .event-details__section--programme__daylinks a:focus { text-decoration: none; }

.event-details__section--programme__day { padding: 0; border-bottom: 0 none; margin-bottom: 60px ; margin-bottom: 6rem ; }
@media screen and (min-width: 710px) { .event-details__section--programme__day, .event-details__section--programme__day:first-of-type { border-top: 3px solid #d5dee2; } }
.event-details__section--programme__day.cx_collapsibles__container { border-bottom: 1px solid #d5dee2; }
.event-details__section--programme__day.cx_collapsibles--is-expanded { border-bottom: 0 none; }

.event-details__section--programme__day__title { font-size: 30px ; font-size: 3rem ; font-weight: bold; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 710px) { .event-details__section--programme__day__title { padding: 15px 10px 10px 10px ; padding: 1.5rem 1rem 1rem 1rem ; } }
@media screen and (max-width: 565px) { .event-details__section--programme__day__title { font-size: 18px ; font-size: 1.8rem ; } }
.cx_collapsibles--is-collapsed > .event-details__section--programme__day__title { border-bottom: 0 none; margin-bottom: 0; }
.event-details__section--programme__day__title.cx_collapsibles__trigger { padding: 10px ; padding: 1rem ; }
.event-details__section--programme__day__title a { border-top: 0; padding: 0; }

.event-details__section--programme__item { list-style-type: none; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; padding-left: 50px; padding: 0 0 0 50px; border-bottom: 1px solid #d5dee2; }
.event-details__section--programme__item > .duo__side { padding-bottom: 0; margin-right: 60px; }
.event-details__section--programme__item .duo__body { overflow: hidden; }
@media screen and (max-width: 565px) { .event-details__section--programme__item { padding-left: 30px !important; }
  .event-details__section--programme__item > .duo__side, .event-details__section--programme__item > .duo__body { display: block; float: none; width: auto; margin: 0; } }
.event-details__section--programme__item > .duo__side, .event-details__section--programme__item > .duo__body > h4 { font-size: 18px ; font-size: 1.8rem ; margin-bottom: 0; padding-bottom: 0; padding-top: 16px; }
@media screen and (min-width: 566px) and (max-width: 757px) { .event-details__section--programme__item > .duo__side, .event-details__section--programme__item > .duo__body > h4 { padding-bottom: 10px; } }

@media screen and (max-width: 565px) { .event-details__section--programme__item > .duo__side, .event-details__section--programme__item > .duo__body > h4 { padding: 6px 0 6px 0; }
  .event-details__section--programme__item > .duo__side a, .event-details__section--programme__item > .duo__body > h4 a { padding-bottom: 0px; } }
.event-details__section--programme__item > .duo__side.cx_collapsibles__trigger, .event-details__section--programme__item > .duo__body > h4.cx_collapsibles__trigger { padding-top: 0; padding-bottom: 0; }
.event-details__section--programme__item > .duo__side { color: #2c3841; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.event-details__section--programme__performers { margin-top: 15px ; margin-top: 1.5rem ; }
.event-details__section--programme__performers h5 { font-size: 18px ; font-size: 1.8rem ; }
.event-details__section--programme__performers img { border: 1px solid #d5dee2; padding: 0; }

/** Event sponsors */
.event-details__section__sponsors > li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 40px; }

/** Related events */
.event-details__related { padding-top: 27px ; padding-top: 2.7rem ; }
.event-details__related > h2 { margin-bottom: 27px ; margin-bottom: 2.7rem ; }

/** Resources */
.event-details__resources { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; border-top: 1px solid #d5dee2; padding-top: 10px ; padding-top: 1rem ; }
.event-details__resources > li { zoom: 1; padding: 0; padding-bottom: 10px ; padding-bottom: 1rem ; margin-bottom: 10px ; margin-bottom: 1rem ; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; border-bottom: 1px solid #d5dee2; }
.event-details__resources > li:before, .event-details__resources > li:after { content: ""; display: table; }
.event-details__resources > li:after { clear: both; }
.event-details__resources iframe { margin-right: 20px; }
@media screen and (min-width: 565px) { .event-details__resources iframe { float: left; } }
.lt-ie9 .event-details__resources .media { width: 200px; }
.event-details__resources .media audio { margin-top: 20px ; margin-top: 2rem ; }
.event-details__resources .event-details__resources__body { padding-top: 20px ; padding-top: 2rem ; }

.event-details__resources__title { font-size: 24px ; font-size: 2.4rem ; }

.cx_tabs__content { position: relative; }

.search-result__rss-link { position: absolute; top: 0; right: 0; }
@media screen and (max-width: 565px) { .search-result__rss-link { top: 62px; } }

.resource { background: #e4eaec; padding: 15px; margin-bottom: 20px; }
.resource .linklist__title { position: relative; padding-left: 25px; margin: 0; }
.resource .linklist__title + ul { margin-top: 18px ; margin-top: 1.8rem ; }
.resource .ico-resource { position: absolute; top: -2px; left: 0; }

.resource-check { padding: 12px 0; border-bottom: 1px solid #d5dee2; border-top: 1px solid #d5dee2; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #2c3841; }

.col.is-tabbed .ui-tabs-panel { background: #fff; padding: 20px; position: relative; }
.col.is-tabbed .search-result > .duo__side { width: 120px; }
@media screen and (max-width: 565px) { .col.is-tabbed .search-result > .duo__body { margin-left: 0; clear: both; margin-top: 20px; float: none; } }
.col.is-tabbed .search-result .event-details__status { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; padding-right: 10px; text-align: center; float: right; clear: both; margin: 20px 0 0 0; }
.t-news-and-blog .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-news-and-blog .col.is-tabbed .search-result .event-details__status { color: #f3b036; }
.t-products-and-services .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-products-and-services .col.is-tabbed .search-result .event-details__status { color: #8c930d; }
.t-guides-and-cribsheets .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-guides-and-cribsheets .col.is-tabbed .search-result .event-details__status { color: #a22578; }
.t-guides-and-cribsheets.t-report .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-guides-and-cribsheets.t-report .col.is-tabbed .search-result .event-details__status { color: #e85e13; }
.t-r-and-d-publications .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-r-and-d-publications .col.is-tabbed .search-result .event-details__status { color: #0092cb; }
.t-r-and-d-publications-archive .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-r-and-d-publications-archive .col.is-tabbed .search-result .event-details__status { color: #70818b; }
.t-generic-content .col.is-tabbed .search-result .event-details__status.marker, .t-generic-content .col.is-tabbed .search-result .event-details__status.box__marker--vertical, .t-generic-content .col.is-tabbed .search-result .event-details__status.box__marker--inline, .col.is-tabbed .search-result .event-details__status [class^='t-'] .t--generic-content.marker, .col.is-tabbed .search-result .event-details__status [class^='t-'] .t--generic-content.box__marker--vertical, .col.is-tabbed .search-result .event-details__status [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-events .col.is-tabbed .search-result .event-details__status { color: #d72250; }
.t-contact .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-contact .col.is-tabbed .search-result .event-details__status { color: #e85e13; }
.t-about .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-about .col.is-tabbed .search-result .event-details__status { color: #e85e13; }
.t-inform .col.is-tabbed .search-result .event-details__status, [class^='t-'] .t-inform .col.is-tabbed .search-result .event-details__status { color: #f3b036; }
@media screen and (max-width: 757px) { .col.is-tabbed .search-result .event-details__status { float: left; margin-top: 10px; } }
.col.is-tabbed .search-result .event-details__status .ico { display: block; margin: 0 auto 10px auto; }
@media screen and (min-width: 757px) { .col.is-tabbed + .col { padding-top: 45px; } }

/*===================================== Longform content termplate
*/
@media screen and (min-width: 757px) { .l-main-panel { width: 74%; float: left; }
  .l-side-panel { float: right; width: 24.9354005%; position: relative; right: 0; top: 0; }
  .content-longform .l-side-panel { margin-top: 30px; } }
.l-side-panel .boxout { margin-top: 20px; }

.l-free-floating { margin-bottom: 20px; right: 10px; }
@media screen and (max-width: 965px) { .l-free-floating { right: 0; } }
@media screen and (max-width: 757px) { .l-free-floating { margin-top: 10px; } }
@media screen and (min-width: 757px) { .l-free-floating { margin-left: 10%; } }

.l-shift-right { margin-right: -20px; }
@media screen and (max-width: 757px) { .l-shift-right { margin-right: -10px; } }

.content-longform { padding-top: 0; }
.content-longform .article-full__body > p, .content-longform .article-full__body > ul, .content-longform .article-full__body > ol, .content-longform .article-full__body > h1, .content-longform .article-full__body > h2, .content-longform .article-full__body > h3, .content-longform .article-full__body > h4, .content-longform .article-full__body > h5, .content-longform .article-full__body > h6 { max-width: 90%; }
.content-longform .boxout { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.content-longform .article-full__footer .profile--long { border: 0; }
.content-longform .article-full__footer .profile--long .profile__info > p { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; }

.content-longform__header { zoom: 1; position: relative; padding: 50px 10px 20px 0; }
.content-longform__header:before, .content-longform__header:after { content: ""; display: table; }
.content-longform__header:after { clear: both; }
.content-longform__header .l-main-panel { zoom: 1; }
.content-longform__header .l-main-panel:before, .content-longform__header .l-main-panel:after { content: ""; display: table; }
.content-longform__header .l-main-panel:after { clear: both; }
.content-longform__header .page-title { padding-bottom: 0; }
.content-longform__header .boxout { background: #fff; border-color: transparent; }
.content-longform__header .notice { margin-top: 20px ; margin-top: 2rem ; padding-left: 18px ; padding-left: 1.8rem ; padding-right: 18px ; padding-right: 1.8rem ; background: #fff; text-align: left; border-color: #a22578; }
@media screen and (max-width: 757px) { .content-longform__header .notice { margin-bottom: 20px ; margin-bottom: 2rem ; } }
.content-longform__header .notice__title { font-size: 20px ; font-size: 2rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; color: #a22578; }
@media screen and (min-width: 757px) { .content-longform__header .l-main-panel { width: 77%; }
  .content-longform__header .l-side-panel { width: 20.8791209%; margin: -40px 0 -35px 0; }
  .content-longform__header .l-side-panel .boxout { margin-top: 0; }
  .content-longform__header .linkbox .duo__side { margin-right: 15px; }
  .content-longform__header .linkbox .duo__side .ico { margin-top: 5px; }
  .content-longform__header .linkbox .duo__body { overflow: hidden; }
  .content-longform__header .linkbox .duo__body b { font-size: 15px ; font-size: 1.5rem ; line-height: 33px ; line-height: 3.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; } }
@media screen and (min-width: 757px) { .content-longform__header .linkbox { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: -52px; height: 52px; z-index: 10; }
  .content-longform__header .linkbox.linkbox-under { bottom: -52px; } }

.t-report .content-longform__header .notice { border-color: #e85e13; }
.t-report .content-longform__header .notice__title { color: #cd4901; }

@media screen and (min-width: 757px) and (max-width: 850px) { .l-side-panel .linkbox .duo__side { margin-right: 5px; margin-left: -15px; } }
.content-longform__main { margin-top: 50px; }

.content-longform__section--about { zoom: 1; border-top: 1px solid #d5dee2; padding-top: 30px; padding-bottom: 30px; }
.content-longform__section--about:before, .content-longform__section--about:after { content: ""; display: table; }
.content-longform__section--about:after { clear: both; }
@media screen and (max-width: 757px) { .content-longform__section--about { border-top: 0; padding: 0 12px; } }
.content-longform__section--about .boxout { border-color: transparent; }

/*===================================== Related box Generic styling for asides
*/
.related-box { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; background: #d5dee2; padding: 20px 12px; /* @TODO: if names are very long (e.g. double-barrel surnames) then at wide screen widths the text might wrap below the thumbnail. To stop this would need to apply a left margin to the text */ }
.related-box li { margin-bottom: 20px; }
.related-box li p { font-size: 13px ; font-size: 1.3rem ; line-height: 16px ; line-height: 1.6rem ; }
.related-box li h4, .related-box li .related-item__title { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 5px ; margin-bottom: 0.5rem ; }
.related-box li:last-of-type { margin-bottom: 0; }
.l-pull-left .related-box { background: #e4eaec; }
.related-box .duo { padding-bottom: 0; }
.related-box .duo__body { overflow: hidden; }
.related-box .duo__side { margin-right: 10px; }
@media screen and (max-width: 965px) and (min-width: 757px) { .related-box .duo__side { float: none; } }
.related-box .profile__name { font-size: 18px ; font-size: 1.8rem ; line-height: 20px ; line-height: 2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 8px; }
.related-box .profile__name a { word-break: normal; color: #00557f; }
.related-box .profile__name a:hover { color: #e85e13; }

.related-box__title { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; margin-bottom: 12px; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }

.related-box__date { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; display: block; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 5px ; margin-bottom: 0.5rem ; }

.related-box__location { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: block; }

/*===================================== Local nav
 Jump link localnav that appears on long pages. Does not appear on narrower screens
*/
.localnav { display: none; }
@media screen and (min-width: 757px) { .localnav { display: block; } }
.localnav ul { margin-left: -7px; padding-top: 4px; font-size: 13px ; font-size: 1.3rem ; line-height: 22px ; line-height: 2.2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.lt-ie9 .localnav ul { width: 125px !Important; }
.localnav li { margin-bottom: 5px; }
.localnav a { display: block; padding: 5px 7px 3px 7px; line-height: 16px ; line-height: 1.6rem ; }
.localnav .s-current, .localnav a:hover { color: #fff; }
.t-news-and-blog .localnav .s-current, [class^='t-'] .t-news-and-blog .localnav .s-current, .t-news-and-blog .localnav a:hover, [class^='t-'] .t-news-and-blog .localnav a:hover { background-color: #f3b036; }
.t-products-and-services .localnav .s-current, [class^='t-'] .t-products-and-services .localnav .s-current, .t-products-and-services .localnav a:hover, [class^='t-'] .t-products-and-services .localnav a:hover { background-color: #8c930d; }
.t-guides-and-cribsheets .localnav .s-current, [class^='t-'] .t-guides-and-cribsheets .localnav .s-current, .t-guides-and-cribsheets .localnav a:hover, [class^='t-'] .t-guides-and-cribsheets .localnav a:hover { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .localnav .s-current, [class^='t-'] .t-guides-and-cribsheets.t-report .localnav .s-current, .t-guides-and-cribsheets.t-report .localnav a:hover, [class^='t-'] .t-guides-and-cribsheets.t-report .localnav a:hover { background-color: #e85e13; }
.t-r-and-d-publications .localnav .s-current, [class^='t-'] .t-r-and-d-publications .localnav .s-current, .t-r-and-d-publications .localnav a:hover, [class^='t-'] .t-r-and-d-publications .localnav a:hover { background-color: #0092cb; }
.t-r-and-d-publications-archive .localnav .s-current, [class^='t-'] .t-r-and-d-publications-archive .localnav .s-current, .t-r-and-d-publications-archive .localnav a:hover, [class^='t-'] .t-r-and-d-publications-archive .localnav a:hover { background-color: #70818b; }
.t-generic-content .localnav .s-current.marker, .t-generic-content .localnav .s-current.box__marker--vertical, .t-generic-content .localnav .s-current.box__marker--inline, .localnav .s-current [class^='t-'] .t--generic-content.marker, .localnav .s-current [class^='t-'] .t--generic-content.box__marker--vertical, .localnav .s-current [class^='t-'] .t--generic-content.box__marker--inline, .t-generic-content .localnav a:hover.marker, .t-generic-content .localnav a.box__marker--vertical:hover, .t-generic-content .localnav a.box__marker--inline:hover, .localnav a:hover [class^='t-'] .t--generic-content.marker, .localnav a:hover [class^='t-'] .t--generic-content.box__marker--vertical, .localnav a:hover [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .localnav .s-current, [class^='t-'] .t-events .localnav .s-current, .t-events .localnav a:hover, [class^='t-'] .t-events .localnav a:hover { background-color: #d72250; }
.t-contact .localnav .s-current, [class^='t-'] .t-contact .localnav .s-current, .t-contact .localnav a:hover, [class^='t-'] .t-contact .localnav a:hover { background-color: #e85e13; }
.t-about .localnav .s-current, [class^='t-'] .t-about .localnav .s-current, .t-about .localnav a:hover, [class^='t-'] .t-about .localnav a:hover { background-color: #e85e13; }
.t-inform .localnav .s-current, [class^='t-'] .t-inform .localnav .s-current, .t-inform .localnav a:hover, [class^='t-'] .t-inform .localnav a:hover { background-color: #f3b036; }

.localnav__title { margin-bottom: 10px; font-size: 18px ; font-size: 1.8rem ; }
.t-news-and-blog .localnav__title, [class^='t-'] .t-news-and-blog .localnav__title { color: #f3b036; }
.t-products-and-services .localnav__title, [class^='t-'] .t-products-and-services .localnav__title { color: #8c930d; }
.t-guides-and-cribsheets .localnav__title, [class^='t-'] .t-guides-and-cribsheets .localnav__title { color: #a22578; }
.t-guides-and-cribsheets.t-report .localnav__title, [class^='t-'] .t-guides-and-cribsheets.t-report .localnav__title { color: #e85e13; }
.t-r-and-d-publications .localnav__title, [class^='t-'] .t-r-and-d-publications .localnav__title { color: #0092cb; }
.t-r-and-d-publications-archive .localnav__title, [class^='t-'] .t-r-and-d-publications-archive .localnav__title { color: #70818b; }
.t-generic-content .localnav__title.marker, .t-generic-content .localnav__title.box__marker--vertical, .t-generic-content .localnav__title.box__marker--inline, .localnav__title [class^='t-'] .t--generic-content.marker, .localnav__title [class^='t-'] .t--generic-content.box__marker--vertical, .localnav__title [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .localnav__title, [class^='t-'] .t-events .localnav__title { color: #d72250; }
.t-contact .localnav__title, [class^='t-'] .t-contact .localnav__title { color: #e85e13; }
.t-about .localnav__title, [class^='t-'] .t-about .localnav__title { color: #e85e13; }
.t-inform .localnav__title, [class^='t-'] .t-inform .localnav__title { color: #f3b036; }
.cx_jumpmenu--fixed .localnav__title { margin-top: 10px; }

/*===================================== Footnotes
*/
.footnote { cursor: pointer; color: #00557f; display: inline-block; vertical-align: super; line-height: 15px ; line-height: 1.5rem ; font-size: 15px ; font-size: 1.5rem ; }
.no-touch .footnote:hover { color: #e85e13; }
.footnote:before { content: '['; }
.footnote:after { content: ']'; }

.footnote-number { display: none; }

.article-full__footnotes { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; counter-reset: footnotes; padding-bottom: 20px; }
.article-full__footnotes li { margin-bottom: 10px; }
.article-full__footnotes li:before { counter-increment: footnotes; content: "[" counter(footnotes) "] "; }

/*===================================== Tooltips
*/
.tooltipster-base { background-color: #e4eaec; border: 1px solid #cad4d8; line-height: 1.5; word-wrap: break-word; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); max-width: 350px; }
.tooltipster-base .tooltipster-arrow { display: none; }
@media screen and (min-width: 565px) { .tooltipster-base .tooltipster-arrow { display: block; } }
.tooltipster-base .tooltipster-arrow-top .tooltipster-arrow-border { margin-bottom: -3px !important; }
.tooltipster-base .tooltipster-arrow-bottom .tooltipster-arrow-border { margin-top: -3px !important; }
.tooltipster-base a { text-decoration: underline; }
.tooltipster-base a:hover, .tooltipster-base a:focus { text-decoration: none; }

.tooltipster-content { padding: 13px; }

.has-tooltip { display: inline-block; }

/*===================================== Signpost
*/
.signpost, .signpost--highlight { border: 2px solid #d5dee2; margin: 15px 0 40px 0; clear: both; position: relative; background-color: transparent; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding: 20px ; padding: 2rem ; }
.t-news-and-blog .signpost, .t-news-and-blog .signpost--highlight, [class^='t-'] .t-news-and-blog .signpost, [class^='t-'] .t-news-and-blog .signpost--highlight { border-color: #f3b036; }
.t-products-and-services .signpost, .t-products-and-services .signpost--highlight, [class^='t-'] .t-products-and-services .signpost, [class^='t-'] .t-products-and-services .signpost--highlight { border-color: #8c930d; }
.t-guides-and-cribsheets .signpost, .t-guides-and-cribsheets .signpost--highlight, [class^='t-'] .t-guides-and-cribsheets .signpost, [class^='t-'] .t-guides-and-cribsheets .signpost--highlight { border-color: #a22578; }
.t-guides-and-cribsheets.t-report .signpost, .t-guides-and-cribsheets.t-report .signpost--highlight, [class^='t-'] .t-guides-and-cribsheets.t-report .signpost, [class^='t-'] .t-guides-and-cribsheets.t-report .signpost--highlight { border-color: #e85e13; }
.t-r-and-d-publications .signpost, .t-r-and-d-publications .signpost--highlight, [class^='t-'] .t-r-and-d-publications .signpost, [class^='t-'] .t-r-and-d-publications .signpost--highlight { border-color: #0092cb; }
.t-r-and-d-publications-archive .signpost, .t-r-and-d-publications-archive .signpost--highlight, [class^='t-'] .t-r-and-d-publications-archive .signpost, [class^='t-'] .t-r-and-d-publications-archive .signpost--highlight { border-color: #70818b; }
.t-generic-content .signpost.marker, .t-generic-content .marker.signpost--highlight, .t-generic-content .signpost--highlight.box__marker--vertical, .t-generic-content .signpost--highlight.box__marker--inline, .t-generic-content .signpost.box__marker--vertical, .t-generic-content .signpost.box__marker--inline, .signpost [class^='t-'] .t--generic-content.marker, .signpost--highlight [class^='t-'] .t--generic-content.marker, .signpost [class^='t-'] .t--generic-content.box__marker--vertical, .signpost--highlight [class^='t-'] .t--generic-content.box__marker--vertical, .signpost [class^='t-'] .t--generic-content.box__marker--inline, .signpost--highlight [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .signpost, .t-events .signpost--highlight, [class^='t-'] .t-events .signpost, [class^='t-'] .t-events .signpost--highlight { border-color: #d72250; }
.t-contact .signpost, .t-contact .signpost--highlight, [class^='t-'] .t-contact .signpost, [class^='t-'] .t-contact .signpost--highlight { border-color: #e85e13; }
.t-about .signpost, .t-about .signpost--highlight, [class^='t-'] .t-about .signpost, [class^='t-'] .t-about .signpost--highlight { border-color: #e85e13; }
.t-inform .signpost, .t-inform .signpost--highlight, [class^='t-'] .t-inform .signpost, [class^='t-'] .t-inform .signpost--highlight { border-color: #f3b036; }
.signpost a, .signpost--highlight a { text-decoration: underline; }
.signpost a:hover, .signpost--highlight a:hover, .signpost a:focus, .signpost--highlight a:focus { text-decoration: none; }

.signpost__title { color: #2c3841; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; margin-bottom: -2px; }
.signpost__title + p { margin-top: 10px ; margin-top: 1rem ; padding-left: 20px; position: relative; }
.signpost__title + p .ico { position: absolute; top: 0; left: 0; }

.signpost__link { display: block; margin: 20px -20px -20px -20px ; margin: 2rem -2rem -2rem -2rem ; }
@media screen and (min-width: 757px) { .signpost__link { position: absolute; bottom: 0; right: 60px; margin: 0; } }
.signpost__link a { color: #fff; display: block; position: relative; padding: 0 15px 0 50px; text-decoration: none; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; font-size: 24px ; font-size: 2.4rem ; line-height: 50px; height: 50px; }
.t-news-and-blog .signpost__link a, [class^='t-'] .t-news-and-blog .signpost__link a { background-color: #f3b036; }
.t-products-and-services .signpost__link a, [class^='t-'] .t-products-and-services .signpost__link a { background-color: #8c930d; }
.t-guides-and-cribsheets .signpost__link a, [class^='t-'] .t-guides-and-cribsheets .signpost__link a { background-color: #a22578; }
.t-guides-and-cribsheets.t-report .signpost__link a, [class^='t-'] .t-guides-and-cribsheets.t-report .signpost__link a { background-color: #e85e13; }
.t-r-and-d-publications .signpost__link a, [class^='t-'] .t-r-and-d-publications .signpost__link a { background-color: #0092cb; }
.t-r-and-d-publications-archive .signpost__link a, [class^='t-'] .t-r-and-d-publications-archive .signpost__link a { background-color: #70818b; }
.t-generic-content .signpost__link a.marker, .t-generic-content .signpost__link a.box__marker--vertical, .t-generic-content .signpost__link a.box__marker--inline, .signpost__link a [class^='t-'] .t--generic-content.marker, .signpost__link a [class^='t-'] .t--generic-content.box__marker--vertical, .signpost__link a [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .signpost__link a, [class^='t-'] .t-events .signpost__link a { background-color: #d72250; }
.t-contact .signpost__link a, [class^='t-'] .t-contact .signpost__link a { background-color: #e85e13; }
.t-about .signpost__link a, [class^='t-'] .t-about .signpost__link a { background-color: #e85e13; }
.t-inform .signpost__link a, [class^='t-'] .t-inform .signpost__link a { background-color: #f3b036; }
@media screen and (min-width: 757px) { .signpost__link a { padding-right: 150px; } }
.signpost__link a:hover, .signpost__link a:focus { text-decoration: underline; }
.signpost__link a .ico { position: absolute; }
.signpost__link a .ico:first-child { top: 12px; left: 15px; }
.signpost__link a .ico-arrow-right-white { top: 18px; right: 15px; }

/** General "information" variant of messages */
.signpost--highlight { font-size: 15px ; font-size: 1.5rem ; background-color: #fff; }
.signpost--highlight .signpost__title { color: #d5dee2; font-size: 20px ; font-size: 2rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; margin-top: 0; }
.t-news-and-blog .signpost--highlight .signpost__title, [class^='t-'] .t-news-and-blog .signpost--highlight .signpost__title { color: #f3b036; }
.t-products-and-services .signpost--highlight .signpost__title, [class^='t-'] .t-products-and-services .signpost--highlight .signpost__title { color: #8c930d; }
.t-guides-and-cribsheets .signpost--highlight .signpost__title, [class^='t-'] .t-guides-and-cribsheets .signpost--highlight .signpost__title { color: #a22578; }
.t-guides-and-cribsheets.t-report .signpost--highlight .signpost__title, [class^='t-'] .t-guides-and-cribsheets.t-report .signpost--highlight .signpost__title { color: #e85e13; }
.t-r-and-d-publications .signpost--highlight .signpost__title, [class^='t-'] .t-r-and-d-publications .signpost--highlight .signpost__title { color: #0092cb; }
.t-r-and-d-publications-archive .signpost--highlight .signpost__title, [class^='t-'] .t-r-and-d-publications-archive .signpost--highlight .signpost__title { color: #70818b; }
.t-generic-content .signpost--highlight .signpost__title.marker, .t-generic-content .signpost--highlight .signpost__title.box__marker--vertical, .t-generic-content .signpost--highlight .signpost__title.box__marker--inline, .signpost--highlight .signpost__title [class^='t-'] .t--generic-content.marker, .signpost--highlight .signpost__title [class^='t-'] .t--generic-content.box__marker--vertical, .signpost--highlight .signpost__title [class^='t-'] .t--generic-content.box__marker--inline { visibility: hidden; }
.t-events .signpost--highlight .signpost__title, [class^='t-'] .t-events .signpost--highlight .signpost__title { color: #d72250; }
.t-contact .signpost--highlight .signpost__title, [class^='t-'] .t-contact .signpost--highlight .signpost__title { color: #e85e13; }
.t-about .signpost--highlight .signpost__title, [class^='t-'] .t-about .signpost--highlight .signpost__title { color: #e85e13; }
.t-inform .signpost--highlight .signpost__title, [class^='t-'] .t-inform .signpost--highlight .signpost__title { color: #f3b036; }
.touch .signpost--highlight a:hover { color: #00557f; text-decoration: underline; }

/*===================================== Staff directory
*/
.page-staff .search-results--full .field-type-viewfield > h3 { display: none; }
.page-staff .search-results--full .view-header ul { text-align: center; margin: 20px 0; }
.page-staff .search-results--full .view-header ul li { display: inline-block; width: 28px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #d5dee2; white-space: nowrap; font-weight: bold; margin-bottom: 4px; }
.page-staff .search-results--full .view-header ul li .no-link { color: #e2e2e2; }
.page-staff .search-results--full .back-to-top { display: none; padding: 5px; background-color: #E4E9EC; }

.page-taxonomy .user-term-description { border: 2px solid #C4D1D7; box-sizing: border-box; margin-top: 10px; }

/*===================================== Comments
*/
.comments { padding-bottom: 20px ; padding-bottom: 2rem ; }
.comments h2 { font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; }
@media screen and (max-width: 850px) { .comments h2 { font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; } }
@media screen and (max-width: 565px) { .comments h2 { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }

.comments_list, .comments_list ol { padding: 0; margin: 0; list-style-type: none; }
@media screen and (min-width: 757px) { .comments_list { /* Remove indenting for mobile sizes */ }
  .comments_list li { padding-left: 40px; } }

.comment { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 20px ; line-height: 2rem ; padding: 10px ; padding: 1rem ; margin-bottom: 10px ; margin-bottom: 1rem ; padding-left: 40px; /* Nested comments (replies): */ }
.comment .ico-comment-bubble-black { margin-left: -26px; margin-right: 10px; }
.comment.comment--reply { padding-left: 65px; background-color: #eff3f4; margin-left: 40px; }
.comment.comment--reply .ico-level-down { margin-left: -52px; margin-right: 36px; }
.comment.comment--reply .ico-comment-bubble-black { margin-left: -26px; margin-right: 10px; }

/* We can't use nth child here because the zebra striping needs to work across sub-lists too */
/*
Stike that, we don't want zebra striping, just replies with different background.
.comment--even { background-color: #eff3f4;
}
*/
.comment__author { font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-right: 1em; }

.comment__time { font-size: 13px ; font-size: 1.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.comment__text { padding: 8px 0px 5px 0px ; padding: 0.8rem 0rem 0.5rem 0rem ; font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; word-wrap: break-word; }

.comment__reply-link { font-size: 13px ; font-size: 1.3rem ; }

.mollom-privacy { margin-bottom: 20px; padding-left: 22%; }
@media screen and (max-width: 630px) { .mollom-privacy { padding-left: 0; } }

.edit-mollom-captcha { margin: 5px 0 5px 0; display: block; }

label[for="edit-mollom-captcha"] { display: block; margin-top: 10px; }

form .description { margin-top: 10px; display: block; }
@media screen and (min-width: 630px) { form .description { padding-left: 31%; } }

#edit-mollom-captcha { display: block; margin-top: 10px; clear: both; }
@media screen and (min-width: 630px) { #edit-mollom-captcha { margin-left: 22%; width: 36%; top: -30px; position: relative; margin-bottom: -20px; }
  .touch #edit-mollom-captcha { top: 0; margin-bottom: 0; } }

.mollom-image-captcha { display: block; }

.touch .no-flash { display: none; }

.verify-image-wrap { display: block; }
.verify-image-wrap .mollom-switch-captcha { display: inline; }

/*===================================== Twitter signpost
*/
.twitter-signpost { padding: 15px 20px 20px 20px; background: #2c3841; color: #fff; margin: 70px 0 20px 0; font-size: 15px ; font-size: 1.5rem ; }
@media screen and (max-width: 757px) { .twitter-signpost { margin-top: 20px; } }
.twitter-signpost .twitter-signpost__title { word-wrap: break-word; font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; margin-bottom: 15px; }
@media screen and (max-width: 850px) { .twitter-signpost .twitter-signpost__title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
.twitter-signpost .ico { float: left; margin-right: 10px; }
.twitter-signpost .twitter-signpost__links { word-break: break-all; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.twitter-signpost .twitter-signpost__links li { margin-bottom: 5px; }

@media screen and (min-width: 757px) { .twitter-signpost--right { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*===================================== Explore digital content
*/
.explore-digital-content { padding: 30px 0 0; }
.explore-digital-content .linklist { padding: 0; }
.explore-digital-content .linklist__item { padding: 6px 0; }
.explore-digital-content .linklist__item a { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; }
.explore-digital-content ul { margin-bottom: 40px ; margin-bottom: 4rem ; }
.explore-digital-content .linklist__title { font-size: 24px ; font-size: 2.4rem ; line-height: 24px ; line-height: 2.4rem ; color: #cd4901; }
.explore-digital-content .linklist__title a { color: #cd4901; }
.explore-digital-content .linklist__title a:hover { color: #2c3841; }
@media screen and (max-width: 850px) { .explore-digital-content .linklist__title { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; font-weight: normal; }
  .explore-digital-content ul { margin-bottom: 30px ; margin-bottom: 3rem ; } }
@media screen and (max-width: 565px) { .explore-digital-content .linklist__title { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }

/*===================================== Contact page
*/
.contact-header { zoom: 1; }
.contact-header:before, .contact-header:after { content: ""; display: table; }
.contact-header:after { clear: both; }
.contact-header .signpost .phone-link, .contact-header .signpost--highlight .phone-link { display: block; font-size: 36px ; font-size: 3.6rem ; line-height: 36px ; line-height: 3.6rem ; letter-spacing: -0.1em; margin: 20px 0; }

/** Main contact panels inside the tabs */
.contact-info-panel { zoom: 1; padding: 0px 0px 27px 0px ; padding: 0rem 0rem 2.7rem 0rem ; font-size: 15px ; font-size: 1.5rem ; }
.contact-info-panel:before, .contact-info-panel:after { content: ""; display: table; }
.contact-info-panel:after { clear: both; }
@media all and (min-width: 757px) { .contact-info-panel.push-1 { margin-left: 50px; } }
.contact-info-panel a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.contact-info-panel .email { display: block; margin-bottom: 10px ; margin-bottom: 1rem ; }
.contact-info-panel .address { font-size: 18px ; font-size: 1.8rem ; line-height: 22px ; line-height: 2.2rem ; margin-bottom: 10px ; margin-bottom: 1rem ; }
.contact-info-panel .address > div { margin-bottom: 5px ; margin-bottom: 0.5rem ; }
@media screen and (max-width: 565px) { .contact-info-panel .address .contact-postcode { font-size: 15px ; font-size: 1.5rem ; line-height: 21px ; line-height: 2.1rem ; margin-top: -10px; } }
.contact-info-panel .address .phone-link { display: block; margin-top: 22px ; margin-top: 2.2rem ; margin-bottom: 5px ; margin-bottom: 0.5rem ; font-size: 30px ; font-size: 3rem ; line-height: 33px ; line-height: 3.3rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.1em; }
.contact-info-panel .media { width: 100%; }
@media screen and (max-width: 757px) { .contact-info-panel { margin-top: 20px ; margin-top: 2rem ; } }
@media screen and (min-width: 565px) { .contact-info-panel .media { width: 50%; } }
.contact-info-panel .description { margin-top: 27px ; margin-top: 2.7rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.contact-info-panel .description p { margin-bottom: 10px ; margin-bottom: 1rem ; line-height: 18px ; line-height: 1.8rem ; }

/** Directions panels */
/*.contact-directions {
}*/
.contact-directions__item { margin: 27px 0px ; margin: 2.7rem 0rem ; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; position: relative; }
@media screen and (max-width: 565px) { .contact-directions__item .duo__body { float: none; clear: left; padding-top: 15px; }
  .contact-directions__item .duo__body .section__title, .contact-directions__item .duo__body .section__title--rd, .contact-directions__item .duo__body .section__title--rd-numbers { position: absolute; top: 42px; left: 80px; } }
.contact-directions__item p strong { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Medium", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Arial, sans-serif; }
.contact-directions__item p, .contact-directions__item h5, .contact-directions__item li { margin-bottom: 10px ; margin-bottom: 1rem ; }
.contact-directions__item ol > li { list-style-type: decimal; list-style-position: inside; }

@media screen and (max-width: 850px) { .t-contact .ui-tabs-nav a { padding: 0 15px; font-size: 15px ; font-size: 1.5rem ; } }

section.is-collapsible .contact-directions__item .duo__body p, .contact-directions__item .duo__body p { font-size: 15px ; font-size: 1.5rem ; margin-bottom: 10px; margin-bottom: 1rem; line-height: 18px; line-height: 1.8rem; }

/*===================================== Contact panel Used in About and Legal pages
*/
.contact-panel { zoom: 1; padding: 20px 30px 30px; background: #0c2931; font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.contact-panel:before, .contact-panel:after { content: ""; display: table; }
.contact-panel:after { clear: both; }
@media screen and (min-width: 565px) { .contact-panel { margin-left: 10px; padding-bottom: 15px; } }
.contact-panel, .contact-panel a { color: #fff; }
.contact-panel p a { text-decoration: underline; color: #c4d1d7; }
.contact-panel p a:hover { opacity: 0.85; text-decoration: none; }
.contact-panel .phone-label { display: block; }
.contact-panel .phone-link { color: #fff; margin-bottom: 0.25em; }
.contact-panel .phone-link b { font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.contact-panel .phone-link:hover { opacity: 1; }
.contact-panel .email-link { display: block; margin: 5px 0 20px; text-decoration: underline; color: #c4d1d7; }
.no-touch .contact-panel .email-link:hover { text-decoration: none; color: #c4d1d7; }
.contact-panel small { display: block; margin: 6px 0 0; font-size: 15px ; font-size: 1.5rem ; }

.contact-panel__focal { display: block; margin: 10px 0 0; font-size: 36px ; font-size: 3.6rem ; line-height: 1; }
@media screen and (max-width: 850px) { .contact-panel__focal { font-size: 33px ; font-size: 3.3rem ; } }
@media screen and (max-width: 565px) { .contact-panel__focal { font-size: 30px ; font-size: 3rem ; } }

.contact-panel__group { margin-bottom: 30px ; margin-bottom: 3rem ; font-size: 15px ; font-size: 1.5rem ; }
@media screen and (min-width: 565px) { .contact-panel__group { float: left; width: 50%; } }
.contact-panel__group div { margin: 10px 10px 0 0; }
.contact-panel__group .ico { margin-right: 8px; float: left; }
.contact-panel__group .ico.ico-linkedin-white { margin-bottom: 50px; }
.contact-panel__group a:hover, .contact-panel__group a:focus { color: #c4d1d7; }
.contact-panel__group a:hover .ico, .contact-panel__group a:focus .ico { opacity: 0.85; }

.contact-panel__callout { display: block; }
.t-products-and-services .contact-panel__callout { background: #8c930d; }
.t-about .contact-panel__callout { background: #cd4901; }

.contact-panel__callout--top { position: relative; margin: -20px -30px 28px; padding: 15px 40px 12px 30px; font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
@media screen and (max-width: 850px) { .contact-panel__callout--top { font-size: 21px ; font-size: 2.1rem ; line-height: 24px ; line-height: 2.4rem ; } }
@media screen and (max-width: 565px) { .contact-panel__callout--top { font-size: 18px ; font-size: 1.8rem ; line-height: 21px ; line-height: 2.1rem ; } }
.contact-panel__callout--top em { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; font-style: normal; }
.contact-panel__callout--top .ico { position: absolute; top: 22px; right: 20px; }
.contact-panel__callout--top:hover span { opacity: 0.85; text-decoration: underline; }

.contact-panel__callout--bottom { clear: both; position: relative; margin: 0px -30px -30px ; margin: 0rem -3rem -3rem ; padding: 12px 30px 12px 60px ; padding: 1.2rem 3rem 1.2rem 6rem ; font-size: 15px ; font-size: 1.5rem ; word-break: normal; }
.contact-panel__callout--bottom .ico { position: absolute; left: 30px; top: 15px; }
@media screen and (min-width: 565px) { .contact-panel__callout--bottom { position: absolute; left: auto; right: 0; margin-right: 0; top: 100%; bottom: auto; } }
@media screen and (min-width: 850px) { .contact-panel__callout--bottom { position: absolute; left: 0; right: 0; bottom: -50px ; bottom: -5rem ; top: auto; margin: 0; padding: 14px 30px 10px 60px ; padding: 1.4rem 3rem 1rem 6rem ; min-height: 26px ; min-height: 2.6rem ; } }

/*===================================== Audio player
*/
.audio-player { background: #fff; padding: 15px ; padding: 1.5rem ; border: 1px solid #c4d1d7; }
.audio-player .audio-player__link { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.no-js .audio-player .audio-player__link { display: inline-block; }

/* Extends SM2 360-degree player: http://www.schillmania.com/projects/soundmanager2/demo/360-player/ */
.ui360 { min-width: 100px; min-height: 130px; }
.ui360 .sm2-360ui { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 100px; height: 100px; min-width: 100px; min-height: 100px; margin-bottom: 30px; background: #ededed; -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 965px) { .ui360 .sm2-360ui { margin-bottom: 20px; } }
.ui360 .sm2-360ui .sm2-360btn { background-image: url(../img/plugins/soundmanager2/360-button-play.png) !important; width: 44px !important; height: 44px !important; margin-left: -22px !important; margin-top: -22px !important; }
.ui360 .sm2-360ui .sm2-360btn:hover, .ui360 .sm2-360ui .sm2-360btn:focus { background-image: url(../img/plugins/soundmanager2/360-button-play-light.png) !important; }
.ui360 .sm2-360ui.sm2_playing .sm2-360btn { background-image: url(../img/plugins/soundmanager2/360-button-pause.png) !important; background-position: 50% 50% !important; }
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover { background-image: url(../img/plugins/soundmanager2/360-button-pause-light.png) !important; }
.ui360 .sm2-360ui .sm2-timing { position: absolute; left: 0; top: auto; bottom: -30px; right: 0; color: #e85e13; font-size: 18px ; font-size: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; visibility: visible !important; width: auto; height: auto; line-height: 18px ; line-height: 1.8rem ; text-indent: 0; }

/*
Added for Computerminds drupal build.
*/
ul.primary { float: right; /* LTR */ border-bottom: none; text-transform: uppercase; font-size: 0.923em; height: 2.60em; margin: 0; padding-top: 0; }

ul.primary li { float: left; /* LTR */ list-style: none; margin: 0 2px; }

ul.primary li a:link, ul.primary li a.active, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover, ul.primary li.active a { display: block; float: left; /* LTR */ height: 2.60em; line-height: 2.60em; padding: 0 18px 8px; background-color: #a6a7a2; color: #000; font-weight: bold; border-width: 1px 1px 0 1px; border-style: solid; border-color: #a6a7a2; -moz-border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; }

ul.primary li.active a, ul.primary li.active a.active, ul.primary li.active a:active, ul.primary li.active a:visited { background-color: #fff; border-color: #c9cac4; }

ul.primary li a:hover { color: #fff; }

ul.primary li.active a:hover { color: #000; }

.tabs-secondary { clear: both; }

ul.secondary { float: right; /* LTR */ font-size: 0.923em; padding: 0 3px 5px; line-height: 1.385em; overflow: hidden; background-color: #fff; }

ul.secondary li { margin: 0 5px; float: none; /* LTR */ }

ul.secondary li a { background-color: #ddd; color: #000; display: inline-block; }

ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active { padding: 2px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active { color: #fff; background: #666; }

#content { clear: left; }

/*===================================== Gallery
 Added by Computerminds
*/
.galleryformatter { background: #e4eaec; padding: 10px 20px; }
.galleryformatter .gallery-slides { width: 100% !important; position: relative; }
.galleryformatter .gallery-slides .pause-icon.ico { position: absolute; top: 10px; right: 10px; z-index: 10; display: none; }
.galleryformatter .gallery-slides .gallery-frame { position: relative; }
.galleryformatter .gallery-slides .gallery-frame .gallery-slide { position: absolute; top: 0px; }
.galleryformatter .gallery-slides .gallery-frame .gallery-slide .field-type-image { margin: 0; }
.galleryformatter .gallery-slides .slide-button { display: none; }
.galleryformatter .gallery-thumbs { padding-bottom: 5px; width: 100% !important; }
.galleryformatter .gallery-thumbs .wrapper ul { width: 100% !important; overflow: hidden; }
.galleryformatter .gallery-thumbs .wrapper ul li { float: left; padding-right: 4px; }
.galleryformatter .gallery-thumbs .wrapper ul li img { width: 100%; filter: alpha(opacity=60); -ms-filter: ”alpha(opacity=60) ”; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.galleryformatter .gallery-thumbs .wrapper ul li img:hover { filter: alpha(opacity=100); -ms-filter: ”alpha(opacity=100) ”; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.galleryformatter .gallery-thumbs .wrapper ul li.active img { filter: alpha(opacity=100); -ms-filter: ”alpha(opacity=100) ”; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.galleryformatter .gallery-thumbs .wrapper ul li.cloned { display: none; }
.galleryformatter .gallery-thumbs .arrow { display: none; }

/* Non CX CSS */
.article-full__body > ol { list-style-type: decimal; }

.article-full__callout ol { list-style-type: decimal; }

ul li.collapsed { list-style: none; }

.profile h3 { border-bottom: none; }

.profile dd { margin: 0; }

a:hover { text-decoration: none; }

.teaser-home h2 { display: block; padding: 20px 20px 10px; color: #fff; }

.profile { margin: 0; }

hr { border-top: none; margin: 0; }

/** Fix news listing page **/
.region--1-up .region--2-up .block { float: left; }

/* Fix to hide random br tag that ckeditor seems to be adding */
aside.article-full__callout br, .media__video-wrapper br { display: none; }

.ui-tabs-hide { display: none; }

.field-collection-container, .field-collection-view { border-bottom: none; }

/* RHS Block fix */
.span-3 .region--2-up .block { width: 100%; margin-bottom: 10px; }

/* Temp fix for auhhors on long form page */
.node-type-long-form-content .linklist__item h5 { margin-bottom: 0; }

/* Improvements to admin links at top of the page */
ul.primary { font-size: 15px !important; padding-top: 8px !important; float: left !important; text-transform: none !important; }

ul.primary li a { height: 2em !important; padding: 0 15px 8px !important; font-weight: normal !important; background-color: #C3D1D6 !important; color: #2c3841 !important; }

ul.primary li.active a.active { background-color: #FFF !important; }

ul.primary li a:hover { color: #e85e13 !important; }

/* Sort out comment replies */
@media screen and (min-width: 757px) { ol.comments_list > ol, ol.comments_list > ol > ol, ol.comments_list > ol > ol > ol, ol.comments_list > ol > ol > ol > ol, ol.comments_list > ol > ol > ol > ol > ol, ol.comments_list > ol > ol > ol > ol > ol > ol, ol.comments_list > ol > ol > ol > ol > ol > ol > ol, ol.comments_list > ol > ol > ol > ol > ol > ol > ol > ol { padding-left: 40px; } }
/* Changes to add left aligned to td on tables when class is manually added */
.data-table.left-align-text td, .data-table.left-align-text th { text-align: left; }

/* Generic content colour styling */
.t-generic-content .article-full__callout ol > li:before, [class^='t-'] .t-generic-content .article-full__callout ol > li:before { background-color: #2c3841; }

/* New styling for ckeditor created collapsible areas */
section.is-collapsible, section.is-collapsible p { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.7rem; }

/**
.cx_collapsibles__container .cx_collapsibles__target li{ font-size: 18px; font-size: 1.8rem;
}
**/
section.is-collapsible ul li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU5RDQwREM4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU5RDQwREI4OTk2MTFFMjk3ODNEOTQ2QUM4MTE0QjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExOTJCMDgwNTRGN0U1RjYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhlWfB8AAABTSURBVHjaYrx4+z4DECQAcQQQ2wLxYSBeAcQLWKASM4CYnQEC3IHYAcRgguqAScAAiB/BBDUKG7BlgtqBDRxmglr+E00CxF8BctACqACGawECDADLnRBj3LRFBAAAAABJRU5ErkJggg==); padding: 2px 0 10px 2em; line-height: 27px; line-height: 2.7rem; background-repeat: no-repeat; background-position: 20px 10px; background-color: transparent; overflow: hidden; font-size: 18px; font-size: 1.8rem; }

section.is-collapsible ol { line-height: 27px; line-height: 2.7rem; margin: 0 0 27px; margin: 0 0 2.7rem; }

section.is-collapsible ol li { margin-left: 2em; }

section.is-collapsible h1, section.is-collapsible h2, section.is-collapsible h3, section.is-collapsible h4 { font-size: 22px; font-size: 2rem; line-height: 33px; line-height: 3.3rem; font-weight: bold; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }

.user-created.is-collapsible--blue.cx_collapsibles__container { padding: 0 0 0 50px !important; }

/* The workbench info block is not required when viewing drafts */
.workbench-info-block { display: none; }

/* Fixes an issue of words breaking in field experts related box */
.article-full [role="complementary"] aside, .article-full--rd [role="complementary"] aside { word-break: keep-all !important; clear: both; }

.event-details__resources .media--left.video iframe { width: 320px; height: auto; }
.event-details__resources .media--left.slide iframe { width: 420px; }

#resources.event-details__section .cx_collapsibles__target li { padding: 0px; }

.no-match { color: blue; }

/* Project/guides listing pages */
.page-rd-projects footer, .page-guides footer { margin-top: 70px; }
.page-rd-projects .pagination, .page-guides .pagination { position: absolute; width: 100%; }
.page-rd-projects .form__section--right-top .listing-viewall, .page-guides .form__section--right-top .listing-viewall { display: none; }
.page-rd-projects #list--filter .listing-sort, .page-guides #list--filter .listing-sort { display: none; }
.page-rd-projects #list--filter .listing-viewall, .page-guides #list--filter .listing-viewall { float: right; }
.page-rd-projects #list--filter .listing-viewall #uniform-edit-items-per-page, .page-guides #list--filter .listing-viewall #uniform-edit-items-per-page { width: 125px !important; }
.page-rd-projects #list--filter .listing-viewall span, .page-guides #list--filter .listing-viewall span { width: auto !important; }
.page-rd-projects #list--filter .listing-viewall label, .page-guides #list--filter .listing-viewall label { float: left; padding-top: 4px; padding-right: 10px; }

@media (max-width: 860px) { .page-rd-projects .pagination { margin-top: 0; } }
@media (max-width: 860px) { .page-rd-projects .pagination { margin-top: 0; } }
.greyimage img { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }

.page-guides .filter-panel { float: left; }
.page-guides .list--filter { margin-top: 30px; padding-right: 10px; }
.page-guides label[for=sort] { display: none; }
.page-guides .throbber { display: none; }

.page-rd-projects .filter-panel { float: left; }
@media (min-width: 565px) { .page-rd-projects .box { margin-top: 30px; } }
.page-rd-projects .throbber { display: none; }
.page-rd-projects label[for=sort] { display: none; }

/* Set min-height if project does not have a standfirst field*/
.related-r-and-d-project { min-height: 59px; }

/* Book navigation */
.book-navigation { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEE; clear: both; margin: 10px 0; overflow: hidden; padding: 10px; margin-right: 20px; }
.book-navigation ul, .book-navigation .up { display: none; }
.book-navigation .book-pager { display: block; }
.book-navigation .previous { float: left; max-width: 45%; }
.book-navigation .next { float: right; max-width: 45%; }
.book-navigation li a { font-weight: bold; }

.nav.block.block-jobs { width: 100%; }

.t-guides-and-cribsheets aside.ui-widget-content li.linklist__item_field_add_contact { margin-bottom: 0; padding-top: 10px; list-style-type: none; position: relative; }
.t-guides-and-cribsheets aside.ui-widget-content li.linklist__item_field_add_contact img { float: left; width: 50px; }
.t-guides-and-cribsheets aside.ui-widget-content li.linklist__item_field_add_contact .field_add_contact_aside { margin-left: 60px; }
.t-guides-and-cribsheets aside.ui-widget-content li.linklist__item_field_add_contact .field_add_contact_aside .field-type-text { font-size: 18px; line-height: 20px; }
.t-guides-and-cribsheets aside.ui-widget-content li.linklist__item_field_add_contact .field_add_contact_bottom { padding-top: 5px; clear: both; }

.page-taxonomy-term .user-term-description { padding: 20px; }

/*===================================== R&D misc styles
*/
/* == IE9 SPLIT POINT == */
.transparent-header.has-marker .transparent-header__hgroup, .box--teaser__item .transparent-header.box .transparent-header__hgroup { padding-top: 50px ; padding-top: 5rem ; }

.transparent-header__subtitle { font-size: 24px ; font-size: 2.4rem ; line-height: 28px ; line-height: 2.8rem ; margin-bottom: 10px ; margin-bottom: 1rem ; }
@media screen and (max-width: 757px) { .transparent-header__subtitle { font-size: 19px ; font-size: 1.9rem ; line-height: 21px ; line-height: 2.1rem ; } }
.transparent-header__subtitle a { color: #fff; text-decoration: underline; }

.transparent-header__hgroup { color: #fff; padding: 20px 0px 10px ; padding: 2rem 0rem 1rem ; padding-right: 20%; margin-bottom: 5px ; margin-bottom: 0.5rem ; }
@media screen and (max-width: 757px) { .transparent-header__hgroup { padding: 5px 0px 7px ; padding: 0.5rem 0rem 0.7rem ; } }
.transparent-header__hgroup .page-title { padding-bottom: 10px ; padding-bottom: 1rem ; }
@media screen and (max-width: 757px) { .transparent-header__hgroup { border-bottom: 0; margin-bottom: 10px ; margin-bottom: 1rem ; } }
.transparent-header__hgroup.transparent-header__hgroup--grey { color: #2c3841; }

.twocol-teaser-panel { padding-top: 30px ; padding-top: 3rem ; }
.twocol-teaser-panel.l-pull-left.featured { border-bottom: 1px solid #0092cb; }
.twocol-teaser-panel.l-pull-left.featured.last-item { border-bottom: 0; }
.twocol-teaser-panel .box__marker { margin-bottom: 0; }
.twocol-teaser-panel .box--teaser__item .box { padding-bottom: 25px ; padding-bottom: 2.5rem ; }
@media screen and (max-width: 757px) { .twocol-teaser-panel .box--teaser__item .box { padding-bottom: 15px ; padding-bottom: 1.5rem ; } }
@media screen and (max-width: 565px) { .twocol-teaser-panel .box--teaser__item { padding: 0; } }
.twocol-teaser-panel .box--teaser__item:first-child .box { border-top: 0; }
.twocol-teaser-panel .box--teaser__item:first-child .box .box__due { top: 0; }
.twocol-teaser-panel .box--teaser__item:first-child .box .box__side, .twocol-teaser-panel .box--teaser__item:first-child .box .box__inner { padding-top: 0; }
@media screen and (max-width: 565px) { .twocol-teaser-panel .box--teaser__item:first-child .box .box__side, .twocol-teaser-panel .box--teaser__item:first-child .box .box__inner { padding-top: 15px ; padding-top: 1.5rem ; } }

.twocol-teaser-panel__intro { padding-right: 30px ; padding-right: 3rem ; }
.twocol-teaser-panel__intro a { display: block; text-decoration: underline; font-size: 15px ; font-size: 1.5rem ; padding-top: 10px ; padding-top: 1rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

@media screen and (max-width: 757px) { .twocol-teaser-panel__title { font-size: 24px ; font-size: 2.4rem ; } }

.button-panel { background: #E4E9EC; padding: 30px 0px ; padding: 3rem 0rem ; }
@media screen and (max-width: 757px) { .button-panel { margin-right: 0 !important; } }

.button-panel__inner { display: table; }
@media screen and (max-width: 757px) { .button-panel__inner { display: block; } }

.button-panel__content { padding-right: 30px ; padding-right: 3rem ; display: table-cell; }
@media screen and (max-width: 757px) { .button-panel__content { display: block; padding: 0px 10px 20px 0px ; padding: 0rem 1rem 2rem 0rem ; } }

.button-panel__title { color: #00557f; }

.button-panel__aside { display: table-cell; text-align: right; vertical-align: middle; padding-right: 20px ; padding-right: 2rem ; }
@media screen and (max-width: 757px) { .button-panel__aside { display: block; text-align: left; padding-right: 10px ; padding-right: 1rem ; } }

.rd-header-teasers { padding-bottom: 80px ; padding-bottom: 8rem ; }

.rd-heroes-list { margin-top: -40px ; margin-top: -4rem ; }
.rd-heroes-list .hero { padding-bottom: 20px ; padding-bottom: 2rem ; }
.rd-heroes-list .hero__copy { position: static; }

.article-rd-intro { padding-top: 10px ; padding-top: 1rem ; }

.teaser-strip a { word-break: normal; }
.teaser-strip .box__inner:hover a h4, .teaser-strip .box__inner:hover a p { color: #ededed; }
.teaser-strip .box__inner:hover a .ico-readmore-arrow { background: url('../img/ico-s5c8543f902.png') no-repeat; background-position: 0 -1937px; }
.teaser-strip .box__title { font-size: 30px ; font-size: 3rem ; }
@media screen and (max-width: 757px) { .teaser-strip .box__title { font-size: 21px ; font-size: 2.1rem ; } }

.offset-info-panel { padding: 30px 0px ; padding: 3rem 0rem ; margin-top: 20px ; margin-top: 2rem ; }
@media screen and (max-width: 757px) { .offset-info-panel { padding: 19px 0px ; padding: 1.9rem 0rem ; margin-top: 10px ; margin-top: 1rem ; } }

.rd-arrow-link { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 757px) { .rd-arrow-link { font-size: 15px ; font-size: 1.5rem ; display: block; text-align: center; } }
.rd-arrow-link span { text-decoration: underline; }
.rd-arrow-link:after { padding-left: 4px ; padding-left: 0.4rem ; }

@font-face { font-family: 'icomoon'; src: url("../fonts/icon-font/icomoon.eot?-60go4"); src: url("../fonts/icon-font/icomoon.eot?#iefix-60go4") format("embedded-opentype"), url("../fonts/icon-font/icomoon.woff?-60go4") format("woff"), url("../fonts/icon-font/icomoon.ttf?-60go4") format("truetype"), url("../fonts/icon-font/icomoon.svg?-60go4#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-cycle:before { content: "\e61c"; }

.icon-arrow:before { content: "\e61b"; font-size: 12px ; font-size: 1.2rem ; padding-left: 10px; vertical-align: middle; }

.icon-twitter:before { content: "\e601"; }

.icon-pdf:before { content: "\e602"; }

.icon-mail:before { content: "\e603"; }

.icon-pie:before { content: "\e604"; }

.icon-speech:before { content: "\e605"; }

.icon-play:before { content: "\e606"; }

.icon-megaphone:before { content: "\e607"; }

.icon-comments:before { content: "\e608"; }

.icon-demo:before { content: "\e609"; }

.icon-tools:before { content: "\e60a"; }

.icon-presentation:before { content: "\e60b"; }

.icon-document:before { content: "\e60c"; }

.icon-calendar:before { content: "\e60d"; }

.icon-demo2:before { content: "\e60e"; }

.icon-globe:before { content: "\e60f"; }

.icon-donut1:before { content: "\e610"; }

.icon-donut2:before { content: "\e611"; }

.icon-donut3:before { content: "\e612"; }

.icon-donut4:before { content: "\e613"; }

.icon-donut5:before { content: "\e614"; }

.icon-donut6:before { content: "\e615"; }

.icon-donut7:before { content: "\e616"; }

.icon-donut8:before { content: "\e600"; }

.icon-checkmark:before { content: "\e617"; }

.icon-cross:before { font-family: "Stag Sans Web Medium"; top: -2px ; top: -0.2rem ; position: relative; content: "x"; }

.icon-arrow-down:before { content: "\e619"; }

.icon-arrow-up:before { content: "\e61a"; }

@font-face { font-family: 'hamburger'; src: url("../fonts/icon-font/custom/fonts/menu.eot?-a1o54n"); src: url("../fonts/icon-font/custom/menu.eot?#iefix-a1o54n") format("embedded-opentype"), url("../fonts/icon-font/custom/fonts/menu.woff?-a1o54n") format("woff"), url("../fonts/icon-font/custom/fonts/menu.ttf?-a1o54n") format("truetype"), url("../fonts/icon-font/custom/fonts/menu.svg?-a1o54n#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-menu"], [class*=" icon-menu"] { font-family: 'hamburger'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-menu:before { content: "\e600"; }

/*===================================== Asymmetric header panel Project listing page and campaigns
*/
/*===================================== Background panel
*/
.background { position: relative; overflow: hidden; }
.background.background--full { overflow: visible; }
.background .background-glow { position: absolute; left: 50%; width: 1200px; top: 0; }
.ie8 .background .background-glow, .is-operamini .background .background-glow { display: none; }
.background .background-glow img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; position: relative; height: 1000px; top: -150px; left: -50%; }
@media screen and (max-width: 757px) { .background { margin-right: 10px ; margin-right: 1rem ; } }
.background.background--current { background-color: #12567d; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzNS43MTQyODU3JSIgc3RvcC1jb2xvcj0iIzEyNTY3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTJjYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 1400, color-stop(35.7142857%, #12567d), color-stop(100%, #0092cb)); background: -moz-linear-gradient(#12567d 500px, #0092cb 1400px); background: -webkit-linear-gradient(#12567d 500px, #0092cb 1400px); background: linear-gradient(#12567d 500px, #0092cb 1400px); }
.ie8 .background.background--current, .is-operamini .background.background--current { background: #156593; }
.background.background--archived { background-color: #2b383f; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzNS43MTQyODU3JSIgc3RvcC1jb2xvcj0iIzJiMzgzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTJjYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 1400, color-stop(35.7142857%, #2b383f), color-stop(100%, #0092cb)); background: -moz-linear-gradient(#2b383f 500px, #0092cb 1400px); background: -webkit-linear-gradient(#2b383f 500px, #0092cb 1400px); background: linear-gradient(#2b383f 500px, #0092cb 1400px); }
.ie8 .background.background--archived, .is-operamini .background.background--archived { background: #40535d; }
.background .inner { position: relative; }
.background .section-title, .background .page-title { color: #fff; }

.background__inner { overflow: hidden; position: absolute; z-index: 0; width: 100%; }
.is-operamini .background__inner { display: none; }
.background__inner .wedge { width: 100%; height: auto; }
@media screen and (max-width: 757px) { .background__inner .wedge { height: 1000px; } }

.background__image { position: absolute; right: -150px; top: 0; }
.ie8 .background__image, .is-operamini .background__image { display: none; }

/*===================================== Faceted search panels project listing page, advice guide page, campaign page
*/
.filter__heading, .filter-panel--mobile, .filter-panel { background-color: #D4DEE3; z-index: 10; }

.filter-panel--mobile { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px ; padding: 2rem ; -moz-transition-property: left; -o-transition-property: left; -webkit-transition-property: left; transition-property: left; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; margin-top: -78px ; margin-top: -7.8rem ; left: -110%; position: absolute; z-index: 902; width: 100%; padding: 10px ; padding: 1rem ; }
.filter-panel--mobile .js-cancel-filters { display: none; text-decoration: underline; font-size: 0.9em; float: right; }
.filter-panel--mobile.is-toggled-open { left: 0; right: 20px ; right: 2rem ; }
@media screen and (min-width: 565px) { .filter-panel--mobile { padding: 20px ; padding: 2rem ; margin-top: 0; left: 0; position: relative; width: 220px ; width: 22rem ; visibility: visible; } }

#projects-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 901; top: 0px; }

.view-project-list-refactor .inner__wrapper > a { margin-right: -24rem; width: 100%; float: right; margin-top: 30px; }

@media (max-width: 550px) { .view-project-list-refactor .inner__wrapper > a { margin-right: 0; position: relative; left: 20px; } }
.filter-panel { overflow: hidden; background-color: #D4DEE3; }
@media screen and (max-width: 565px) { .filter-panel { position: absolute; top: 0; }
  .filter-panel .js-cancel-filters { display: block; } }
@media screen and (min-width: 565px) { .filter-panel { width: 220px ; width: 22rem ; margin-top: 30px ; margin-top: 3rem ; } }
.is-open .filter-panel { display: none; }
.filter-panel .ui-menu-item a { display: block; cursor: pointer; color: #2c3841; }
.filter-panel mark { background-color: transparent; font-weight: bold; }

@media screen and (max-width: 565px) { .list--filter { margin-left: 10px ; margin-left: 1rem ; } }
@media screen and (min-width: 565px) { .list--filter { margin-right: -240px ; margin-right: -24rem ; width: 100%; float: right; } }

.inner__wrapper { position: relative; }
@media screen and (max-width: 565px) { .inner__wrapper { margin-left: -10px ; margin-left: -1rem ; } }
@media screen and (min-width: 565px) { .inner__wrapper { padding-right: 240px ; padding-right: 24rem ; } }
@media screen and (min-width: 565px) { .inner__wrapper.list--guides { padding-right: 260px ; padding-right: 26rem ; } }

.filter__title { margin-bottom: 0; }

.filter__title__link { position: relative; border-top: 1px solid #C3D1DA; padding: 13px 0px ; padding: 1.3rem 0rem ; margin-bottom: 0; cursor: pointer; font-size: 0.85em; display: block; }
.no-touch .filter__title__link:hover span { text-decoration: underline; }
.no-touch .filter__title__link:hover:before { color: #00557f; }
@media screen and (max-width: 565px) { .no-touch .filter__title__link:hover:before { color: #a0a1a2; } }
.filter__title__link:hover { color: #00557f; }
@media screen and (max-width: 565px) { .filter__title__link:hover { text-decoration: none; } }
.filter__title__link:focus, .filter__title__link:active { color: #00557f; text-decoration: none; }
.filter__title__link:before { color: #a0a1a2; font-family: 'icomoon'; font-size: 80%; content: "\e619"; position: absolute; right: 0; top: 15px ; top: 1.5rem ; }
.is-open .filter__title__link:before { content: "\e61a"; }
.no-js .filter__title__link:hover { cursor: default; }
.no-js .filter__title__link:focus, .no-js .filter__title__link:active { color: #00557f; }
.no-js .filter__title__link:before { display: none; }

.filter__heading__title, .filter__heading__text--right { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }

.is-sticky .filter__heading__title { margin-top: 10px; }

.filter__heading__text--right { position: absolute; right: 20px ; right: 2rem ; top: 30px ; top: 3rem ; font-size: 13px ; font-size: 1.3rem ; text-decoration: underline; }
@media screen and (max-width: 565px) { .filter__heading__text--right { font-size: 15px ; font-size: 1.5rem ; top: 15px ; top: 1.5rem ; right: 75px ; right: 7.5rem ; } }
.filter__heading__text--right:hover { color: #00557f; text-decoration: none; }

@media screen and (max-width: 565px) { .js-cancel-filters { top: 15px ; top: 1.5rem ; right: 10px ; right: 1rem ; } }

.filter__list { display: none; }
.is-open .filter__list { display: block; padding-bottom: 10px ; padding-bottom: 1rem ; }

.header__filter__link, .filter__link { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 5px 0px 5px 24px ; padding: 0.5rem 0rem 0.5rem 2.4rem ; font-size: 14px ; font-size: 1.4rem ; color: #2c3841; word-break: normal; font-family: "Stag Sans Web Book","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif; }
@media screen and (max-width: 565px) { .header__filter__link, .filter__link { padding: 5px 0px 15px 24px ; padding: 0.5rem 0rem 1.5rem 2.4rem ; } }
.header__filter__link span, .filter__link span { color: #556c7e; }
.header__filter__link:before, .filter__link:before { content: ' '; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2) inset; position: absolute; border: 1px solid #a6b9c2; background-color: #fff; height: 15px ; height: 1.5rem ; width: 15px ; width: 1.5rem ; margin-left: -24px ; margin-left: -2.4rem ; margin-top: 1px; text-decoration: none !important; }
.header__filter__link:hover, .filter__link:hover { color: #2c3841; text-decoration: none; }
.no-touch .header__filter__link:hover, .no-touch .filter__link:hover { color: #2c3841; text-decoration: underline; }
.no-touch .header__filter__link:before:hover, .no-touch .filter__link:before:hover { text-decoration: none; }
.header__filter__link:focus, .filter__link:focus { color: #2c3841; text-decoration: underline; }
.is-checked.header__filter__link, .filter__link.is-checked { color: #171e23; }
.is-checked.header__filter__link:before, .filter__link.is-checked:before { border-color: #0092cb; }
.is-checked.header__filter__link:after, .filter__link.is-checked:after { font-family: 'icomoon'; content: '\e617'; position: absolute; left: 1px ; left: 0.1rem ; top: 4px ; top: 0.4rem ; text-decoration: underline; }
@media screen and (max-width: 565px) { .is-checked.header__filter__link:after, .filter__link.is-checked:after { top: 6px ; top: 0.6rem ; } }
.is-checked.header__filter__link:hover:after, .is-checked.header__filter__link:focus:after, .is-checked.header__filter__link:after, .filter__link.is-checked:hover:after, .filter__link.is-checked:focus:after, .filter__link.is-checked:after { text-decoration: none; }
.is-disabled.header__filter__link, .filter__link.is-disabled { color: #556c7e; cursor: default; }
.is-disabled.header__filter__link:before, .filter__link.is-disabled:before { background-color: transparent; -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) inset; }
.is-disabled.header__filter__link:active, .is-disabled.header__filter__link:hover, .filter__link.is-disabled:active, .filter__link.is-disabled:hover { text-decoration: none; color: #556c7e; }

.ui-autocomplete-input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; box-sizing: border-box; padding: 4px 5px 4px 9px ; padding: 0.4rem 0.5rem 0.4rem 0.9rem ; height: 32px; font-size: 16px ; font-size: 1.6rem ; line-height: 17px ; line-height: 1.7rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.touch .ui-autocomplete-input { border: 1px solid #c4d1d7; }
@media screen and (max-width: 565px) { .ui-autocomplete-input { font-size: 18px ; font-size: 1.8rem ; } }

.fake-tag { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4eaec; background-color: #e4eaec; padding: 5px 25px 5px 10px ; padding: 0.5rem 2.5rem 0.5rem 1rem ; }

.ui-autocomplete-input::-ms-clear { display: none; width: 0; height: 0; }

.header__filter__link { color: #fff; font-size: 16px ; font-size: 1.6rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.header__filter__link span, .header__filter__link.is-checked, .header__filter__link:active, .header__filter__link:hover { color: #fff; }
.no-touch .header__filter__link:hover { color: #fff; }
.header__filter__link:after { color: #2c3841; }
.header__filter__link:focus { color: #fff; }

.heading-padded { padding-top: 15px ; padding-top: 1.5rem ; padding-bottom: 15px ; padding-bottom: 1.5rem ; }
@media screen and (max-width: 565px) { .heading-padded { padding-top: 10px ; padding-top: 1rem ; padding-bottom: 10px ; padding-bottom: 1rem ; } }
.heading-padded .section-title { padding-right: 10px ; padding-right: 1rem ; }

@media screen and (max-width: 565px) { .is-sticky .refine { margin-top: 98px ; margin-top: 9.8rem ; } }

.mobile-refine .mobile-refine__inner { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.is-operamini .mobile-refine .mobile-refine__inner { display: none; }
@media screen and (min-width: 757px) { .mobile-refine { text-align: right; } }
@media screen and (min-width: 565px) and (max-width: 757px) { .mobile-refine { padding: 10px 0px ; padding: 1rem 0rem ; } }
@media screen and (max-width: 565px) { .mobile-refine { position: relative; height: 38px ; height: 3.8rem ; background-color: #E3E8EB !important; padding: 20px 0px 20px 10px ; padding: 2rem 0rem 2rem 1rem ; overflow: hidden; margin: 0px 0px -10px -10px ; margin: 0rem 0rem -1rem -1rem ; }
  .mobile-refine .btn--rounded { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } }

@media screen and (min-width: 757px) { .is-table { display: table; width: 100%; } }

@media screen and (min-width: 757px) { .is-table-cell { float: none; display: table-cell; vertical-align: middle; } }

@media screen and (max-width: 565px) { .form__section--right-top { display: block; position: absolute; right: 10px ; right: 1rem ; bottom: 25px ; bottom: 2.5rem ; width: auto; } }
@media screen and (max-width: 565px) { .form__section--right-top label { float: left; } }
@media screen and (max-width: 565px) { .form__section--right-top .selector { float: right; } }

@media screen and (max-width: 565px) { .form__section--right-top, .form__section--right { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } }
@media screen and (min-width: 757px) { .form__section--right-top, .form__section--right { text-align: right; margin-right: 20px ; margin-right: 2rem ; } }
.form__section--right-top select, .form__section--right select { height: 28px ; height: 2.8rem ; padding: 0px 5px ; padding: 0rem 0.5rem ; }

.filter__item { position: relative; }

.form__item__wrap .close { display: none; position: absolute; right: 0; top: 0; }
.form__item__wrap .close.is-open { display: block; }

@media screen and (max-width: 565px) { .is-sticky .filter__heading { padding: 1px 10px 15px ; padding: 0.1rem 1rem 1.5rem ; top: 0; left: 0; right: 10px ; right: 1rem ; position: fixed; z-index: 1200; } }

@media screen and (max-width: 565px) { #uniform-sort-by { width: 105px !important; } }

.tags-container { position: relative; z-index: 10; }

.project-list { z-index: -1; position: relative; }

/** ---------------------------- blocker stuff
*/
.blocker-underlay { background-color: #fff; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 12000; -moz-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; -webkit-transition: opacity 500ms linear; transition: opacity 500ms linear; }
.blocker-underlay.is-open { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.blocker-underlay.is-visible { visibility: visible; }
.blocker-underlay.blocker-underlay--low { z-index: 610; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
@media screen and (min-width: 565px) { .blocker-underlay.blocker-underlay--low { display: none !important; } }

.blocker-loading { position: absolute; z-index: 12001; }

.blocker-loading__icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -2421px; height: 32px; width: 32px; height: 32px; width: 32px; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.filter .search-results-dropdown ul { background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px ; font-size: 1.3rem ; }
.filter .ui-menu-item { padding: 5px 10px ; padding: 0.5rem 1rem ; border-top: 1px solid #c4d1d7; }
.filter .ui-menu-item:hover { background: #e4eaec; }
.filter .ui-menu-item:first-child { border-top: 0; }
.filter .ui-menu-item mark { color: #e85e13; }

.search-note { padding: 10px 10px ; padding: 1rem 1rem ; border-top: 1px solid #c4d1d7; }

#facetapi-facet-search-apionly-projects-block-field-project-partners > li { display: none; }
#facetapi-facet-search-apionly-projects-block-field-project-partners .filter__link { padding: 0; }
#facetapi-facet-search-apionly-projects-block-field-project-partners .filter__link:before { display: none; }
#facetapi-facet-search-apionly-projects-block-field-project-partners #partnersearch { width: 180px; }

[class^="donut"]:before, [class^="donut"]:after, [class*=" donut"]:before, [class*=" donut"]:after { font-family: 'icomoon'; position: absolute; top: 15px ; top: 1.5rem ; left: 5px ; left: 0.5rem ; }

[class^="donut-"]:after, [class*=" donut-"]:after { color: #0092cb; }

.donut { display: inline-block; position: relative; cursor: default; font-size: 30px ; font-size: 3rem ; }
@media screen and (max-width: 565px) { .donut { font-size: 40px ; font-size: 4rem ; } }

.donut:before { color: #e4eaec; content: "\e600"; }

.donut--1:after { content: "\e610"; }

.donut--2:after { content: "\e611"; }

.donut--3:after { content: "\e612"; }

.donut--4:after { content: "\e613"; }

.donut--5:after { content: "\e614"; }

.donut--6:after { content: "\e615"; }

.donut--7:after { content: "\e616"; }

.donut--8:after { content: "\e600"; }

.donut--large { font-size: 40px ; font-size: 4rem ; height: 50px ; height: 5rem ; width: 50px ; width: 5rem ; }

.donut--archived:after { content: "\e600"; color: #2b383f; }

/* @todo: position vissually hidden text on ie7 */
.ie7 .donut .visuallyhidden { position: static; }

.ongoing { display: inline-block; position: relative; font-size: 30px ; font-size: 3rem ; }
.ongoing:before, .ongoing:after { position: absolute; top: 15px ; top: 1.5rem ; }
.ongoing:before { content: ""; background: #e4eaec; top: 13px ; top: 1.3rem ; left: 11px ; left: 1.1rem ; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 23px ; height: 2.3rem ; width: 23px ; width: 2.3rem ; }
.ongoing:after { color: #0092cb; content: "\e61c"; font-size: 15px ; font-size: 1.5rem ; font-family: 'icomoon'; left: 15px ; left: 1.5rem ; }
@media screen and (max-width: 565px) { .ongoing { font-size: 40px ; font-size: 4rem ; } }

/*===================================== Boxout panel
*/
.box { position: relative; margin-bottom: 20px ; margin-bottom: 2rem ; zoom: 1; }
.box:before, .box:after { content: ""; display: table; }
.box:after { clear: both; }
.box.search-result { margin-bottom: -1px ; margin-bottom: -0.1rem ; /* Covering the 1px top border that sits on the item below the search panel */ }
.box p a { text-decoration: underline; }
.box p a:hover { text-decoration: none; }
.box .post-meta a { text-decoration: none; }
.box.box--archived { padding: 10px ; padding: 1rem ; }
@media screen and (max-width: 565px) { .box.box--archived { padding: 0px 0px 10px ; padding: 0rem 0rem 1rem ; } }
.box.box--archived .box__side--fixed { height: 87px ; height: 8.7rem ; text-align: center; font-size: 30px ; font-size: 3rem ; }
@media screen and (max-width: 565px) { .box.box--archived .box__side--fixed { font-size: 24px ; font-size: 2.4rem ; height: 50px ; height: 5rem ; } }
.box.box--archived .box__side--fixed a { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }
@media screen and (max-width: 565px) { .box.box--archived .box__image { padding: 0px 10px 10px 10px ; padding: 0rem 1rem 1rem 1rem ; } }
.box.has-media img, .box.box--archived img { display: block; width: 100%; }
.box.has-media .box__inner, .box.box--archived .box__inner { overflow: hidden; }
@media screen and (max-width: 565px) { .box.has-media .box__inner, .box.box--archived .box__inner { clear: both; } }
@media screen and (max-width: 565px) { .list .box.has-media .box__inner, .list .box.box--archived .box__inner { clear: none; } }
@media screen and (min-width: 565px) and (max-width: 757px) { .list .box.has-media .box__inner, .list .box.box--archived .box__inner { width: auto; } }
.box.has-media .box__side, .box.box--archived .box__side { float: left; zoom: 1; width: 33.33%; }
@media screen and (max-width: 565px) { .box.has-media .box__side, .box.box--archived .box__side { width: 100%; } }
@media screen and (max-width: 565px) { .list .box.has-media .box__side, .list .box.box--archived .box__side { width: 33.33%; } }
@media screen and (max-width: 465px) { .list .box.has-media .box__side, .list .box.box--archived .box__side { width: 100%; } }
@media screen and (min-width: 565px) and (max-width: 757px) { .list .box.has-media .box__side, .list .box.box--archived .box__side { width: 100%; } }
.box.has-media .box__side--fixed, .box.box--archived .box__side--fixed { float: left; zoom: 1; width: 150px ; width: 15rem ; }
@media screen and (max-width: 565px) { .box.has-media .box__side--fixed, .box.box--archived .box__side--fixed { width: 100%; } }
.box.has-media .box__side--wide, .box.box--archived .box__side--wide { width: 55%; }
@media screen and (max-width: 565px) { .box.has-media .box__side--wide, .box.box--archived .box__side--wide { width: auto; padding-bottom: 0; } }
.box.has-media .box__side--full-width, .box.box--archived .box__side--full-width { width: auto; }
.box.has-media .box__footer, .box.box--archived .box__footer { clear: both; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-top: 20px ; margin-top: 2rem ; }
.box.has-media .box__image, .box.box--archived .box__image { display: block; box-sizing: border-box; }
@media screen and (max-width: 565px) { .box.has-media .box__image, .box.box--archived .box__image { padding: 0; } }
@media screen and (max-width: 465px) { .box.has-media .box__image, .box.box--archived .box__image { padding: 0px 20px ; padding: 0rem 2rem ; padding-bottom: 0; } }
.box.box--future, .box--teaser__list--future .box { margin-bottom: 0; }
@media screen and (max-width: 465px) { .box.box--future, .box--teaser__list--future .box { margin-right: 10px ; margin-right: 1rem ; } }
.box.box--future .box__inner, .box--teaser__list--future .box .box__inner { margin-right: 170px ; margin-right: 17rem ; }
@media screen and (max-width: 757px) { .box.box--future .box__inner, .box--teaser__list--future .box .box__inner { margin-right: 0; } }
.box.box--future .box__side, .box--teaser__list--future .box .box__side { float: left; zoom: 1; width: 25%; }
@media screen and (max-width: 465px) { .box.box--future .box__side, .box--teaser__list--future .box .box__side { width: 100%; } }
@media screen and (max-width: 465px) { .box.box--future .box__footer--left, .box--teaser__list--future .box .box__footer--left { padding-bottom: 10px ; padding-bottom: 1rem ; } }
@media screen and (max-width: 565px) { .box.box--future .box__footer--right, .box--teaser__list--future .box .box__footer--right { text-align: left; } }
.box.has-marker img, .box--teaser__item .box img { display: block; width: 100%; }
.box.has-marker .box__side, .box--teaser__item .box .box__side { margin-top: 0; }
.box .twitter-signpost__links { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box__linklist { margin: -5px 0px 5px ; margin: -0.5rem 0rem 0.5rem ; font-size: 14px ; font-size: 1.4rem ; }
@media screen and (max-width: 757px) { .box__linklist { float: left; width: 100%; } }
.box__linklist p a { text-decoration: underline; }

.box__linklist__item { padding: 3px 0px ; padding: 0.3rem 0rem ; }
@media screen and (max-width: 757px) { .box__linklist__item { width: 50%; float: left; box-sizing: border-box; padding-right: 20px ; padding-right: 2rem ; }
  .box__linklist__item:nth-child(odd) { clear: both; }
  .ie8 .box__linklist__item { width: 100%; padding-right: 0; } }
@media screen and (max-width: 565px) { .box__linklist__item { width: 100%; padding-right: 0; } }
.box__linklist__item p { clear: both; }
.box__linklist__item a { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box--teaser__list { margin-right: 20px ; margin-right: 2rem ; padding-right: 20px ; padding-right: 2rem ; }
@media screen and (max-width: 757px) { .box--teaser__list { margin: 0; padding: 20px 10px 20px 0px ; padding: 2rem 1rem 2rem 0rem ; } }

@media screen and (max-width: 465px) { .box--teaser__item { padding: 0; } }
.box--teaser__item .box { border-top: 1px solid #D4DFE1; margin-bottom: 0; padding-bottom: 15px ; padding-bottom: 1.5rem ; }
.box--teaser__item .box__side { position: relative; width: 27%; float: left; }
@media screen and (max-width: 465px) { .box--teaser__item .box__side { width: 100%; } }
@media screen and (max-width: 565px) { .box--teaser__item .box__side .box__marker { font-size: 11px ; font-size: 1.1rem ; padding-left: 0; padding-right: 0; } }
@media screen and (max-width: 465px) { .box--teaser__item .box__side .box__marker { font-size: 13px ; font-size: 1.3rem ; } }
.box--teaser__item .box__inner { padding: 25px 20px 0px 20px ; padding: 2.5rem 2rem 0rem 2rem ; overflow: hidden; }
@media screen and (max-width: 757px) { .box--teaser__item .box__inner { padding: 15px 20px 0px 20px ; padding: 1.5rem 2rem 0rem 2rem ; } }
@media screen and (max-width: 465px) { .box--teaser__item .box__inner { padding: 15px 0px 5px 0px ; padding: 1.5rem 0rem 0.5rem 0rem ; overflow: visible; clear: both; } }
.box--teaser__item .box__footer { clear: both; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-top: 13px ; margin-top: 1.3rem ; }

.box--teaser__list--future { margin-top: 20px ; margin-top: 2rem ; margin-right: 0; padding-right: 0; }
@media screen and (max-width: 757px) { .box--teaser__list--future { margin-top: 10px ; margin-top: 1rem ; } }
.box--teaser__list--future .box { padding-bottom: 25px ; padding-bottom: 2.5rem ; }
@media screen and (max-width: 757px) { .box--teaser__list--future .box { padding-bottom: 10px ; padding-bottom: 1rem ; } }
.box--teaser__list--future .box__footer { margin-top: 20px ; margin-top: 2rem ; }
@media screen and (max-width: 465px) { .box--teaser__list--future .box__footer { float: left; margin: 10px 0px 20px ; margin: 1rem 0rem 2rem ; } }
.box--teaser__list--future .box__footer a { text-decoration: underline; }
.box--teaser__list--future .box__footer a:hover { text-decoration: none; }
@media screen and (max-width: 757px) { .box--teaser__list--future .box__side { padding-bottom: 10px ; padding-bottom: 1rem ; } }
@media screen and (max-width: 565px) { .box--teaser__list--future .box__side { padding-bottom: 0; } }

@media screen and (max-width: 565px) { .box--teaser__hgroup { padding-right: 30px ; padding-right: 3rem ; } }

.box--timeline-number { display: inline-block; padding: 20px 12px ; padding: 2rem 1.2rem ; position: relative; background: #12567d; min-width: 40px ; min-width: 4rem ; text-align: center; }
.box--timeline-number:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
.box--timeline-number:first-child { margin-top: 20px; }
.box--timeline-number:after { top: 50%; left: -20px; border-right-color: #12567d; margin-top: -10px; }
.box--timeline-number .box__title { font-size: 25px ; font-size: 2.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box__due { background: #E4E9EC; position: absolute; text-align: center; padding: 10px 0px ; padding: 1rem 0rem ; right: 25px ; right: 2.5rem ; top: 25px ; top: 2.5rem ; width: 150px ; width: 15rem ; }
@media screen and (max-width: 757px) { .box__due { clear: both; position: static; width: auto; text-align: left; padding: 10px ; padding: 1rem ; margin: 10px 10px 0px 0px ; margin: 1rem 1rem 0rem 0rem ; } }
@media screen and (max-width: 465px) { .box__due { margin-right: 0; } }

.box__due__date { display: block; color: #12567d; padding-top: 5px ; padding-top: 0.5rem ; font-size: 30px ; font-size: 3rem ; line-height: 34px ; line-height: 3.4rem ; }
@media screen and (max-width: 757px) { .box__due__date { line-height: 16px ; line-height: 1.6rem ; font-size: 16px ; font-size: 1.6rem ; display: inline; } }

.box__footer--left { color: #666666; float: left; width: 50%; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; }
@media screen and (max-width: 565px) { .box__footer--left { width: 100%; padding-bottom: 5px ; padding-bottom: 0.5rem ; } }

.box__footer--right { float: right; width: 50%; text-align: right; font-size: 13px ; font-size: 1.3rem ; line-height: 15px ; line-height: 1.5rem ; }
@media screen and (max-width: 565px) { .box__footer--right { clear: both; width: 100%; } }

.box__footer--icon { position: relative; margin-right: 35px ; margin-right: 3.5rem ; }
@media screen and (max-width: 565px) { .box__footer--icon { zoom: 1; }
  .box__footer--icon:before, .box__footer--icon:after { content: ""; display: table; }
  .box__footer--icon:after { clear: both; } }
.box__footer--icon.ongoing-project { margin-right: 10px ; margin-right: 1rem ; }

.box__progress-icon { position: absolute; bottom: 7px ; bottom: 0.7rem ; right: 0; }
@media screen and (max-width: 565px) { .box__progress-icon { bottom: 37px ; bottom: 3.7rem ; } }

.box__time { display: block; font-size: 12px ; font-size: 1.2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin-bottom: 10px ; margin-bottom: 1rem ; text-transform: uppercase; }

.box--notice mark { background: transparent; }
.box--notice mark a { color: #e85e13; }
.box--notice mark a:hover { text-decoration: underline; }
.box--notice .box__inner { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box--notice__header { font-size: 25px ; font-size: 2.5rem ; line-height: 30px ; line-height: 3rem ; padding-bottom: 20px ; padding-bottom: 2rem ; }
@media screen and (max-width: 757px) { .box--notice__header { font-size: 20px ; font-size: 2rem ; line-height: 22px ; line-height: 2.2rem ; } }
.box--notice__header mark { padding-right: 15px ; padding-right: 1.5rem ; color: #e85e13; }
.search-result .box--notice__header { font-weight: normal; font-family: "Stag Sans Web Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; }

.box--notice__intro { padding-right: 15px ; padding-right: 1.5rem ; }

.box--notice__footer { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding-top: 20px ; padding-top: 2rem ; }
.box--notice__footer mark { padding-left: 0; }
.box--notice__footer mark a { text-decoration: none; }

.box--notice__open-links a { padding-right: 10px ; padding-right: 1rem ; }

.box__marker { color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 2px ; letter-spacing: 0.2rem ; padding: 0px 10px ; padding: 0rem 1rem ; line-height: 22px ; line-height: 2.2rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 565px) { .box__marker { margin-bottom: 0; } }
@media screen and (max-width: 465px) { .box__marker { margin-bottom: 20px ; margin-bottom: 2rem ; } }

.box__marker--horizontal, .box--teaser__item .box__marker { font-size: 13px ; font-size: 1.3rem ; padding: 3px 0px 1px ; padding: 0.3rem 0rem 0.1rem ; }

.box__marker--inline { display: inline-block; position: static; margin: 10px 0px 5px ; margin: 1rem 0rem 0.5rem ; }
.article-full--rd [role=complementary] .box__marker--inline { transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform: rotate(0) translate(0, 0); -ms-transform: rotate(0) translate(0, 0); -webkit-transform: rotate(0) translate(0, 0); -moz-transform: rotate(0) translate(0, 0); -o-transform: rotate(0) translate(0, 0); }

.box__marker--mblue { background: #0092cb; }

.box__marker--dblue { background: #12567d; }

.box__marker--navyblue { background: #2b383f; }

.box--padding-media { padding: 25px 20px 5px 20px ; padding: 2.5rem 2rem 0.5rem 2rem ; }

.box--padding-media--small { padding: 10px 20px 5px 20px ; padding: 1rem 2rem 0.5rem 2rem ; }

.box--padding-small { padding: 10px ; padding: 1rem ; }

.box--padding-medium { padding: 15px ; padding: 1.5rem ; }
@media screen and (max-width: 757px) { .box--padding-medium { padding: 10px ; padding: 1rem ; } }

.box--padding-large { padding: 23px 30px ; padding: 2.3rem 3rem ; }
@media screen and (max-width: 757px) { .box--padding-large { padding: 20px ; padding: 2rem ; } }

.box--padding-half { padding: 15px 30px ; padding: 1.5rem 3rem ; }
@media screen and (max-width: 757px) { .box--padding-half { padding: 10px 20px ; padding: 1rem 2rem ; } }

.box--padding-notop { padding: 0px 30px 30px ; padding: 0rem 3rem 3rem ; }
@media screen and (max-width: 757px) { .box--padding-notop { padding: 0px 20px 20px ; padding: 0rem 2rem 2rem ; } }

.box--padding-toponly, .box--teaser__item .box__side { padding-top: 25px ; padding-top: 2.5rem ; }
@media screen and (max-width: 757px) { .box--padding-toponly, .box--teaser__item .box__side { padding-top: 15px ; padding-top: 1.5rem ; } }

.box--padding-bottomonly { padding-bottom: 25px ; padding-bottom: 2.5rem ; }
@media screen and (max-width: 757px) { .box--padding-bottomonly { padding-bottom: 15px ; padding-bottom: 1.5rem ; } }

.box--padding-leftonly { padding-left: 25px ; padding-left: 2.5rem ; }

.box--padding-vmarker { padding: 30px 30px 30px 45px ; padding: 3rem 3rem 3rem 4.5rem ; }
@media screen and (max-width: 757px) { .box--padding-vmarker { padding: 30px 20px 30px 45px ; padding: 3rem 2rem 3rem 4.5rem ; } }

.box--padding-vmarker-arrow { padding: 23px 300px 23px 50px ; padding: 2.3rem 30rem 2.3rem 5rem ; }
@media screen and (max-width: 757px) { .box--padding-vmarker-arrow { padding: 25px 30px 25px 40px ; padding: 2.5rem 3rem 2.5rem 4rem ; } }

.margin-offset-right { display: block; margin-right: -30px ; margin-right: -3rem ; }
.margin-offset-right img { display: block; width: 100%; }
@media screen and (max-width: 757px) { .margin-offset-right { margin-right: -20px ; margin-right: -2rem ; } }

.box--brd-lblue { border: 2px solid #d9eff7; }

.box--brd-mblue, .chart__item--1 .chart__item__content, .chart__item--2 .chart__item__content, .chart__item--3 .chart__item__content { border: 2px solid #0092cb; }

.box--brd-dblue, .chart__item--1 .chart__item__content:hover, .chart__item--2 .chart__item__content:hover, .chart__item--3 .chart__item__content:hover { border: 2px solid #12567d; }

.box--brd-mgreyblue { border: 2px solid #c4d1d7; }

.box--brd-lgreyblue { border: 2px solid #D4DFE1; }

.box--brd-navyblue { border: 2px solid #2b383f; }

.box--brdtop-mblue { border-top: 2px solid #0092cb; }

.box--brdtop-dblue { border-top: 2px solid #12567d; }

.box--brdtop-navyblue { border-top: 2px solid #2b383f; }

.box--bg-navyblue { color: #fff; background: #2b383f; }
.box--bg-navyblue a { color: #fff; }

.box--bg-dblue, .box--output__header, .box--timeline-number, .box--arrow--dblue, .chart__item--3 .chart__item__content:hover { color: #fff; background: #12567d; }
.box--bg-dblue a, .box--output__header a, .box--timeline-number a, .box--arrow--dblue a, .chart__item--3 .chart__item__content:hover a { color: #fff; }

.box--bg-mblue, .offset-title__header, .offset-title__header2, .box--arrow--mblue, .chart__item--3 .chart__item__content { color: #fff; background: #0092cb; }
.box--bg-mblue a, .offset-title__header a, .offset-title__header2 a, .box--arrow--mblue a, .chart__item--3 .chart__item__content a { color: #fff; }

.box--bg-lblue, .chart__item--2 .chart__item__content { background: #d9eff7; }

.box--bg-greyblue { color: #fff; background: #85939b; }
.box--bg-greyblue a { color: #fff; }

.box--bg-mgreyblue { background: #c4d1d7; }

.box--bg-lgreyblue, .box.box--archived { background: #D4DFE1; }

.box--bg-xlgreyblue { background: #e4eaec; }

.box--bg-white, .twocol-teaser-panel .box--teaser__item, .box--teaser__item, .box--funders { color: #2c3841; background: #fff; }

.standard-link-colour a { color: #00557f; }
.standard-link-colour a:hover { color: #e85e13; }

.box--arrow { position: relative; background: #fff; }
.box--arrow:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
.box--arrow:first-child { margin-top: 20px; }
.box--arrow:after { top: 33px ; top: 3.3rem ; left: -20px; border-right-color: #fff; margin-top: -10px; }
@media screen and (max-width: 757px) { .box--arrow { position: relative; background: #fff; }
  .box--arrow:after { content: " "; height: 0; width: 0; position: absolute; border: 0 solid transparent; border: 0 solid rgba(255, 255, 255, 0); }
  .box--arrow:first-child { margin-top: 20px; }
  .box--arrow:after { top: 33px ; top: 3.3rem ; left: 0; border-right-color: #fff; margin-top: 0; } }

.box--arrow--dblue { position: relative; background: #12567d; }
.box--arrow--dblue:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
.box--arrow--dblue:first-child { margin-top: 20px; }
.box--arrow--dblue:after { top: 33px ; top: 3.3rem ; left: -20px; border-right-color: #12567d; margin-top: -10px; }
@media screen and (max-width: 757px) { .box--arrow--dblue { position: relative; background: #12567d; }
  .box--arrow--dblue:after { content: " "; height: 0; width: 0; position: absolute; border: 0 solid transparent; border: 0 solid rgba(255, 255, 255, 0); }
  .box--arrow--dblue:first-child { margin-top: 20px; }
  .box--arrow--dblue:after { top: 33px ; top: 3.3rem ; left: 0; border-right-color: #12567d; margin-top: 0; } }

.box--arrow--mblue { position: relative; background: #0092cb; }
.box--arrow--mblue:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border: 10px solid rgba(255, 255, 255, 0); }
.box--arrow--mblue:first-child { margin-top: 20px; }
.box--arrow--mblue:after { top: 33px ; top: 3.3rem ; left: -20px; border-right-color: #0092cb; margin-top: -10px; }
@media screen and (max-width: 757px) { .box--arrow--mblue { position: relative; background: #0092cb; }
  .box--arrow--mblue:after { content: " "; height: 0; width: 0; position: absolute; border: 0 solid transparent; border: 0 solid rgba(255, 255, 255, 0); }
  .box--arrow--mblue:first-child { margin-top: 20px; }
  .box--arrow--mblue:after { top: 33px ; top: 3.3rem ; left: 0; border-right-color: #0092cb; margin-top: 0; } }

.box__header .box__title { margin-bottom: 0; word-wrap: break-word; }
.box__title a[href^="http"]:after { content: "\e61b"; font-size: 12px ; font-size: 1.2rem ; font-family: 'icomoon'; padding-left: 5px ; padding-left: 0.5rem ; vertical-align: middle; }

.box__title a[href^="http://jisc"]:after { content: none !important; }

.box__title--navyblue, .box__title--navyblue a { color: #2b383f; }

.box__title--large, .box--teaser__item .box__title, .box__title--large-respond { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }

.box__title--xlarge { font-size: 30px ; font-size: 3rem ; line-height: 32px ; line-height: 3.2rem ; }
@media screen and (max-width: 757px) { .box__title--xlarge { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; } }

@media screen and (max-width: 757px) { .box__title--large-respond { font-size: 21px ; font-size: 2.1rem ; } }

.box__title--nomargin { margin-bottom: 0; }

.box--icon .box__title { color: #00557f; }

.box--icon--horizontal .box__inner { box-sizing: border-box; margin-left: 65px ; margin-left: 6.5rem ; }
.box--icon--horizontal .box--icon__panel { padding: 20px 0px 0px ; padding: 2rem 0rem 0rem ; width: 65px ; width: 6.5rem ; position: absolute; left: 0; top: 0; text-align: center; }
.box--icon--horizontal .box__title { font-size: 18px ; font-size: 1.8rem ; line-height: 20px ; line-height: 2rem ; margin-bottom: 13px ; margin-bottom: 1.3rem ; }
.box--icon--horizontal .box--icon__panel__text { display: none; }
.box--icon--horizontal .box--icon__panel__link { padding: 0; }
.box--icon--horizontal .icon { margin-right: 0; font-size: 34px ; font-size: 3.4rem ; }

.box--icon--vertical .box--icon__link { display: none; }
.box--icon--vertical .box__title { margin-bottom: 0; }
.box--icon--vertical .box--icon__panel__link { padding: 10px 10px 10px 15px ; padding: 1rem 1rem 1rem 1.5rem ; word-break: normal; }
@media screen and (max-width: 757px) { .box--icon--vertical .box--icon__panel__link { padding: 10px ; padding: 1rem ; } }
.box--icon--vertical .icon { float: left; margin-top: -2px ; margin-top: -0.2rem ; margin-bottom: 5px ; margin-bottom: 0.5rem ; font-size: 23px ; font-size: 2.3rem ; }

.box--icon__panel { box-sizing: border-box; }
.box--icon__panel a { display: block; }
.box--icon__panel a:hover .box--icon__panel__text span { text-decoration: none; }
.box--icon__panel a .box--icon__panel__text span { text-decoration: underline; }

.timeline__body .box--icon__panel .box--icon__panel__link { padding: 13px 10px 13px 15px ; padding: 1.3rem 1rem 1.3rem 1.5rem ; }
.timeline__body .box--icon__panel .icon { float: left; margin-top: -3px ; margin-top: -0.3rem ; }

.box--icon__panel__text { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; display: block; overflow: hidden; }
.box--icon__panel__text span { text-decoration: underline; }
.box--icon__panel__text span:hover span { text-decoration: none; }

.box--icon__panel__link { padding: 10px 30px ; padding: 1rem 3rem ; }
@media screen and (max-width: 757px) { .box--icon__panel__link { padding: 10px 17px ; padding: 1rem 1.7rem ; } }

.box--icon__link span { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; text-decoration: underline; }
.box--icon__link:hover span { color: #00557f; text-decoration: none; }
.box--icon__link:hover:after { color: #00557f; }

a[href^="http"] .box--icon__panel__text:after, a[href^="http"].box--icon__link:after { text-decoration: none !important; }

a[href^="http://jisc"] .box--icon__panel__text:after, a[href^="http://jisc"].box--icon__link:after { content: none !important; }

.box--output__col { margin-top: -60px ; margin-top: -6rem ; }
@media screen and (max-width: 757px) { .box--output__col { display: none; } }
.box--output__col .box { margin-bottom: 10px ; margin-bottom: 1rem ; }

.box--output__header { padding: 15px 20px ; padding: 1.5rem 2rem ; font-size: 27px ; font-size: 2.7rem ; line-height: 30px ; line-height: 3rem ; }

.box--output__intro { padding: 10px 20px 25px 0px ; padding: 1rem 2rem 2.5rem 0rem ; line-height: 24px ; line-height: 2.4rem ; }

.box--output__footer { padding: 15px 20px 30px 0px ; padding: 1.5rem 2rem 3rem 0rem ; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: block; text-decoration: underline; }
.box--output__footer:hover { color: #00557f; text-decoration: none; }

.box--output__row { padding-bottom: 20px ; padding-bottom: 2rem ; }

.box--tweet .duo { padding-top: 0; }
.box--tweet .duo__side { width: 48px ; width: 4.8rem ; }
.box--tweet h5 { font-size: 18px ; font-size: 1.8rem ; margin-bottom: 5px ; margin-bottom: 0.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box--tweet__follow { display: block; font-size: 13px ; font-size: 1.3rem ; clear: none; }

.box--tweet__details { clear: both; }
.box--tweet__details p { font-size: 24px ; font-size: 2.4rem ; line-height: 27px ; line-height: 2.7rem ; }
.box--tweet__details p a { text-decoration: none; }

.box--tweet__time { display: block; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 13px ; font-size: 1.3rem ; padding-top: 20px ; padding-top: 2rem ; }

.box--lifted, .filter .search-results-dropdown ul, .project-slider__partners__item img { -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

.box--funders { overflow: hidden; padding-bottom: 20px ; padding-bottom: 2rem ; }
.box--funders .row { margin-bottom: 20px ; margin-bottom: 2rem ; }
@media screen and (max-width: 757px) { .box--funders .row { margin-bottom: 0; } }
.box--funders .offset-title { margin-bottom: 20px ; margin-bottom: 2rem ; }
.box--funders img { display: block; max-width: 100%; max-height: 130px; }
.box--funders .col:first-child .box { padding-left: 0; }
@media screen and (max-width: 757px) { .box--funders .col:first-child .box { padding-left: 20px ; padding-left: 2rem ; padding-bottom: 20px ; padding-bottom: 2rem ; max-width: 300px; } }
.box--funders .box { padding: 0px 20px ; padding: 0rem 2rem ; }
@media screen and (max-width: 757px) { .box--funders .box { padding-bottom: 20px ; padding-bottom: 2rem ; max-width: 250px; } }

.box--twitter .box__title:hover span { text-decoration: underline; }
.box--twitter .twitter-signpost { margin: 0; }

.box__footer .duo__body { border-top: 1px solid #d5dee2; }

.box__copy-small p { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.box-container { margin-top: 30px; }

.box .btn--rounded { white-space: nowrap; }

/*===================================== R&D project pages
*/
.project-header__hgroup.transparent-header__hgroup { border-bottom: 2px solid rgba(255, 255, 255, 0.3); margin-bottom: 40px ; margin-bottom: 4rem ; }
@media screen and (max-width: 757px) { .project-header__hgroup.transparent-header__hgroup { border-bottom: 0; margin-bottom: 10px ; margin-bottom: 1rem ; } }
.project-page__header--archived .project-header__hgroup.transparent-header__hgroup { border-bottom: 0; margin-bottom: 10px ; margin-bottom: 1rem ; }
.project-page__header--no-media .project-header__hgroup.transparent-header__hgroup { margin-bottom: 20px ; margin-bottom: 2rem ; }

.has-no-media .article-full__strapline { margin-top: 0; }

.project-page__media { margin-bottom: -37px ; margin-bottom: -3.7rem ; position: relative; z-index: 1; }
.project-page__media img { display: block; width: 100%; }

.project-page__panel__inner { color: #fff; margin-bottom: 20px ; margin-bottom: 2rem ; width: 100%; }
@media screen and (max-width: 757px) { .project-page__panel__inner { float: left; width: 100%; } }

.project-page__header--archived .project-page__panel__item { background: #2b383f; background: rgba(22, 29, 33, 0.7); }
.project-page__header--archived .project-page__panel__item > div { background: none; }
@media screen and (max-width: 757px) { .project-page__header--archived .project-page__panel__item { background: none; }
  .project-page__header--archived .project-page__panel__item > div { background: #2b383f; background: rgba(22, 29, 33, 0.7); } }
.project-page__header--archived .project-page__hgroup { border-bottom: 0; margin-bottom: 0; }
.project-page__header--archived .donut { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.project-page__header--no-media .project-page__panel { margin: 20px -4px 0px -4px ; margin: 2rem -0.4rem 0rem -0.4rem ; }
@media screen and (max-width: 757px) { .project-page__header--no-media .project-page__panel { margin-left: 0; margin-right: 0; } }
.project-page__header--no-media .project-page__panel__item { width: 33.33%; display: table-cell; }
@media screen and (max-width: 757px) { .project-page__header--no-media .project-page__panel__item { display: block; } }
.project-page__header--no-media .project-page__panel__inner { margin-top: -20px ; margin-top: -2rem ; display: table; border-collapse: separate; border-spacing: 4px 0; }
@media screen and (max-width: 757px) { .project-page__header--no-media .project-page__panel__inner { display: block; } }
@media screen and (max-width: 757px) { .project-page__header--no-media .panel-1 { width: 100%; } }
.project-page__header--no-media .panel-2, .project-page__header--no-media .panel-3 { box-sizing: border-box; }
@media screen and (max-width: 757px) { .project-page__header--no-media .panel-2, .project-page__header--no-media .panel-3 { padding-left: 0; width: 50%; } }
.project-page__header--no-media .switch-right-9 { left: 0; }
.project-page__header--no-media .span-3 { width: 100%; }
.project-page__header--no-media .l-gutter--left { margin-left: 0; }
.project-page__header--no-media .box { margin-bottom: 0; }

.project-page__panel__item { position: relative; margin-bottom: 2px ; margin-bottom: 0.2rem ; background-color: #0c3750; /* IE8 fallback */ background: rgba(12, 55, 80, 0.7); }
@media screen and (max-width: 757px) { .project-page__panel__item { padding-bottom: 4px ; padding-bottom: 0.4rem ; margin-bottom: 0; background: none; }
  .project-page__panel__item > div { background: #0c3750; background: rgba(12, 55, 80, 0.7); } }
.project-page__panel__item > div { padding: 10px 15px ; padding: 1rem 1.5rem ; }
.project-page__panel__item .donut { position: absolute; top: 5px ; top: 0.5rem ; right: 5px ; right: 0.5rem ; }

.project-page__panel__title { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 757px) { .project-page__panel__title { font-size: 13px ; font-size: 1.3rem ; } }

.project-page__panel__content { font-size: 17px ; font-size: 1.7rem ; }

.project-page__tags { color: #fff; padding-bottom: 12px ; padding-bottom: 1.2rem ; }
.project-page__tags .tags__label { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.panel-1 > div { padding-right: 55px ; padding-right: 5.5rem ; min-height: 40px ; min-height: 4rem ; }

@media screen and (max-width: 757px) { .panel-2, .panel-3 { box-sizing: border-box; float: left; width: 50%; } }

@media screen and (max-width: 757px) { .panel-2 { padding-right: 4px ; padding-right: 0.4rem ; } }

.project-slider { background: #E4E9EC; padding: 30px 0px ; padding: 3rem 0rem ; }
@media screen and (max-width: 757px) { .project-slider.inner { margin-right: 0; } }
.project-slider img { display: block; }

.project-slider__inner--has-logos { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ\a bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp\a bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6\a eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1\aNDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo\a dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw\a dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv\aIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS\aZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD\a cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j\aZUlEPSJ4bXAuaWlkOjA2ODBGNTZDMDM2RDExRTQ5RDBFRTVFM0M5OEI2MjM0IiB4bXBNTTpEb2N1\a bWVudElEPSJ4bXAuZGlkOjA2ODBGNTZEMDM2RDExRTQ5RDBFRTVFM0M5OEI2MjM0Ij4gPHhtcE1N\aOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDY4MEY1NkEwMzZEMTFFNDlE\aMEVFNUUzQzk4QjYyMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY4MEY1NkIwMzZEMTFF\aNDlEMEVFNUUzQzk4QjYyMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht\a cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VYZlsAAAAEUlEQVR42mK8eu8RAwwABBgAHHQCl62e\aM4cAAAAASUVORK5CYII=") repeat-y 37% 0; }
@media screen and (max-width: 565px) { .project-slider__inner--has-logos { background: none; } }
.project-slider__inner--has-logos .project-slider__team { padding-left: 50px ; padding-left: 5rem ; }
@media screen and (max-width: 757px) { .project-slider__inner--has-logos .project-slider__team { padding-left: 30px ; padding-left: 3rem ; } }

.project-slider__title { margin-bottom: 20px ; margin-bottom: 2rem ; }
@media screen and (max-width: 565px) { .project-slider__title { font-size: 22px ; font-size: 2.2rem ; } }

.project-slider__partners { box-sizing: border-box; float: left; width: 37%; padding-right: 35px ; padding-right: 3.5rem ; }
@media screen and (max-width: 757px) { .project-slider__partners { padding-right: 15px ; padding-right: 1.5rem ; } }
@media screen and (max-width: 565px) { .project-slider__partners { width: 100%; padding-right: 0; } }

.project-slider__partners__list { padding-bottom: 5px ; padding-bottom: 0.5rem ; overflow: hidden; }

.project-slider__partners__item { box-sizing: border-box; float: left; padding: 0px 15px 15px 0px ; padding: 0rem 1.5rem 1.5rem 0rem ; width: 33.33%; }
@media screen and (max-width: 757px) { .project-slider__partners__item { width: 50%; } }
@media screen and (max-width: 565px) { .project-slider__partners__item { width: 33.33%; } }

.project-slider__team { box-sizing: border-box; float: left; width: 63%; }
.project-slider__team .project-slider__link a { padding-top: 0; }

@media screen and (max-width: 565px) { .project-slider__partners + .project-slider__team { width: 100%; padding-left: 0; margin-top: 25px ; margin-top: 2.5rem ; padding-top: 25px ; padding-top: 2.5rem ; border-top: 4px solid #c4d1d7; } }
.project-slider__team__row { clear: both; }

.project-slider__team__item { float: left; padding-bottom: 18px ; padding-bottom: 1.8rem ; width: 50%; }
@media screen and (max-width: 757px) { .project-slider__team__item { width: 100%; } }

.project-slider__team__aside { float: left; padding-right: 15px ; padding-right: 1.5rem ; width: 25%; }
@media screen and (max-width: 757px) { .project-slider__team__aside { width: 15%; } }
@media screen and (max-width: 565px) { .project-slider__team__aside { width: 70px ; width: 7rem ; } }

.project-slider__team__body { overflow: hidden; padding-right: 15px ; padding-right: 1.5rem ; }

.project-slider__team__name { margin-bottom: 3px ; margin-bottom: 0.3rem ; font-size: 18px ; font-size: 1.8rem ; color: #00557f; }
@media screen and (max-width: 565px) { .project-slider__team__name { font-size: 18px ; font-size: 1.8rem ; } }

.project-slider__team__org, .cx_collapsibles__container .project-slider__team__org { font-size: 13px ; font-size: 1.3rem ; line-height: 17px ; line-height: 1.7rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.cx_collapsibles__container .project-slider__team__org { margin-bottom: 0px; }

.project-slider__link.cx_collapsibles__trigger a { color: #00557f; clear: both; display: block; text-decoration: underline; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.no-touch .project-slider__link.cx_collapsibles__trigger a:hover { color: #00557f; text-decoration: none; }

.duration--archived { font-weight: bold; }

/* Projects search page */
.view-project-list-refactor .view-empty { background: white none repeat scroll 0% 0%; border: 2px solid #0092cb; padding: 30px; }
.view-project-list-refactor .view-empty p:first-child { font-size: 25px; margin-bottom: 10px; }
.view-project-list-refactor .inner__wrapper.empty { padding-right: 0; }

/*===================================== Project timeline elements
*/
.timeline__header { padding: 30px 0px 12px ; padding: 3rem 0rem 1.2rem ; }
@media screen and (max-width: 757px) { .timeline__header { padding: 25px 10px 10px ; padding: 2.5rem 1rem 1rem ; } }
@media screen and (max-width: 757px) { .timeline__header.inner { margin-right: 0; } }
.timeline__header:first-child { margin-top: 0; }
.timeline__header p { padding-bottom: 10px ; padding-bottom: 1rem ; }

.timeline__header--future:first-child { margin-top: 0; }

.timeline__body { position: relative; background: #c4d1d7; position: relative; padding: 30px 60px 30px 0px ; padding: 3rem 6rem 3rem 0rem ; box-sizing: border-box; }
.timeline__body:after { content: " "; height: 0; width: 0; position: absolute; border: 20px solid transparent; border: 20px solid rgba(255, 255, 255, 0); }
.timeline__body:first-child { margin-top: 20px; }
.timeline__body:after { top: -10px; left: 98px; border-top-color: #c4d1d7; margin-left: -20px; }
@media screen and (max-width: 757px) { .timeline__body:after { left: 38px; } }
.timeline__body:first-child { margin-top: 10px; }
.timeline__body:last-child { padding-bottom: 0; }
.timeline__body:last-child .timeline__item.timeline__item--last { margin-bottom: 55px ; margin-bottom: 5.5rem ; }
@media screen and (max-width: 757px) { .timeline__body:last-child .timeline__item.timeline__item--last { background: #E4E9EC; margin-bottom: 25px ; margin-bottom: 2.5rem ; padding-bottom: 0; } }
@media screen and (max-width: 757px) { .timeline__body { padding-right: 0; background-position: 35px 0; } }
@media screen and (max-width: 757px) { .timeline__body .box { padding-top: 10px ; padding-top: 1rem ; margin-bottom: 40px ; margin-bottom: 4rem ; background-position: 35px 0; } }
.timeline__body.timeline__body--previous:after { content: none; }

@media screen and (max-width: 757px) { .timeline__body--project { padding-top: 50px ; padding-top: 5rem ; } }

.timeline__body--future { background-position: 17px 0; padding: 40px 0px 10px 0px ; padding: 4rem 0rem 1rem 0rem ; margin-right: 20px ; margin-right: 2rem ; }
@media screen and (max-width: 757px) { .timeline__body--future { padding-right: 0; padding-top: 60px ; padding-top: 6rem ; } }
.timeline__body--future:last-child { padding-bottom: 0; }
@media screen and (max-width: 757px) { .timeline__body--future:before { content: " "; background: #c4d1d7; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 40px ; top: 4rem ; left: 7px ; left: 0.7rem ; height: 25px ; height: 2.5rem ; width: 25px ; width: 2.5rem ; z-index: 1; } }
.timeline__body--future.timeline__body--previous { border-top: #c4d1d7 dashed 2px; }
.timeline__body--future.timeline__body--current .timeline__body__date, .timeline__body--future.timeline__body--previous .timeline__body__date { top: 25px ; top: 2.5rem ; }
@media screen and (max-width: 757px) { .timeline__body--future.timeline__body--current .timeline__body__date, .timeline__body--future.timeline__body--previous .timeline__body__date { top: 45px ; top: 4.5rem ; } }
.timeline__body--future .timeline__icon { width: 72px ; width: 7.2rem ; }
@media screen and (max-width: 757px) { .timeline__body--future .timeline__icon { display: none; } }
.timeline__body--future .timeline__box { padding-left: 60px ; padding-left: 6rem ; }
@media screen and (max-width: 757px) { .timeline__body--future .timeline__box { padding-left: 0; } }
.timeline__body--future .timeline__body__date { top: 20px ; top: 2rem ; left: 60px ; left: 6rem ; }
@media screen and (max-width: 757px) { .timeline__body--future .timeline__body__date { left: 40px ; left: 4rem ; } }
.timeline__body--future:last-child { padding-bottom: 0; }
.timeline__body--future:last-child .timeline__item:last-child { background-position: 17px 0; }
.timeline__body--future:after { left: 20px ; left: 2rem ; }

.timeline__body__date { left: 0; position: absolute; }
@media screen and (max-width: 757px) { .timeline__body__date { left: auto; right: 0; } }

.timeline__body--current .timeline__body__date { bottom: 8px ; bottom: 0.8rem ; }
.timeline__body--current .timeline__day { font-size: 30px ; font-size: 3rem ; padding-bottom: 3px ; padding-bottom: 0.3rem ; display: block; }
@media screen and (max-width: 757px) { .timeline__body--current .timeline__day { font-size: 24px ; font-size: 2.4rem ; padding-bottom: 0; } }
.timeline__body--current .timeline__month { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
@media screen and (max-width: 757px) { .timeline__body--current .timeline__month { font-size: 14px ; font-size: 1.4rem ; } }

.timeline__body--previous .timeline__day { padding-right: 3px ; padding-right: 0.3rem ; }
.timeline__body--previous .timeline__date { padding-top: 19px ; padding-top: 1.9rem ; height: 51px ; height: 5.1rem ; font-size: 17px ; font-size: 1.7rem ; }
@media screen and (max-width: 757px) { .timeline__body--previous .timeline__date { left: auto; height: 45px ; height: 4.5rem ; padding-top: 10px ; padding-top: 1rem ; font-size: 14px ; font-size: 1.4rem ; } }
.timeline__body--previous .timeline__body__date { top: 10px ; top: 1rem ; }
.timeline__body--previous .timeline__year { font-size: 13px ; font-size: 1.3rem ; }
@media screen and (max-width: 757px) { .timeline__body--previous .timeline__year { font-size: 11px ; font-size: 1.1rem ; } }

.timeline__item--show { border-top: 2px #c4d1d7 dashed; border-bottom: 2px #c4d1d7 dashed; }
@media screen and (max-width: 757px) { .timeline__item--show { padding-left: 70px ; padding-left: 7rem ; margin-bottom: 40px ; margin-bottom: 4rem ; background-position: 35px 0; } }
.timeline__item--show a { text-decoration: underline; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.timeline__item--show a:hover { color: #00557f; text-decoration: none; }
@media screen and (max-width: 757px) { .timeline__item--show .box { padding-top: 20px ; padding-top: 2rem ; margin-bottom: 20px ; margin-bottom: 2rem ; } }

.timeline__item--show__link { padding-left: 20px ; padding-left: 2rem ; }
@media screen and (max-width: 565px) { .timeline__item--show__link { padding-left: 10px ; padding-left: 1rem ; font-size: 15px ; font-size: 1.5rem ; } }

.dashed-divide { border-style: dashed; border-width: 2px 0 0; border-color: #c4d1d7; margin-top: 10px ; margin-top: 1rem ; padding-bottom: 10px ; padding-bottom: 1rem ; }

@media screen and (max-width: 757px) { .mobile-align-right { text-align: right; } }

.timeline__icon { position: relative; float: left; width: 150px ; width: 15rem ; }
@media screen and (max-width: 757px) { .timeline__icon { float: none; margin-bottom: -50px ; margin-bottom: -5rem ; z-index: 1; } }
.timeline__icon:before { content: " "; background: #c4d1d7; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 23px ; top: 2.3rem ; right: 42px ; right: 4.2rem ; height: 21px ; height: 2.1rem ; width: 21px ; width: 2.1rem ; }
@media screen and (max-width: 757px) { .timeline__icon:before { content: none; } }
.timeline__icon:after { content: " "; background: #e4eaec; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 29px ; top: 2.9rem ; right: 48px ; right: 4.8rem ; height: 9px ; height: 0.9rem ; width: 9px ; width: 0.9rem ; /* Optimize: If we're supporting Opera Mini look to use modernizr instead */ }
.lt-ie9 .timeline__icon:after { content: none; }
@media screen and (max-width: 757px) { .timeline__icon:after { content: none; } }

.timeline__date { display: block; background: #c4d1d7; position: relative; text-align: center; text-transform: uppercase; padding-top: 17px ; padding-top: 1.7rem ; height: 53px ; height: 5.3rem ; width: 70px ; width: 7rem ; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
@media screen and (max-width: 757px) { .timeline__date { left: auto; right: -10px ; right: -1rem ; top: -10px ; top: -1rem ; width: 55px ; width: 5.5rem ; height: 45px ; height: 4.5rem ; padding-top: 10px ; padding-top: 1rem ; } }
.timeline__date:before { content: " "; background: #c4d1d7; position: absolute; top: 30px ; top: 3rem ; right: -30px ; right: -3rem ; height: 6px ; height: 0.6rem ; width: 35px ; width: 3.5rem ; }
@media screen and (max-width: 757px) { .timeline__date:before { content: none; } }

.timeline__year { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; display: block; }

.timeline__box { padding-left: 150px ; padding-left: 15rem ; }
@media screen and (max-width: 757px) { .timeline__box { padding-left: 0; } }

.timeline__right-col-margin { margin-top: 70px ; margin-top: 7rem ; }
@media screen and (max-width: 757px) { .timeline__right-col-margin { margin-top: 30px ; margin-top: 3rem ; } }

.timeline-blog__footer .duo { margin-bottom: -20px ; margin-bottom: -2rem ; }
.timeline-blog__footer .duo__body { padding-top: 10px ; padding-top: 1rem ; }
.timeline-blog__footer .element { text-decoration: none; display: inline-block; padding: 0px 20px 5px 0px ; padding: 0rem 2rem 0.5rem 0rem ; }

/*===================================== R&D in numbers styling
*/
.numbers-header { margin: 0px -10px ; margin: 0rem -1rem ; }
@media screen and (max-width: 850px) { .numbers-header { margin: -10px -5px 0px -5px ; margin: -1rem -0.5rem 0rem -0.5rem ; } }

.numbers-header__panel { color: #fff; display: table; border-collapse: separate; border-spacing: 10px 0; width: 100%; padding-bottom: 30px ; padding-bottom: 3rem ; }
@media screen and (max-width: 850px) { .numbers-header__panel { border-spacing: 5px 0px ; border-spacing: 0.5rem 0rem ; } }
.numbers-header__panel a { color: #fff; }

.numbers-header__inner { display: table-cell; text-align: center; width: 50%; background-color: #00557f; /* IE8 fallback */ background: rgba(0, 85, 127, 0.8); padding: 25px ; padding: 2.5rem ; }
@media screen and (max-width: 850px) { .numbers-header__inner { padding: 30px 15px 15px 15px ; padding: 3rem 1.5rem 1.5rem 1.5rem ; } }
@media screen and (max-width: 565px) { .numbers-header__inner { padding: 25px 15px 15px 15px ; padding: 2.5rem 1.5rem 1.5rem 1.5rem ; } }

.numbers-header__title-group { margin-bottom: 7px ; margin-bottom: 0.7rem ; }
@media screen and (max-width: 850px) { .numbers-header__title-group { margin-bottom: 0; } }

.numbers-header__title { line-height: auto !important; display: block; font-size: 95px ; font-size: 9.5rem ; font-weight: normal; font-family: "Stag Sans Web Medium", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Arial, sans-serif; margin-bottom: 0; }
@media screen and (max-width: 850px) { .numbers-header__title { margin-bottom: 10px ; margin-bottom: 1rem ; font-size: 60px ; font-size: 6rem ; } }
@media screen and (max-width: 565px) { .numbers-header__title { font-size: 40px ; font-size: 4rem ; } }

.numbers-header__subtitle { display: block; font-size: 24px ; font-size: 2.4rem ; margin-bottom: 5px ; margin-bottom: 0.5rem ; }
@media screen and (max-width: 850px) { .numbers-header__subtitle { font-size: 19px ; font-size: 1.9rem ; } }
@media screen and (max-width: 565px) { .numbers-header__subtitle { font-size: 16px ; font-size: 1.6rem ; line-height: 16px ; line-height: 1.6rem ; margin-bottom: 2px ; margin-bottom: 0.2rem ; } }

.numbers-header__link { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; text-decoration: underline; }
@media screen and (max-width: 850px) { .numbers-header__link { font-size: 13px ; font-size: 1.3rem ; line-height: 14px ; line-height: 1.4rem ; } }

.numbers-body { padding-top: 20px ; padding-top: 2rem ; }

/**
* Chart list items
*/
.chart .chart__item__title { padding: 0px 8px ; padding: 0rem 0.8rem ; line-height: 18px ; line-height: 1.8rem ; }
@media screen and (max-width: 710px) { .chart .chart__item__title { padding: 0; } }

.has-tabs { position: relative; padding-top: 25px ; padding-top: 2.5rem ; }
@media screen and (max-width: 710px) { .has-tabs { padding-top: 0; } }
.no-js .has-tabs { padding-top: 70px ; padding-top: 7rem ; }

.chart-more { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 15px ; font-size: 1.5rem ; position: absolute; top: 24px ; top: 2.4rem ; right: 30px ; right: 3rem ; }
@media screen and (max-width: 710px) { .chart-more { top: auto; right: auto; bottom: 20px ; bottom: 2rem ; left: 20px ; left: 2rem ; } }

@media screen and (max-width: 710px) { .has-more { padding-bottom: 30px ; padding-bottom: 3rem ; } }
.has-more .chart__title { padding-right: 150px ; padding-right: 15rem ; }
@media screen and (max-width: 710px) { .has-more .chart__title { padding-right: 0; } }

.chart__list { padding-bottom: 10px ; padding-bottom: 1rem ; }
.chart__list.is-hidden { display: none; }
.is-operamini .chart__list.is-hidden { display: block; }
.lt-ie9 .chart__list.is-hidden { margin-left: -1px ; margin-left: -0.1rem ; width: 101%; }
@media screen and (max-width: 710px) { .chart__list { padding-top: 10px ; padding-top: 1rem ; }
  .chart__list .chart__item { display: block; text-align: left; } }
@media screen and (min-width: 711px) { .chart__list { display: table; table-layout: fixed; width: 100%; }
  .chart__list .chart__item { display: table-cell; text-align: center; vertical-align: top; } }

.chart__item { /*@include rem(padding, 0 10);*/ }
.chart__list--donut .chart__item { text-align: left; }

.chart__item__container { max-width: 150px ; max-width: 15rem ; margin-bottom: 20px ; margin-bottom: 2rem ; margin-top: 10px ; margin-top: 1rem ; margin-left: auto; margin-right: auto; height: auto; text-align: center; }
.chart__item__container.chart__item__container--right { text-align: right; }
@media screen and (max-width: 710px) { .chart__item__container { margin-bottom: 15px ; margin-bottom: 1.5rem ; margin-top: 5px ; margin-top: 0.5rem ; width: 100%; max-width: none; } }
.chart__item__container svg { margin: 0; display: block; max-height: 450px ; max-height: 45rem ; }
.chart--stacked .chart__item__container, .chart--donut .chart__item__container { max-width: none; margin: 0; text-align: left; }
.chart--stacked .chart__item__container.has-height, .chart--donut .chart__item__container.has-height { overflow: hidden; margin-bottom: 30px ; margin-bottom: 3rem ; margin-top: 20px ; margin-top: 2rem ; }
@media screen and (max-width: 710px) { .chart--stacked .chart__item__container { margin-top: 20px ; margin-top: 2rem ; } }
@media screen and (min-width: 711px) { .chart--donut .chart__item__container { float: left; width: 60%; display: table; }
  .chart--donut .chart__item__container .chart__legend, .chart--donut .chart__item__container figure { display: table-cell; vertical-align: top; padding-right: 20px ; padding-right: 2rem ; }
  .chart--donut .chart__item__container .chart__legend { width: 190px; display: block; } }
@media screen and (max-width: 711px) { .chart--donut .chart__item__container svg { max-width: 400px ; max-width: 40rem ; max-height: 400px ; max-height: 40rem ; margin: 0 auto; } }
@media screen and (max-width: 465px) { .chart--donut .chart__item__container svg { height: 200px ; height: 20rem ; } }
@media screen and (min-width: 711px) and (max-width: 850px) { .chart--donut .chart__item__container svg { height: 200px ; height: 20rem ; } }

.chart__link__inner { display: block; line-height: 30px ; line-height: 3rem ; position: relative; }
.chart__link__inner .chart__link__inner__text { white-space: nowrap; position: absolute; }

.bar--stacked .bar__inner { color: #2c3841; }
@media screen and (max-width: 710px) { .bar--stacked .bar__inner { font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
  .bar--stacked .bar__inner span { float: left; display: block; margin-right: 5px ; margin-right: 0.5rem ; } }
@media screen and (max-width: 465px) { .bar--stacked .bar__inner { font-size: 13px ; font-size: 1.3rem ; } }

.chart__item__text, .chart__item__content, .chart__item__title { font-size: 15px ; font-size: 1.5rem ; margin-bottom: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.chart__list--donut .chart__item__text, .chart__list--pipeline .chart__item__text, .chart__list--donut .chart__item__content, .chart__list--pipeline .chart__item__content, .chart__list--donut .chart__item__title, .chart__list--pipeline .chart__item__title { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }

.chart__item__text { font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; line-height: 17px ; line-height: 1.7rem ; vertical-align: baseline; padding: 0px 5px ; padding: 0rem 0.5rem ; }

.chart__title { font-size: 18px ; font-size: 1.8rem ; line-height: 22px ; line-height: 2.2rem ; }
@media screen and (max-width: 710px) { .chart__title { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; } }

.chart__title__link { text-decoration: underline; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }
.chart__title__link.is-active { text-decoration: none; color: #e85e13; }

.chart__item__content { display: none; }
.is-operamini .chart__item__content, .no-svg .chart__item__content, .no-js .chart__item__content { display: block; }
.is-operamini .chart__item__content.lt-ie9, .no-svg .chart__item__content.lt-ie9, .no-js .chart__item__content.lt-ie9 { display: none; }
.is-operamini .chart__item__content { float: left; padding-right: 15px ; padding-right: 1.5rem ; }
.chart__list--donut .chart__item__content { margin-right: 10px ; margin-right: 1rem ; float: left; }
.chart__list--pipeline .chart__item__content { font-size: 80px ; font-size: 8rem ; line-height: 90px ; line-height: 9rem ; font-weight: normal; font-family: "Stag Sans Web Medium", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Arial, sans-serif; padding: 22px 0px ; padding: 2.2rem 0rem ; margin-bottom: 15px ; margin-bottom: 1.5rem ; height: 85px ; height: 8.5rem ; width: 100%; }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item__content { font-size: 25px ; font-size: 2.5rem ; line-height: 25px ; line-height: 2.5rem ; margin-bottom: 0; padding: 0; height: auto; }
  .chart__item--1 .chart__item__content, .chart__item--2 .chart__item__content, .chart__item--3 .chart__item__content { background: none; border: 0; text-align: center; } }

.chart__list--donut { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 40%; }
.chart__list--donut .chart__item { display: block; }

.chart__legend__bullet, .chart__key__item, .chart__link { display: block; position: relative; z-index: 0; color: #00557f; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; padding: 25px 5px ; padding: 2.5rem 0.5rem ; font-size: 28px ; font-size: 2.8rem ; float: left; border-color: #f5b30f; border-width: 2px; border-style: solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -2px ; margin-left: -0.2rem ; text-align: center; }
.chart__legend__bullet:active, .chart__key__item:active, .chart__link:active { border-style: solid; border-color: #f5b30f; border-width: 2px; }
.chart__legend__bullet:focus, .chart__key__item:focus, .chart__link:focus { border-style: solid; border-color: #f5b30f; border-width: 2px; }
@media screen and (min-width: 711px) { .chart__legend__bullet:hover, .chart__key__item:hover, .chart__link:hover { z-index: 1; border-color: #da8c00; color: #805500; } }
.chart__legend__bullet:first-child, .chart__key__item:first-child, .chart__link:first-child { margin-left: 0; }
.is-vertical .chart__legend__bullet, .is-vertical .chart__key__item, .is-vertical .chart__link { float: none; width: 20%; padding: 0; margin-left: 0; margin-top: -2px ; margin-top: -0.2rem ; }
.is-vertical .chart__legend__bullet:first-child, .is-vertical .chart__key__item:first-child, .is-vertical .chart__link:first-child { margin-top: 0; }

.is-stacked { overflow: hidden; }
.is-stacked .chart__link { white-space: nowrap; }

.chart__list--pipeline { padding-top: 25px ; padding-top: 2.5rem ; }
@media screen and (max-width: 710px) { .chart__list--pipeline { padding-top: 10px ; padding-top: 1rem ; } }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item--1 .chart__item__content, .chart__list--pipeline .chart__item--2 .chart__item__content, .chart__list--pipeline .chart__item--3 .chart__item__content { background: none; border: 0; } }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item--1 .chart__item__content, .chart__list--pipeline .chart__item--2 .chart__item__content { color: #0092cb; } }
.chart__list--pipeline .chart__item { padding: 0; position: relative; width: 27%; }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAjCAYAAABLlJJCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REUyMEY3QUYxQjIxMTFFNEE4MUJBNDQwNUJEMjJFOTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REUyMEY3QUUxQjIxMTFFNEE4MUJBNDQwNUJEMjJFOTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEY1RjJGNTExQUZBMTFFNEE4MUJBNDQwNUJEMjJFOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY1RjJGNTIxQUZBMTFFNEE4MUJBNDQwNUJEMjJFOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4NMurJAAADZElEQVR42uycW4iMYRjH3+FjEbUiUs5FlEOJhAsh5Tx7xyUuZYtysylWuOCCCGWuUNysC+swIzaLaAor2hwvHJLDlmO0rMX4P77/tNP4dmbnaw7vN/P861cz29Z83/P9532e9/1vG0okEkalyqZeWgKVGkWlRlGpUVQWyolEIloFla4oqjytKGArmAOaQCN4rmVRQQPBEhAGE8Qou8FQsALsA8PBZZrmrtaroiTPfhUZDC6CvaDV4S+8B8fIALAYbATTwU2a5hr4pbUsO00ENWAZ6ABnwQbwKr31pKudxhB6g3lcfvaAR/y5OO2b1jiwc+ksmmMheAnO8P3nTDNKJv0G14loKk2zCXyi+4Q2rb/VqgILaIaZoIXmqOcq0qNhNhe1kl1gFHvZCV5IlB/+VJ+LFaoGS2mOsaCZo4W0lT9+dj1+JT3sMKlmjxMDjQFXaJrbfi5K5VsjU4bRfiAGtoEn+dge50PS206RKva+9TTRHZqmuafLnConTeE4IFvZLxwF1oJ3+T5Hybc66OQYB6fZvJEd4AVNE+VNqXKXbDDmsqbzuVrIBuMg+FqoD3UKfFPSduJENIk3KDf2g+6X16/1+WdUfx5ZhHlkEWfd6kBnMS7AKfINPyay1R4BVoKjnHFiXG0eqC/+aYhxD0HDrJUcgh4x7iFo0f/azClhId6CCBnEHlvHVecqTRPnFr1SNI7GEIOEwHmwBTwr9YU5lhRIemsD6cPeuxocAPdoGsmivpehOWbQHNJa2thS1hj3tNwaORYWrpOmaOK3KllICS/f0DQXwIeAGsPhF0HuSU6979Mc0o7bbb5omyW9uIXIecB4FriBg/I5DsS2J96pSexk4+Zmp8HmoLRWJ2DfRunV+0ky8ZbXw8AlmsaWxLvbJDaoy2BQ5ZV414Jp4AZNU+zEOz2JlRXvvyRWjVI6eSXeNez7D2maQiTeXklso8mSxKpR7JBX4i0PThLvjylzjd/E2yuJFXPUmzKOKBxT/kom3juNm3jLQCmJd1/TdciXLfH2SmKPG59JrBrFfsmscIjIw19u3MR7NB++mOYWd1teSex2454sV5wcU7mSGeIkkXayyLiJt4RrP01XErvOuKfIFS3HqAxniyhRdTO1q1RZFdJ/e6HSFUWlRlGpUVQW6q8AAwCfetfhODWBKAAAAABJRU5ErkJggg==") center bottom no-repeat; width: 100%; margin-bottom: 5px ; margin-bottom: 0.5rem ; padding-bottom: 10px ; padding-bottom: 1rem ; } }
.chart__list--pipeline .chart__item:after { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAB8CAYAAADjAQl7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGNUYyRjUxMUFGQTExRTRBODFCQTQ0MDVCRDIyRTk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGNUYyRjUyMUFGQTExRTRBODFCQTQ0MDVCRDIyRTk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEY1RjJGNEYxQUZBMTFFNEE4MUJBNDQwNUJEMjJFOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY1RjJGNTAxQUZBMTFFNEE4MUJBNDQwNUJEMjJFOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IvOxbAAAEgUlEQVR42sybW0hUURSGlyfHXiK7PAZlU3QzeijsfqNespuh0XNEaNqNyKzsbplZdjOzxqLHILI0iwh67SG0O1EQEdrlubKHKBVbP2cdmGRmnDlzzll7wU9g+wwf/z7nn73XPpMRiUSeENFy1h9SLos1jLWNDCjA7GMdZI02AeYR65kAqcOgylmlrIkmwLxm3WSdMgEGdYi1grXABJhvrHOsOlaGNgzqDCuHtcEEmF+sI6yTrKHaMKgbrN+srSbA9LIqJHdGacOgHrJeyBOmDuME4RbWBBNgXrFuBRmE1iD/j/smnzXfBJivrAtBBaGVxJhaVpi13gQYBOFRVo3fQWglOe66LEvLTIBBEO71OwitFMY+YL30c0VopTi+QoIwbAIMviJu+xWElotrME2rWPNMgPnCOu9HEFourzstO4lCE2C6JQiRzlnaMKhrrL9eBmE6ML1RW+OR2jCoNtYb1gETYFB7ZKrCJsA8ZzXL9kYdxgnCtaw5JsB8lhXhWRNgSL6vJrGKTIBxghBQIW0YVBOrz20Qeg3jbI2xEx2hDeME4Vs3QegHDGo32e3cHBNgEIR3ZHujDoOqZBWwZpsAgyCsTyUI/YQhmabJya4I/Yb5yaoSqJA2DCrC6ie7A68O0yMrwkGDMAgYVCvrnTxh6jCocgnCcSbAdLBaEgVhkDBOEK5j5ZkA08VqiBeEQcOgqllTxSF1GCcIawcGoQYM6qr8W2ICDIJwP9nHSdnaMKi7rPcCpQ7jBOEOJwi1YdpZ9+QJU4chmSZs/PJMgOlkXcKjbgIM6jFrpgkwGbItbsg0AAb3Czqn+drOZEmjAM50a8Pg7BwdU3ROSXOa0CFFx2ujNAxUcwYgeFXmvvMHLWfCsnVZZMK3NtbBzdIgIE1n5rJWy2pPdaWHgMPR0EVpDJCmM2gAoCO6UntB/l/AacOUSZ40xRsQ1DQ5AbfJCThNZ9D5RAe0LdGgIJwZL99BCwcbGIQzMQNOwxkc+eDoZ0oyg/12Bhv8+lgBF7QzCQMuSGdCsrGvihdwQcIg4PqiNvikNU3oaKKzuTlRwAXlTKUEXGuqF3rtTA5rO2uxm4u9dgYBh6OdDjcXe+kMjnIKYq3gNJypkw18l9sP8MqZQnFkTTof4oUzIblXjpHdyVSFcY5uIul+ULrTlC0BV0x2B5M0ncEKDh3LFi9uvHScQYcSRzZLvHoc03GmRiK/wysYt87giAYHEdO8jG+3ziDgcFTT6SWMG2fgSK5EP2k6E72C+6ENUyKdhCt+LA9TmSYE3GGyX07u8QMmFWfQ4/9A9tEMaTqDgMNRzFI/N1nJOlMtm/Z2P2GScQYBV5TOCs5LZ/A7ucteB5wbZxBs0ynGGXTQzmRKwJ3wI+BShUGeDJEpCqTiTdNwCbhSvwIuFWd8D7hknRnL2slaRva7UqTpjBNwTyngGujMLLJ/bpZLCmXFWME1sj5pwEQ7g67kDPL49ydunHEC7jjruzZMsSwpG0mxMiXg8FKNc6xLms7sYn0ku+NE2jBjyH7Nul8b5p8AAwAja8XLBIPi2gAAAABJRU5ErkJggg=="); position: absolute; right: 7%; top: 5px ; top: 0.5rem ; width: 35px ; width: 3.5rem ; height: 124px ; height: 12.4rem ; background-repeat: no-repeat; }
@media screen and (max-width: 850px) { .chart__list--pipeline .chart__item:after { right: 1%; background-position: -10px 0; } }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item:after { content: none; } }
.chart__list--pipeline .chart__item.chart__item--coming-soon { width: 150px ; width: 15rem ; padding-bottom: 0; }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item.chart__item--coming-soon { background: 0; width: 100%; text-align: center; }
  .chart__list--pipeline .chart__item.chart__item--coming-soon .chart__item__inner { width: 150px ; width: 15rem ; display: inline-block; } }
.chart__list--pipeline .chart__item.chart__item--coming-soon:after { content: none; }
.chart__list--pipeline .chart__item__title { font-size: 15px ; font-size: 1.5rem ; line-height: 18px ; line-height: 1.8rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; margin: 0px -20px ; margin: 0rem -2rem ; }
.chart__list--pipeline .chart__item__title a { text-decoration: underline; }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item__title a { text-decoration: underline !important; } }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item__title { font-size: 13px ; font-size: 1.3rem ; margin: 0; padding: 0px 5px ; padding: 0rem 0.5rem ; } }

.chart__item__inner { width: 70%; }
@media screen and (max-width: 710px) { .chart__item__inner { width: 100%; text-align: center; padding: 10px 5px ; padding: 1rem 0.5rem ; margin-bottom: 25px ; margin-bottom: 2.5rem ; }
  .chart__item--coming-soon .chart__item__inner { margin-bottom: 0; }
  .chart__item--1 .chart__item__inner { border: 3px solid #0092cb; box-sizing: border-box; }
  .chart__item--2 .chart__item__inner { background: #d9eff7; border: 3px solid #0092cb; box-sizing: border-box; }
  .chart__item--3 .chart__item__inner { background: #0092cb; box-sizing: border-box; } }

.region--1-up .chart__item__inner { z-index: 2; position: relative; }

@media screen and (min-width: 695px) and (max-width: 945px) { .region--1-up .chart__item__content { font-size: 5rem; }
  .region--1-up .chart__item__title { wdth: 100%; }
  .region--1-up .chart__item__title a { display: block; } }
.chart__item--coming-soon .chart__item__content { color: #fff; font-size: 17px ; font-size: 1.7rem ; line-height: 17px ; line-height: 1.7rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; padding-top: 50px ; padding-top: 5rem ; height: 60px ; height: 6rem ; position: relative; z-index: 1; vertical-align: middle; }
@media screen and (max-width: 710px) { .chart__item--coming-soon .chart__item__content { display: table-cell; } }
@media screen and (max-width: 710px) { .chart__list--pipeline .chart__item--coming-soon .chart__item__content { font-size: 15px ; font-size: 1.5rem ; line-height: 15px ; line-height: 1.5rem ; height: 130px ; height: 13rem ; padding-top: 0; } }
.chart__item--coming-soon .chart__item__content:hover:before { -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; background: #0092cb; }
@media screen and (max-width: 710px) { .chart__item--coming-soon .chart__item__content:hover:before { background: #12567d; } }
.chart__item--coming-soon .chart__item__content:before { content: " "; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; background: #12567d !important; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: -5px ; top: -0.5rem ; left: 5px ; left: 0.5rem ; height: 140px ; height: 14rem ; width: 140px ; width: 14rem ; z-index: -1; }
.chart__item--coming-soon .chart__item__inner { width: 100%; }
.chart__item--coming-soon .chart__item__title, .chart__item--coming-soon .chart__item__content { width: 150px ; width: 15rem ; }
@media screen and (max-width: 710px) { .chart__item--coming-soon .chart__item__title { width: 210px ; width: 21rem ; margin-left: -35px ; margin-left: -3.5rem ; padding-top: 20px ; padding-top: 2rem ; } }

.chart__item--1 .chart__item__content { background: #fff; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #0092cb; }
.chart__item--1 .chart__item__content:hover { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #12567d; }
.chart__item--1 .chart__item__title { margin: 0; }

.chart__item--2 .chart__item__content { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #0092cb; }
.chart__item--2 .chart__item__content:hover { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #12567d; }

@media screen and (max-width: 710px) { .chart__item--3 { color: #fff; }
  .chart__list--pipeline .chart__item--3 a, .chart__list--pipeline .chart__item--3 a:hover { color: #fff; } }
.chart__item--3 .chart__item__content { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.chart__item--3 .chart__item__content:hover { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

.bar__caption { position: absolute; left: 50%; bottom: -40px ; bottom: -4rem ; font-size: 17px ; font-size: 1.7rem ; z-index: 10; white-space: nowrap; }

.bar__inner { white-space: nowrap; }
@media screen and (max-width: 710px) { .bar__inner { font-size: 20px ; font-size: 2rem ; position: absolute; left: 120%; }
  .is-vertical .bar__inner { white-space: normal; width: 400%; text-align: left; } }

.chart__vertical__link { text-decoration: underline; margin-left: 8px ; margin-left: 0.8rem ; overflow: hidden; }
@media screen and (max-width: 710px) { .chart__vertical__link { display: block; } }

.chart__key__item { float: none; padding: 6px ; padding: 0.6rem ; margin-right: 3px ; margin-right: 0.3rem ; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }

.chart__content__wrap { margin-top: 20px ; margin-top: 2rem ; font-size: 15px ; font-size: 1.5rem ; font-weight: normal; font-family: "Stag Sans Web Book", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; }

.chart__item--donut { min-height: 300px ; min-height: 30rem ; padding-bottom: 20px ; padding-bottom: 2rem ; }
.lt-ie9 .chart__item--donut { width: 250px ; width: 25rem ; height: 250px ; height: 25rem ; overflow: visible; }
@media screen and (max-width: 465px) { .chart__item--donut { padding-bottom: 0; min-height: 200px ; min-height: 20rem ; } }

.chart__legend__item { padding: 5px 0px 10px ; padding: 0.5rem 0rem 1rem ; }
.chart__legend__item .chart__title__text { overflow: hidden; display: block; }

.chart__legend { padding-top: 10px ; padding-top: 1rem ; }

.chart__legend__bullet { padding: 0; float: left; height: 21px ; height: 2.1rem ; width: 21px ; width: 2.1rem ; margin-right: 15px ; margin-right: 1.5rem ; border-radius: 50%; border: 0; }

.bar-wedge { margin-left: -2px ; margin-left: -0.2rem ; }

.chart__legend__number { color: #2c3841; padding-right: 5px ; padding-right: 0.5rem ; min-width: 10px ; min-width: 1rem ; display: inline-block; }

.lt-ie9 .circle { height: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible; }