/* == 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/fonts/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: 800; width: 100%; padding: 10px ; padding: 1rem ; } .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; } } .filter-panel { overflow: hidden; background-color: #D4DEE3; } @media screen and (max-width: 565px) { .filter-panel { position: absolute; top: 0; } } @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; 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; } .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; } @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 ; } .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; } .header__filter__link:focus, .filter__link:focus { color: #2c3841; } .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 ; } @media screen and (max-width: 565px) { .is-checked.header__filter__link:after, .filter__link.is-checked:after { top: 6px ; top: 0.6rem ; } } .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; } [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; } /*===================================== 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; } /*===================================== 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; background: url("data:image/png;base64,R0lGODlhBgABAIAAAMTR1wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlk\aPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpu\a czptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEz\aLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cu\a dzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjph\aYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnht\a cE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDov\aL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29s\aPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5p\a aWQ6ODlFNEIxM0RGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiIHhtcE1NOkRvY3VtZW50SUQ9Inht\a cC5kaWQ6ODlFNEIxM0VGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiPiA8eG1wTU06RGVyaXZlZEZy\a b20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjY3MTZBRUZGOTgxMUUzODA2REZENTUzQTU0\aNjZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OUU0QjEzQ0ZGOUIxMUUzODA2REZENTUz\aQTU0NjZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94\a cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY\a 19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCf\anp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdm\aZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4t\aLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAA\a AAAGAAEAAAIChF8AOw==") repeat-y 95px 0; 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 { background: url("data:image/png;base64,R0lGODlhBgAZAIAAAMjU2sTR1yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlk\a PSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpu\a czptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEz\a LzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cu\a dzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjph\a Ym91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnht\a cE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDov\a L25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29s\a PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5p\a aWQ6ODlFNEIxNDVGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiIHhtcE1NOkRvY3VtZW50SUQ9Inht\a cC5kaWQ6ODlFNEIxNDZGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiPiA8eG1wTU06RGVyaXZlZEZy\a b20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OUU0QjE0M0ZGOUIxMUUzODA2REZENTUzQTU0\a NjZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OUU0QjE0NEZGOUIxMUUzODA2REZENTUz\a QTU0NjZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94\a cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY\a 19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCf\a np2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdm\a ZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4t\a LCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAA\a AAAGABkAAAINhB+py+0Po5y02pvOKQA7") no-repeat 95px 0; background-color: #E4E9EC; 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; } .timeline__body--future:last-child .timeline__item.timeline__item--last { background: url("data:image/png;base64,R0lGODlhBgAUAIABAMTR1////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlk\a PSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpu\a czptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEz\a LzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cu\a dzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjph\a Ym91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnht\a cE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDov\a L25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29s\a PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5p\a aWQ6RkI2NzE2QUNGRjk4MTFFMzgwNkRGRDU1M0E1NDY2RTEiIHhtcE1NOkRvY3VtZW50SUQ9Inht\a cC5kaWQ6RkI2NzE2QURGRjk4MTFFMzgwNkRGRDU1M0E1NDY2RTEiPiA8eG1wTU06RGVyaXZlZEZy\a b20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjY3MTZBQUZGOTgxMUUzODA2REZENTUzQTU0\a NjZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjY3MTZBQkZGOTgxMUUzODA2REZENTUz\a QTU0NjZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94\a cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY\a 19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCf\a np2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdm\a ZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4t\a LCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAA\a AAAGABQAAAINjI+py+0Jopy02oszLQA7"), url("data:image/png;base64,R0lGODlhBgAZAIAAAMjU2sTR1yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlk\a PSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpu\a czptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEz\a LzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cu\a dzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjph\a Ym91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnht\a cE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDov\a L25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29s\a PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5p\a aWQ6ODlFNEIxNDVGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiIHhtcE1NOkRvY3VtZW50SUQ9Inht\a cC5kaWQ6ODlFNEIxNDZGRjlCMTFFMzgwNkRGRDU1M0E1NDY2RTEiPiA8eG1wTU06RGVyaXZlZEZy\a b20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OUU0QjE0M0ZGOUIxMUUzODA2REZENTUzQTU0\a NjZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OUU0QjE0NEZGOUIxMUUzODA2REZENTUz\a QTU0NjZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94\a cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY\a 19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCf\a np2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdm\a ZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4t\a LCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAA\a AAAGABkAAAINhB+py+0Po5y02pvOKQA7"); background-repeat: repeat-y, no-repeat; background-position: 95px 0; background-color: #E4E9EC; } @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; background: url("data:image/png;base64,R0lGODlhBgAUAIABAMTR1////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlk\a PSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpu\a czptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEz\a LzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cu\a dzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjph\a Ym91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnht\a cE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDov\a L25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29s\a PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5p\a aWQ6RkI2NzE2QUNGRjk4MTFFMzgwNkRGRDU1M0E1NDY2RTEiIHhtcE1NOkRvY3VtZW50SUQ9Inht\a cC5kaWQ6RkI2NzE2QURGRjk4MTFFMzgwNkRGRDU1M0E1NDY2RTEiPiA8eG1wTU06RGVyaXZlZEZy\a b20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjY3MTZBQUZGOTgxMUUzODA2REZENTUzQTU0\a NjZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjY3MTZBQkZGOTgxMUUzODA2REZENTUz\a QTU0NjZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94\a cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY\a 19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCf\a np2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdm\a ZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4t\a LCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAA\a AAAGABQAAAINjI+py+0Jopy02oszLQA7") repeat-y 95px 0 #E4E9EC; } @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: 50%; } } @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; } } .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 { -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; } /* 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; } .book-navigation .next { float: right; } .book-navigation li a { font-weight: bold; }