diff --git a/README.md b/README.md index bedcbb53818d44c2111ab1a2ab9e6bc25540aa37..42fbc04ab62e4638815993e5c98defca2f0356f2 100644 --- a/README.md +++ b/README.md @@ -14,15 +14,15 @@ Code is available for usage at: ## Where do I start? How do I use this? 1. Quick start: - - See the [HTML demos in the EBI Pattern Library /sample-site directory] (https://ebiwd.github.io/EBI-Pattern-library/sample-site-v1.2/). + - See the [HTML demos in the EBI Pattern Library /sample-site directory](https://ebiwd.github.io/EBI-Pattern-library/sample-site-v1.2/). 2. Guidance: - - For the updated web guidelines, [check out the pattern library] (https://ebiwd.github.io/EBI-Pattern-library/) for guidance on making your site look proper and correct. + - For the updated web guidelines, [check out the pattern library](https://ebiwd.github.io/EBI-Pattern-library/) for guidance on making your site look proper and correct. 3. Help! - - Check out the [issue queue](https://github.com/ebiwd/EBI-Framework/issues) or contact [Ken Hawkins] (https://www.ebi.ac.uk/about/people/ken-hawkins) on the Web Development team. + - Check out the [issue queue](https://github.com/ebiwd/EBI-Framework/issues) or contact [Ken Hawkins](https://www.ebi.ac.uk/about/people/ken-hawkins) on the Web Development team. ### Do I need to download this? -No. The vast majority of users should link to the EBI hosted files. You'll load three CSS files, seven JS files, and use a wrapper HTML. Have a look at the source of [the simple boilerplate page] (https://ebiwd.github.io/EBI-Pattern-library/sample-site-v1.2/boilerplate/blank.html). +No. The vast majority of users should link to the EBI hosted files. You'll load three CSS files, seven JS files, and use a wrapper HTML. Have a look at the source of [the simple boilerplate page](https://ebiwd.github.io/EBI-Pattern-library/sample-site-v1.2/boilerplate/blank.html). ## About the framework @@ -43,7 +43,7 @@ This project continues efforts of the existing guidance by providing: - Enhanced mobile support - Pattern library for reusable components to speed development and reduce fragmentation (in progress, more targeted for 1.2 release) - Page-specific header colours and images through metatags: meta-background-image, meta-background-color - - Built in [pattern support through Foundation Framework] (http://foundation.zurb.com/sites/docs/grid.html) + - Built in [pattern support through Foundation Framework](http://foundation.zurb.com/sites/docs/grid.html) - Page lifecycle tracking: An improved meta-tag based model for maintaining and tracking content freshness, ownership, and intent - Regular updates: A versioning system for the framework to help track changes, features, and usage - Sass support (optional) @@ -82,7 +82,7 @@ Difference between major, minor releases: The support for previous major versions (branches) is still being considered, but the current suggestion is that the last three major version will be supported with updates to assets, fonts, and critical EMBl and EBI branding. -Where's version 1.0, you ask? Version 1.0 is the [old EBI Compliance theme] (https://www.ebi.ac.uk/web_guidelines/html/compliance/). +Where's version 1.0, you ask? Version 1.0 is the [old EBI Compliance theme](https://www.ebi.ac.uk/web_guidelines/html/compliance/). ### Test releases Testing releases will be identified in their tag, a la: `V1.1.0-alpha`, where `.0-alpha` is the tag. `-alpha`, `-beta` and `-dev` are common tag suffixes. @@ -97,7 +97,7 @@ Files are hosted in this pattern: ``` That is: ``` -//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.1/js/script.js +//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js ``` #### Building from NPM @@ -114,4 +114,4 @@ Releases are available via NPM at https://www.npmjs.com/package/ebi-framework - v1.2: https://github.com/ebiwd/EBI-Framework/issues/61 - v1.3: Angular 1st class support, accessibility improvements - v1.4: Unit testing -- v1.5: Add animation guidance and tooling ([see this] (https://medium.com/@vlh/what-does-disney-know-about-interface-animation-anyway-86b32d01bc4a)) +- v1.5: Add animation guidance and tooling ([see this](https://medium.com/@vlh/what-does-disney-know-about-interface-animation-anyway-86b32d01bc4a)) diff --git a/css/ebi-global.css b/css/ebi-global.css index ada5735f49fb3e8169db5422bb847e12a94bfd1f..55afbb8028cb7f2a45505dfebd9ee2179d6d28eb 100644 --- a/css/ebi-global.css +++ b/css/ebi-global.css @@ -18,7 +18,6 @@ We do not recommend you edit this file. Rather add any overrides using the pattern in theme-template.css, or if you're using Sass you can override settings in _theme_settings.scss - */ body h1, body h2, body h3 { font-weight: 300; } @@ -61,7 +60,7 @@ a.button, a.button:visited { /* Colour - defaults to be reset by custom stylesheet ===================================================*/ -div.masthead-black-bar { +.masthead-black-bar { background-color: #333; } h1, h2, h3, h4, h5, h6 { @@ -163,18 +162,19 @@ nav a:hover { .masthead #local-title .columns a { border-bottom: 1px dotted white; } -.masthead .masthead #local-title .columns a:hover { +.masthead #local-title .columns a:hover { border-bottom: none; } /* Global menu styling */ -.masthead nav ul#global-nav.menu li { - border-right: none; } +nav ul#global-nav.menu li { + border-right: none; + display: inline-block; } /* Mobile logo */ @media screen and (max-width: 40em) { - .masthead nav ul#global-nav.menu li.home { + nav ul#global-nav.menu li.home { display: none; } - .masthead nav ul#global-nav.menu li.home-mobile a { + nav ul#global-nav.menu li.home-mobile a { display: block; height: 50px; width: 67px; @@ -184,14 +184,14 @@ nav a:hover { margin-left: 6px; } } @media screen and (min-width: 40em) { - .masthead .masthead-black-bar nav ul.menu li.home-mobile { + nav ul#global-nav.menu li.home-mobile { display: none; } } /* Disable masthead-black-bar search when told */ body.no-global-search .masthead-black-bar ul.menu li.search { display: none; } -.masthead .masthead-black-bar { +.masthead-black-bar { /* custom colour for Home */ /* custom colour for Services */ /* custom colour for Research */ @@ -199,65 +199,67 @@ body.no-global-search .masthead-black-bar ul.menu li.search { /* custom colour for About us */ /* Custom icon for search */ /* EMBL Dropdwon styles */ } - .masthead .masthead-black-bar ul.menu li a:hover, - .masthead .masthead-black-bar ul.menu li a:active, - .masthead .masthead-black-bar ul.menu li a:focus, - .masthead .masthead-black-bar ul.menu li.active a, - .masthead .masthead-black-bar ul.menu li.active-trail a { + .masthead-black-bar a, + .masthead-black-bar a:hover, + .masthead-black-bar ul.menu li a:hover, + .masthead-black-bar ul.menu li a:active, + .masthead-black-bar ul.menu li a:focus, + .masthead-black-bar ul.menu li.active a, + .masthead-black-bar ul.menu li.active-trail a { color: white; border-bottom: none; } - .masthead .masthead-black-bar ul.menu li.active a, - .masthead .masthead-black-bar ul.menu li.active-trail a { + .masthead-black-bar ul.menu li.active a, + .masthead-black-bar ul.menu li.active-trail a { background: black; } - .masthead .masthead-black-bar ul li.home a:before { + .masthead-black-bar ul li.home a:before { font-family: 'EBI-Generic'; content: 'H '; } - .masthead .masthead-black-bar ul li.home a:hover, - .masthead .masthead-black-bar ul li.home a:active, - .masthead .masthead-black-bar ul li.home a:focus { + .masthead-black-bar ul li.home a:hover, + .masthead-black-bar ul li.home a:active, + .masthead-black-bar ul li.home a:focus { background-color: #007c82; } - .masthead .masthead-black-bar ul li.services a:before { + .masthead-black-bar ul li.services a:before { font-family: 'EBI-Generic'; content: '( '; } - .masthead .masthead-black-bar ul li.services a:hover, - .masthead .masthead-black-bar ul li.services a:active, - .masthead .masthead-black-bar ul li.services a:focus { + .masthead-black-bar ul li.services a:hover, + .masthead-black-bar ul li.services a:active, + .masthead-black-bar ul li.services a:focus { background-color: #389198; } - .masthead .masthead-black-bar ul li.research a:before { + .masthead-black-bar ul li.research a:before { font-family: 'EBI-Generic'; content: ') '; } - .masthead .masthead-black-bar ul li.research a:hover, - .masthead .masthead-black-bar ul li.research a:active, - .masthead .masthead-black-bar ul li.research a:focus { + .masthead-black-bar ul li.research a:hover, + .masthead-black-bar ul li.research a:active, + .masthead-black-bar ul li.research a:focus { background-color: #6dab49; } - .masthead .masthead-black-bar ul li.training a:before { + .masthead-black-bar ul li.training a:before { font-family: 'EBI-Generic'; content: 't '; } - .masthead .masthead-black-bar ul li.training a:hover, - .masthead .masthead-black-bar ul li.training a:active, - .masthead .masthead-black-bar ul li.training a:focus { + .masthead-black-bar ul li.training a:hover, + .masthead-black-bar ul li.training a:active, + .masthead-black-bar ul li.training a:focus { background-color: #e9b400; } - .masthead .masthead-black-bar ul li.about a:before { + .masthead-black-bar ul li.about a:before { font-family: 'EBI-Generic'; content: 'i '; } - .masthead .masthead-black-bar ul li.about a:hover, - .masthead .masthead-black-bar ul li.about a:active, - .masthead .masthead-black-bar ul li.about a:focus, - .masthead .masthead-black-bar ul li.about-us a:hover, - .masthead .masthead-black-bar ul li.about-us a:active, - .masthead .masthead-black-bar ul li.about-us a:focus { + .masthead-black-bar ul li.about a:hover, + .masthead-black-bar ul li.about a:active, + .masthead-black-bar ul li.about a:focus, + .masthead-black-bar ul li.about-us a:hover, + .masthead-black-bar ul li.about-us a:active, + .masthead-black-bar ul li.about-us a:focus { background-color: #389198; } - .masthead .masthead-black-bar ul li.search a:before { + .masthead-black-bar ul li.search a:before { font-family: 'EBI-Functional'; content: '1'; } - .masthead .masthead-black-bar ul li.search .dropdown-pane { + .masthead-black-bar ul li.search .dropdown-pane { width: 100%; left: 0; background: #222; border: none; margin-top: -2px; color: #fff; } - .masthead .masthead-black-bar .dropdown-pane.embl-dropdown { + .masthead-black-bar .dropdown-pane.embl-dropdown { background-color: #007c82; background-image: url("../images/map.png"); background-position: 100% 100%; @@ -267,19 +269,19 @@ body.no-global-search .masthead-black-bar ul.menu li.search { padding-right: 17rem; min-width: 39.9375em; left: 0; } - .masthead .masthead-black-bar .dropdown-pane.embl-dropdown h6 { + .masthead-black-bar .dropdown-pane.embl-dropdown h6 { color: white; font-weight: 700; } - .masthead .masthead-black-bar .dropdown-pane.embl-dropdown .button { + .masthead-black-bar .dropdown-pane.embl-dropdown .button { color: #007c82; background: #fff; } @media screen and (max-width: 39.9375em) { - .masthead .masthead-black-bar .dropdown-pane.embl-dropdown { + .masthead-black-bar .dropdown-pane.embl-dropdown { display: none; width: 0 !important; overflow: hidden; } } -header .masthead-inner { +.masthead-inner { padding-top: 2.5rem; color: #fff; } @@ -287,20 +289,20 @@ header .masthead-inner { @media screen and (max-width: 39.9375em) { .masthead ul.menu.dropdown.float-right > li { margin-bottom: -50px; } - .masthead .masthead-black-bar nav ul.menu { + .masthead-black-bar nav ul.menu { text-align: right; /* make icon bar smaller for mobile */ } - .masthead .masthead-black-bar nav ul.menu li { + .masthead-black-bar nav ul.menu li { float: none; display: inline-block; } - .masthead .masthead-black-bar nav ul.menu li.home-mobile { + .masthead-black-bar nav ul.menu li.home-mobile { float: left; } - .masthead .masthead-black-bar nav ul.menu > li > a > img, - .masthead .masthead-black-bar nav ul.menu > li > a:before { + .masthead-black-bar nav ul.menu > li > a > img, + .masthead-black-bar nav ul.menu > li > a:before { display: block; margin: 0 auto 0.25rem; font-size: 16px; } - .masthead .masthead-black-bar nav ul.menu > li > a { + .masthead-black-bar nav ul.menu > li > a { text-align: center; font-size: 10px; padding: .6rem .35rem; } } @@ -342,10 +344,6 @@ header .masthead-inner { .masthead nav { font-size: .9rem; clear: both; } - .masthead .masthead-inner nav i { - line-height: .9em; - font-size: .8em; - margin-top: -3px; } .masthead nav ul.menu li { border-right: 1px solid #f8f8f8; float: left; @@ -357,6 +355,11 @@ header .masthead-inner { .masthead nav ul.menu li.float-right { border-right: none; } +.masthead-inner nav i { + line-height: .9em; + font-size: .8em; + margin-top: -3px; } + div#local-title { margin-bottom: 1rem; } @@ -365,7 +368,7 @@ div#local-title { background-size: initial; } /* tweak sticky behaviour */ -div.masthead { +div.masthead.sticky { width: 100%; position: static; -webkit-transform: none; @@ -389,7 +392,7 @@ input#local-searchbox, #local-search .input-group-button { vertical-align: top; } -#content { +#main-content-area { padding: 0.5rem 0 1.5rem; } body.section-about .masthead { @@ -595,7 +598,7 @@ body .breadcrumbs a { overflow: hidden; } .embl-selector .button:after { display: none; } - .masthead .masthead-black-bar nav ul.menu li a { + .masthead-black-bar nav ul.menu li a { padding-right: .5rem; padding-left: .5rem; } } diff --git a/css/ebi-global.min.css b/css/ebi-global.min.css index 7a92d6d58ce7ff738316d9053b74af9dfee2888e..3275284b93cf267aa6542db9f147ed4ab4f4296c 100644 --- a/css/ebi-global.min.css +++ b/css/ebi-global.min.css @@ -1 +1 @@ -@charset "UTF-8";body h1,body h2,body h3{font-weight:300}li{word-wrap:break-word}body.table-layout table{padding:0}a,a:visited{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:inherit}a.active,a:active,a:hover{border-bottom-style:solid}a.special{font-style:italic;border-bottom-style:double;border-bottom-width:3px;padding:.1em .3em}a:hover{opacity:.9}a.image,a.image:visited{border-bottom:0 none}a.button,a.button:visited{color:#f8f8f8}div.masthead-black-bar{background-color:#333}h1,h2,h3,h5,h6{color:#222}h4{color:#999}a{color:#3e3e3e}a:visited{color:#666}a:active,a:focus,a:hover{color:#000}.text-highlight{color:#f8f8f8;background-color:#666;padding:0 .2em}.callout{background:#eaeaea}.callout,div.warning{border:none}.button.ebi-background,.ebi-background,.tag.ebi-background,a.ebi-background{background:#007c82}.button.services-background,.services-background,.tag.services-background,a.services-background{background:#389198}.button.research-background,.research-background,.tag.research-background,a.research-background{background:#6dab49}.button.training-background,.tag.training-background,.training-background,a.training-background{background:#e9b400}.button.industry-background,.industry-background,.tag.industry-background,a.industry-background{background:#0086b4}.button.elixir-background,.elixir-background,.tag.elixir-background,a.elixir-background{background:#fb6a2a}.button.white-background,.tag.white-background,.white-background,a.white-background{background:#fff}.button.secondary-background,.secondary-background,.tag.secondary,.tag.secondary-background,a.secondary-background{background:#666}.button.medium-gray-background,.medium-gray-background,.tag.medium-gray-background,a.medium-gray-background{background:#999}.ebi-color,.ebi-color a,.ebi-color a:visited,.ebi-color cite,.ebi-color h3,.ebi-color h4,.label.ebi-color,a.ebi-color,a:hover.ebi-color{color:#007c82}.label.services-color,.services-color,.services-color a,.services-color a:visited,.services-color cite,.services-color h3,.services-color h4,a.services-color,a:hover.services-color{color:#389198}.label.research-color,.research-color,.research-color a,.research-color a:visited,.research-color cite,.research-color h3,.research-color h4,a.research-color,a:hover.research-color{color:#6dab49}.label.training-color,.training-color,.training-color a,.training-color a:visited,.training-color cite,.training-color h3,.training-color h4,a.training-color,a:hover.training-color{color:#e9b400}.industry-color,.industry-color a,.industry-color a:visited,.industry-color cite,.industry-color h3,.industry-color h4,.label.industry-color,a.industry-color,a:hover.industry-color{color:#0086b4}.elixir-color,.elixir-color a,.elixir-color a:visited,.elixir-color cite,.elixir-color h3,.elixir-color h4,.label.elixir-color,a.elixir-color,a:hover.elixir-color{color:#fb6a2a}.label.white-color,.white-color,.white-color a,.white-color a:visited,.white-color cite,.white-color h3,.white-color h4,a.white-color,a:hover.white-color{color:#fff}.label.secondary-color,.secondary-color,.secondary-color a,.secondary-color a:visited,.secondary-color cite,.secondary-color h3,.secondary-color h4,a.secondary-color,a:hover.secondary-color{color:#666}.label.medium-gray-color,.medium-gray-color,.medium-gray-color a,.medium-gray-color a:visited,.medium-gray-color cite,.medium-gray-color h3,.medium-gray-color h4,a.medium-gray-color,a:hover.medium-gray-color{color:#999}#local-title a,.masthead .masthead #local-title .columns a:hover,nav a,nav a:hover{border-bottom:none}.masthead #local-title .columns a{border-bottom:1px dotted #fff}.masthead nav ul#global-nav.menu li{border-right:none}@media screen and (max-width:40em){.masthead nav ul#global-nav.menu li.home{display:none}.masthead nav ul#global-nav.menu li.home-mobile a{display:block;height:50px;width:67px;background-image:url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg);background-size:64px 47px;background-repeat:no-repeat;margin-left:6px}}@media screen and (min-width:40em){.masthead .masthead-black-bar nav ul.menu li.home-mobile{display:none}}body.no-global-search .masthead-black-bar ul.menu li.search{display:none}.masthead .masthead-black-bar ul.menu li a:active,.masthead .masthead-black-bar ul.menu li a:focus,.masthead .masthead-black-bar ul.menu li a:hover,.masthead .masthead-black-bar ul.menu li.active a,.masthead .masthead-black-bar ul.menu li.active-trail a{color:#fff;border-bottom:none}.masthead .masthead-black-bar ul.menu li.active a,.masthead .masthead-black-bar ul.menu li.active-trail a{background:#000}.masthead .masthead-black-bar ul li.home a:before{font-family:'EBI-Generic';content:'H '}.masthead .masthead-black-bar ul li.home a:active,.masthead .masthead-black-bar ul li.home a:focus,.masthead .masthead-black-bar ul li.home a:hover{background-color:#007c82}.masthead .masthead-black-bar ul li.services a:before{font-family:'EBI-Generic';content:'( '}.masthead .masthead-black-bar ul li.services a:active,.masthead .masthead-black-bar ul li.services a:focus,.masthead .masthead-black-bar ul li.services a:hover{background-color:#389198}.masthead .masthead-black-bar ul li.research a:before{font-family:'EBI-Generic';content:') '}.masthead .masthead-black-bar ul li.research a:active,.masthead .masthead-black-bar ul li.research a:focus,.masthead .masthead-black-bar ul li.research a:hover{background-color:#6dab49}.masthead .masthead-black-bar ul li.training a:before{font-family:'EBI-Generic';content:'t '}.masthead .masthead-black-bar ul li.training a:active,.masthead .masthead-black-bar ul li.training a:focus,.masthead .masthead-black-bar ul li.training a:hover{background-color:#e9b400}.masthead .masthead-black-bar ul li.about a:before{font-family:'EBI-Generic';content:'i '}.masthead .masthead-black-bar ul li.about a:active,.masthead .masthead-black-bar ul li.about a:focus,.masthead .masthead-black-bar ul li.about a:hover,.masthead .masthead-black-bar ul li.about-us a:active,.masthead .masthead-black-bar ul li.about-us a:focus,.masthead .masthead-black-bar ul li.about-us a:hover{background-color:#389198}.masthead .masthead-black-bar ul li.search a:before{font-family:'EBI-Functional';content:'1'}.masthead .masthead-black-bar ul li.search .dropdown-pane{width:100%;left:0;background:#222;border:none;margin-top:-2px;color:#fff}.masthead .masthead-black-bar .dropdown-pane.embl-dropdown{background-color:#007c82;background-image:url(../images/map.png);background-position:100% 100%;background-repeat:no-repeat;color:#fff;height:20rem;padding-right:17rem;min-width:39.9375em;left:0}.masthead .masthead-black-bar .dropdown-pane.embl-dropdown h6{color:#fff;font-weight:700}.masthead .masthead-black-bar .dropdown-pane.embl-dropdown .button{color:#007c82;background:#fff}@media screen and (max-width:39.9375em){.masthead .masthead-black-bar .dropdown-pane.embl-dropdown{display:none;width:0!important;overflow:hidden}}header .masthead-inner{padding-top:2.5rem;color:#fff}@media screen and (max-width:39.9375em){.masthead ul.menu.dropdown.float-right>li{margin-bottom:-50px}.masthead .masthead-black-bar nav ul.menu{text-align:right}.masthead .masthead-black-bar nav ul.menu li{float:none;display:inline-block}.masthead .masthead-black-bar nav ul.menu li.home-mobile{float:left}.masthead .masthead-black-bar nav ul.menu>li>a:before,.masthead .masthead-black-bar nav ul.menu>li>a>img{display:block;margin:0 auto .25rem;font-size:16px}.masthead .masthead-black-bar nav ul.menu>li>a{text-align:center;font-size:10px;padding:.6rem .35rem}}#skip-to{top:-5000px;position:absolute}.masthead{background-repeat:no-repeat;background-position:100% 82%;background-size:cover;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIxNDcgMjQ4IDYwIDI0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gY2xhc3M9InN0MCIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIwLjA1IiBwb2ludHM9IjE0NywzNjMuNiAyNTkuMywzNjMuNiAyNTkuMyw0MjguNCAyMDMuMiw0NjAuOSAxNDcsNDI4LjQgIi8+PC9zdmc+Jyk7)}.masthead a,.masthead a:active,.masthead a:hover,.masthead a:visited,.masthead h1,.masthead h4,.masthead p,.with-overlay .caption:hover>a.inner,body.section-research #local-title a,body.section-research #local-title h1,body.section-research #local-title p{color:#fff}.masthead nav ul li a.hover,.masthead nav ul li a:hover,.masthead ul li a:hover,.masthead ul li.is-active a{background-color:rgba(255,255,255,.5);color:#444}.masthead nav ul li a:active,.masthead nav ul li.active a,.masthead ul li.active a:visited,.masthead ul li.active-trail a,.masthead ul li.active-trail a:visited{background-color:#fff;color:#444;border-bottom:0}.masthead nav{font-size:.9rem;clear:both}.masthead .masthead-inner nav i{line-height:.9em;font-size:.8em;margin-top:-3px}.masthead nav ul.menu li{border-right:1px solid #f8f8f8;float:left;margin-left:0}.masthead nav ul.menu li.active,.masthead nav ul.menu li:last-child{border-right:0}.masthead nav ul.menu li.float-right{border-right:none}div#local-title{margin-bottom:1rem}.masthead.meta-background-image{background-position:100% 100%;background-size:initial}div.masthead{width:100%;position:static;-webkit-transform:none;transform:none}div.masthead.sticky.is-stuck{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#local-search [type=submit],input#local-searchbox{display:inline-block;margin:0;vertical-align:top;border-top:0;border-right:0;border-left:0;box-shadow:none}#local-search .input-group-button{vertical-align:top}#content{padding:.5rem 0 1.5rem}body.section-about .masthead{background-color:#007c82}body.section-industry .masthead{background-color:#0086b4}body.section-research .masthead{background-color:#6dab49}body.section-services .masthead{background-color:#389198}body.section-training .masthead{background-color:#e9b400}body.section-training #local-title #local-title a,body.section-training #local-title #local-title p,body.section-training #local-title h1{color:#222}body.section-home .masthead{background-color:#007c82}ul.menu.dropdown ul.menu{display:none}legend.label,ul.menu.dropdown ul.menu.is-dropdown-submenu.js-dropdown-active{display:block}.dropdown.menu>li.is-dropdown-submenu-parent>a::after,body header nav .menu.dropdown>.has-submenu.is-down-arrow>a::after{border-color:#fff transparent transparent}.menu>li>a.active{font-weight:700}body .dropdown.menu .has-submenu.is-down-arrow>a::after{border-color:rgba(0,0,0,.4) transparent transparent}body .dropdown.menu .has-submenu.is-right-arrow>a::after{border-color:transparent transparent transparent rgba(0,0,0,.4)}ul.leaders{max-width:40em;padding:0;overflow-x:hidden;list-style:none}ul.leaders li:before{float:left;width:0;white-space:nowrap;content:". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "}ul.leaders span:first-child{padding-right:.33em;background:#fff}ul.leaders span+span{float:right;padding-left:.33em;background:#fff}.secondary-menu ul.menu,dd,ul.menu.secondary-menu{padding-bottom:1rem}.secondary-menu ul.menu a,.secondary-menu ul.menu a:hover,ul.menu.secondary-menu a,ul.menu.secondary-menu a:hover{border-bottom:none}.secondary-menu ul.menu li,ul.inline li,ul.menu.secondary-menu li{display:inline-block}li.icon-bullet{list-style-type:none;text-indent:-1.3em}ul li a.badge,ul li.badge{font-size:inherit}.callout.tiny,table .padding-none td table.padding-none tbody th,table .padding-none th,table.padding-none tbody td{padding:0}body .breadcrumbs a{color:#888}.small{font-size:80%;line-height:inherit}.nowrap{white-space:nowrap}.code,.kbd{color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}.code{font-weight:400;background-color:#e6e6e6;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem;overflow-x:auto}.kbd{margin:0}.title-cap{text-transform:capitalize}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}#local-title.logo-only img,#local-title.logo-title img,#local-title.logo-title-strapline img{float:left;margin:1em .69em .69em}#local-title.logo-title span,#local-title.logo-title-strapline span{display:block;margin:1em 0 .69em;float:left}#local-title.logo-title span{margin-top:2.3em}#local-title.logo-title h1,#local-title.logo-title-strapline h1{display:inline;line-height:100%}#local-title.logo-title-strapline h1{font-size:270%}#local-title.logo-title-strapline p{display:inline;font-size:123.1%}.embl-selector .button,.embl-selector .button.hover,.embl-selector .button:focus,.embl-selector .button:hover{background:no-repeat 4px 50% url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg);padding-left:108px;background-size:100px;padding-right:17px;height:37px;line-height:12px}.embl-selector .button.hover,.embl-selector .button:hover{background-color:#888}.embl-selector .button[aria-expanded=false]::after{content:'';display:block;width:0;height:0;border:inset 4px;border-color:#fff transparent transparent;border-top-style:solid;position:absolute;top:18px;margin-left:55px}@media screen and (max-width:53em){.embl-selector .button{width:0;padding-right:0;overflow:hidden}.embl-selector .button:after{display:none}.masthead .masthead-black-bar nav ul.menu li a{padding-right:.5rem;padding-left:.5rem}}.local-footer{border-top:2px solid #eee}.global-footer{border-top:5px solid #eee;padding-top:.5rem}.global-footer h5{margin-top:1.25rem;margin-bottom:5px}.global-footer .ebi-logo{display:block;height:53px;width:89%;background-image:url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_black.svg);background-size:contain;background-repeat:no-repeat;margin-left:-.25rem;position:relative;top:8px}.global-footer p{margin:0 0 5px}.global-footer ul{margin-left:0;font-size:85%;list-style:none}.global-footer a:active,.global-footer a:focus,.global-footer a:hover{border-bottom:1px dashed #e4e4e4}.ebi-footer-meta{font-size:85%;margin-bottom:9px}ul.simple.vertical.menu{margin-left:0;font-size:.9rem}ul.simple.vertical.menu li{margin-bottom:.5rem;display:block}ul.simple.vertical.menu li>a{display:inline;padding:0}ul.simple.vertical.menu li>a.active:before{content:"9 ";font-family:'EBI-Functional'}ul.simple.vertical.menu li>ul.simple.menu{margin:.5rem}.cookie-banner{position:fixed;background-color:#222;width:100%;padding:1rem;left:0;bottom:0;color:#eee}.cookie-banner a,.cookie-banner a:hover{color:#f8f8f8}.cookie-banner .text{margin-right:2em}ul.menu{font-size:.9rem}body .thumbnail{box-shadow:none}.caption{line-height:1.3em;font-family:sans-serif;font-size:.85rem;opacity:.8;overflow:hidden}.medium-3>.with-overlay,.medium-4>.with-overlay{margin-bottom:.75rem}.with-overlay{position:relative}.with-overlay .caption{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));background:-o-linear-gradient(transparent,rgba(0,0,0,.7));background:-moz-linear-gradient(transparent,rgba(0,0,0,.7));background:linear-gradient(transparent,rgba(0,0,0,.7));position:absolute;top:0;height:100%;width:100%;padding:5%;color:#fff;opacity:1;text-shadow:0 2px 0 rgba(0,0,0,.8)}.with-overlay .caption:hover{background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:-moz-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));color:#fff}.with-overlay .caption .inner{position:absolute;bottom:5%;width:95%;padding-right:4rem}.with-overlay .caption>a.inner{color:#fff;text-decoration:none;border-bottom:none;font-size:1.4rem;line-height:1.4em;padding-top:50%}.with-overlay .caption>a:after{font-family:"EBI-Functional";content:" >";display:inline-block;float:right;font-size:1.7rem;position:relative;top:-.1rem;left:2rem}.sans-serif,.serif{font-family:"EB Garamond","georgia",serif;font-size:1.1rem}.sans-serif{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.serif .sans-serif{font-size:1rem}.block{display:block}.clear{clear:both}body .has-tip{font-weight:400;line-height:1em;background:rgba(0,0,0,.03)}blockquote.float-left{border-left:none;text-align:right;border-right:1px solid #cacaca;margin-right:1rem}blockquote.lead{margin-left:1rem;border-left-color:transparent;border-right-color:transparent}blockquote.lead.quote:before{content:"“";position:relative;top:-1.5rem;left:-1.5rem;font-size:3rem;display:block;height:0}blockquote.drop-quote::first-line{font-size:1.6rem}@media screen and (max-width:75rem){body #content,body ul.dropdown.menu.float-left{padding-left:.5rem}body #content{padding-right:.5rem}body h1{font-size:2.5rem}body h2{font-size:2rem}body h3{font-size:1.5rem}body h4{font-size:1.25rem}}nav.orbit-bullets button.thumbnail{width:auto;border-radius:0}nav.orbit-bullets button.thumbnail.is-active{box-shadow:0 0 1px #444}nav.orbit-bullets button.thumbnail.image{width:4rem;height:3rem;overflow:hidden}nav.orbit-bullets button.thumbnail.image>img{min-width:6rem;margin-left:-2rem}.columns.no-pad-right{padding-right:0}.columns.no-pad-left{padding-left:0}code{font-size:.95rem}.hidden,.hide{display:none}.inline-block{display:inline-block}.no-margin{margin:0}.no-underline a,a.no-underline{border-bottom:none;text-decoration:none}.button.hover,.button:focus,.button:hover{background-color:rgba(255,255,255,.5)}.tabs-title>a{border-bottom:none}.tabs-title>a:hover{background-color:#007c82;color:#fff}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{color:#fff;background:#666}.related{background:#222;margin-top:4.25rem;color:#fff;padding:.5rem 0 0 1.1rem}.related h3{color:#fff;background:0 0;margin-bottom:0}.related ul{margin-left:0;margin-top:.25rem}.related ul li{display:inline-block;width:49%;padding-right:0;font-size:.9rem;min-width:7rem}.related ul li a{color:#fff;border-bottom:none}.related ul li a:hover{text-decoration:underline}.related ul li a:after{content:" >"}.related ul:after{content:" ";height:.5rem;display:block;clear:both}.button-grid a.button.columns{margin-bottom:1px;border-right:1px solid #fff}.intro-unit{padding-top:3rem;padding-bottom:2rem}.intro-unit h2{font-size:3rem;margin-bottom:0}.intro-unit h3{padding-bottom:1rem}.intro-unit .lead{color:#666;margin-bottom:.5rem}a.more:after,a.read-more:after,a.readmore:after{content:" >";font-family:"EBI-Functional";font-size:.85em}.margin-top-none{margin-top:0}.margin-top-xsmall{margin-top:.1rem}.margin-top-small{margin-top:.25rem}.margin-top-medium{margin-top:.5rem}.margin-top-large{margin-top:1rem}.margin-top-xlarge{margin-top:2rem}.margin-left-none{margin-left:0}.margin-left-xsmall{margin-left:.1rem}.margin-left-small{margin-left:.25rem}.margin-left-medium{margin-left:.5rem}.margin-left-large{margin-left:1rem}.margin-left-xlarge{margin-left:2rem}.margin-right-none{margin-right:0}.margin-right-xsmall{margin-right:.1rem}.margin-right-small{margin-right:.25rem}.margin-right-medium{margin-right:.5rem}.margin-right-large{margin-right:1rem}.margin-right-xlarge{margin-right:2rem}.margin-bottom-none{margin-bottom:0}.margin-bottom-xsmall{margin-bottom:.1rem}.margin-bottom-small{margin-bottom:.25rem}.margin-bottom-medium{margin-bottom:.5rem}.margin-bottom-large{margin-bottom:1rem}.margin-bottom-xlarge{margin-bottom:2rem}.padding-top-none{padding-top:0}.padding-top-xsmall{padding-top:.1rem}.padding-top-small{padding-top:.25rem}.padding-top-medium{padding-top:.5rem}.padding-top-large{padding-top:1rem}.padding-top-xlarge{padding-top:2rem}.padding-left-none{padding-left:0}.padding-left-xsmall{padding-left:.1rem}.padding-left-small{padding-left:.25rem}.padding-left-medium{padding-left:.5rem}.padding-left-large{padding-left:1rem}.padding-left-xlarge{padding-left:2rem}.padding-right-none{padding-right:0}.padding-right-xsmall{padding-right:.1rem}.padding-right-small{padding-right:.25rem}.padding-right-medium{padding-right:.5rem}.padding-right-large{padding-right:1rem}.padding-right-xlarge{padding-right:2rem}.padding-bottom-none{padding-bottom:0}.padding-bottom-xsmall{padding-bottom:.1rem}.padding-bottom-small{padding-bottom:.25rem}.padding-bottom-medium{padding-bottom:.5rem}.padding-bottom-large{padding-bottom:1rem}.padding-bottom-xlarge{padding-bottom:2rem}@media print{a,a:visited{border-bottom:none}#ebi_search_results,#search_ebi,#shortcuts,#skip-to,.global-footer,.masthead nav,.masthead-black-bar nav,form#local-search{display:none}}input.clearable{background:#fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;padding:3px 25px 3px 4px;transition:background .4s}input.clearable.x{background-position:right 12px center}input.clearable.onX{cursor:pointer}input.clearable::-ms-clear{display:none;width:0;height:0}table.tablesorter thead tr th,table.tablesorter thead tr th.tablesorter-headerUnSorted{background-image:url(../libraries/tablesorter/css/images/black-unsorted.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer}table.tablesorter thead tr th.tablesorter-headerAsc{background-image:url(../libraries/tablesorter/css/images/black-asc.gif)}table.tablesorter thead tr th.tablesorter-headerDesc{background-image:url(../libraries/tablesorter/css/images/black-desc.gif)}table.no-stripe tbody tr:nth-child(even){background-color:#fff}table.data-table,table.padding-none,table.padding-small{border-spacing:0}table .padding-small td table.padding-small tbody th,table .padding-small th,table.data-table tbody td,table.data-table tbody th,table.padding-small tbody td{padding:0 .2rem .2rem}table.no-stripe.data-table tbody td{border-top:1px solid #eaeaea}table.data-table,table.width-auto{width:auto}img.stretch,table.data-table img{height:inherit}table td.align-top,table.align-top td,table.data-table td,table.data-table th{vertical-align:top}table.data-table thead{background:#eaeaea}@media screen and (min-width:40em){body.full-width .row,body.full-width .row .row{max-width:150rem}}a.tag{color:#fff;border-bottom-style:none}.tag,dl dt a{border-bottom:none}.tag{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;background:#007c82;color:#fff}dl dt{font-weight:400;font-size:1.1rem}dl dt a{color:#666}dl dt a:hover{border-bottom:1px dotted} \ No newline at end of file +@charset "UTF-8";body h1,body h2,body h3{font-weight:300}li{word-wrap:break-word}body.table-layout table{padding:0}a,a:visited{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:inherit}a.active,a:active,a:hover{border-bottom-style:solid}a.special{font-style:italic;border-bottom-style:double;border-bottom-width:3px;padding:.1em .3em}a:hover{opacity:.9}a.image,a.image:visited{border-bottom:0 none}a.button,a.button:visited{color:#f8f8f8}.masthead-black-bar{background-color:#333}h1,h2,h3,h5,h6{color:#222}h4{color:#999}a{color:#3e3e3e}a:visited{color:#666}a:active,a:focus,a:hover{color:#000}.text-highlight{color:#f8f8f8;background-color:#666;padding:0 .2em}.callout{background:#eaeaea}.callout,div.warning{border:none}.button.ebi-background,.ebi-background,.tag.ebi-background,a.ebi-background{background:#007c82}.button.services-background,.services-background,.tag.services-background,a.services-background{background:#389198}.button.research-background,.research-background,.tag.research-background,a.research-background{background:#6dab49}.button.training-background,.tag.training-background,.training-background,a.training-background{background:#e9b400}.button.industry-background,.industry-background,.tag.industry-background,a.industry-background{background:#0086b4}.button.elixir-background,.elixir-background,.tag.elixir-background,a.elixir-background{background:#fb6a2a}.button.white-background,.tag.white-background,.white-background,a.white-background{background:#fff}.button.secondary-background,.secondary-background,.tag.secondary,.tag.secondary-background,a.secondary-background{background:#666}.button.medium-gray-background,.medium-gray-background,.tag.medium-gray-background,a.medium-gray-background{background:#999}.ebi-color,.ebi-color a,.ebi-color a:visited,.ebi-color cite,.ebi-color h3,.ebi-color h4,.label.ebi-color,a.ebi-color,a:hover.ebi-color{color:#007c82}.label.services-color,.services-color,.services-color a,.services-color a:visited,.services-color cite,.services-color h3,.services-color h4,a.services-color,a:hover.services-color{color:#389198}.label.research-color,.research-color,.research-color a,.research-color a:visited,.research-color cite,.research-color h3,.research-color h4,a.research-color,a:hover.research-color{color:#6dab49}.label.training-color,.training-color,.training-color a,.training-color a:visited,.training-color cite,.training-color h3,.training-color h4,a.training-color,a:hover.training-color{color:#e9b400}.industry-color,.industry-color a,.industry-color a:visited,.industry-color cite,.industry-color h3,.industry-color h4,.label.industry-color,a.industry-color,a:hover.industry-color{color:#0086b4}.elixir-color,.elixir-color a,.elixir-color a:visited,.elixir-color cite,.elixir-color h3,.elixir-color h4,.label.elixir-color,a.elixir-color,a:hover.elixir-color{color:#fb6a2a}.label.white-color,.white-color,.white-color a,.white-color a:visited,.white-color cite,.white-color h3,.white-color h4,a.white-color,a:hover.white-color{color:#fff}.label.secondary-color,.secondary-color,.secondary-color a,.secondary-color a:visited,.secondary-color cite,.secondary-color h3,.secondary-color h4,a.secondary-color,a:hover.secondary-color{color:#666}.label.medium-gray-color,.medium-gray-color,.medium-gray-color a,.medium-gray-color a:visited,.medium-gray-color cite,.medium-gray-color h3,.medium-gray-color h4,a.medium-gray-color,a:hover.medium-gray-color{color:#999}#local-title a,.masthead #local-title .columns a:hover,nav a,nav a:hover{border-bottom:none}.masthead #local-title .columns a{border-bottom:1px dotted #fff}nav ul#global-nav.menu li{border-right:none;display:inline-block}@media screen and (max-width:40em){nav ul#global-nav.menu li.home{display:none}nav ul#global-nav.menu li.home-mobile a{display:block;height:50px;width:67px;background-image:url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg);background-size:64px 47px;background-repeat:no-repeat;margin-left:6px}}@media screen and (min-width:40em){nav ul#global-nav.menu li.home-mobile{display:none}}body.no-global-search .masthead-black-bar ul.menu li.search,ul.menu.dropdown ul.menu{display:none}.masthead-black-bar a,.masthead-black-bar a:hover,.masthead-black-bar ul.menu li a:active,.masthead-black-bar ul.menu li a:focus,.masthead-black-bar ul.menu li a:hover,.masthead-black-bar ul.menu li.active a,.masthead-black-bar ul.menu li.active-trail a{color:#fff;border-bottom:none}.masthead-black-bar ul.menu li.active a,.masthead-black-bar ul.menu li.active-trail a{background:#000}.masthead-black-bar ul li.home a:before{font-family:'EBI-Generic';content:'H '}.masthead-black-bar ul li.home a:active,.masthead-black-bar ul li.home a:focus,.masthead-black-bar ul li.home a:hover{background-color:#007c82}.masthead-black-bar ul li.services a:before{font-family:'EBI-Generic';content:'( '}.masthead-black-bar ul li.services a:active,.masthead-black-bar ul li.services a:focus,.masthead-black-bar ul li.services a:hover{background-color:#389198}.masthead-black-bar ul li.research a:before{font-family:'EBI-Generic';content:') '}.masthead-black-bar ul li.research a:active,.masthead-black-bar ul li.research a:focus,.masthead-black-bar ul li.research a:hover{background-color:#6dab49}.masthead-black-bar ul li.training a:before{font-family:'EBI-Generic';content:'t '}.masthead-black-bar ul li.training a:active,.masthead-black-bar ul li.training a:focus,.masthead-black-bar ul li.training a:hover{background-color:#e9b400}.masthead-black-bar ul li.about a:before{font-family:'EBI-Generic';content:'i '}.masthead-black-bar ul li.about a:active,.masthead-black-bar ul li.about a:focus,.masthead-black-bar ul li.about a:hover,.masthead-black-bar ul li.about-us a:active,.masthead-black-bar ul li.about-us a:focus,.masthead-black-bar ul li.about-us a:hover{background-color:#389198}.masthead-black-bar ul li.search a:before{font-family:'EBI-Functional';content:'1'}.masthead-black-bar ul li.search .dropdown-pane{width:100%;left:0;background:#222;border:none;margin-top:-2px;color:#fff}.masthead-black-bar .dropdown-pane.embl-dropdown{background-color:#007c82;background-image:url(../images/map.png);background-position:100% 100%;background-repeat:no-repeat;color:#fff;height:20rem;padding-right:17rem;min-width:39.9375em;left:0}.masthead-black-bar .dropdown-pane.embl-dropdown h6{color:#fff;font-weight:700}.masthead-black-bar .dropdown-pane.embl-dropdown .button{color:#007c82;background:#fff}@media screen and (max-width:39.9375em){.masthead-black-bar .dropdown-pane.embl-dropdown{display:none;width:0!important;overflow:hidden}}.masthead-inner{padding-top:2.5rem;color:#fff}@media screen and (max-width:39.9375em){.masthead ul.menu.dropdown.float-right>li{margin-bottom:-50px}.masthead-black-bar nav ul.menu{text-align:right}.masthead-black-bar nav ul.menu li{float:none;display:inline-block}.masthead-black-bar nav ul.menu li.home-mobile{float:left}.masthead-black-bar nav ul.menu>li>a:before,.masthead-black-bar nav ul.menu>li>a>img{display:block;margin:0 auto .25rem;font-size:16px}.masthead-black-bar nav ul.menu>li>a{text-align:center;font-size:10px;padding:.6rem .35rem}}#skip-to{top:-5000px;position:absolute}.masthead{background-repeat:no-repeat;background-position:100% 82%;background-size:cover;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIxNDcgMjQ4IDYwIDI0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gY2xhc3M9InN0MCIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIwLjA1IiBwb2ludHM9IjE0NywzNjMuNiAyNTkuMywzNjMuNiAyNTkuMyw0MjguNCAyMDMuMiw0NjAuOSAxNDcsNDI4LjQgIi8+PC9zdmc+Jyk7)}.masthead a,.masthead a:active,.masthead a:hover,.masthead a:visited,.masthead h1,.masthead h4,.masthead p,.with-overlay .caption:hover>a.inner,body.section-research #local-title a,body.section-research #local-title h1,body.section-research #local-title p{color:#fff}.masthead nav ul li a.hover,.masthead nav ul li a:hover,.masthead ul li a:hover,.masthead ul li.is-active a{background-color:rgba(255,255,255,.5);color:#444}.masthead nav ul li a:active,.masthead nav ul li.active a,.masthead ul li.active a:visited,.masthead ul li.active-trail a,.masthead ul li.active-trail a:visited{background-color:#fff;color:#444;border-bottom:0}.masthead nav{font-size:.9rem;clear:both}.masthead nav ul.menu li{border-right:1px solid #f8f8f8;float:left;margin-left:0}.masthead nav ul.menu li.active,.masthead nav ul.menu li:last-child{border-right:0}.masthead nav ul.menu li.float-right{border-right:none}.masthead-inner nav i{line-height:.9em;font-size:.8em;margin-top:-3px}div#local-title{margin-bottom:1rem}.masthead.meta-background-image{background-position:100% 100%;background-size:initial}div.masthead.sticky{width:100%;position:static;-webkit-transform:none;transform:none}div.masthead.sticky.is-stuck{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#local-search [type=submit],input#local-searchbox{display:inline-block;margin:0;vertical-align:top;border-top:0;border-right:0;border-left:0;box-shadow:none}#local-search .input-group-button{vertical-align:top}#main-content-area{padding:.5rem 0 1.5rem}body.section-about .masthead{background-color:#007c82}body.section-industry .masthead{background-color:#0086b4}body.section-research .masthead{background-color:#6dab49}body.section-services .masthead{background-color:#389198}body.section-training .masthead{background-color:#e9b400}body.section-training #local-title #local-title a,body.section-training #local-title #local-title p,body.section-training #local-title h1{color:#222}body.section-home .masthead{background-color:#007c82}legend.label,ul.menu.dropdown ul.menu.is-dropdown-submenu.js-dropdown-active{display:block}.dropdown.menu>li.is-dropdown-submenu-parent>a::after,body header nav .menu.dropdown>.has-submenu.is-down-arrow>a::after{border-color:#fff transparent transparent}.menu>li>a.active{font-weight:700}body .dropdown.menu .has-submenu.is-down-arrow>a::after{border-color:rgba(0,0,0,.4) transparent transparent}body .dropdown.menu .has-submenu.is-right-arrow>a::after{border-color:transparent transparent transparent rgba(0,0,0,.4)}ul.leaders{max-width:40em;padding:0;overflow-x:hidden;list-style:none}ul.leaders li:before{float:left;width:0;white-space:nowrap;content:". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "}ul.leaders span:first-child{padding-right:.33em;background:#fff}ul.leaders span+span{float:right;padding-left:.33em;background:#fff}.secondary-menu ul.menu,dd,ul.menu.secondary-menu{padding-bottom:1rem}.secondary-menu ul.menu a,.secondary-menu ul.menu a:hover,ul.menu.secondary-menu a,ul.menu.secondary-menu a:hover{border-bottom:none}.secondary-menu ul.menu li,ul.inline li,ul.menu.secondary-menu li{display:inline-block}li.icon-bullet{list-style-type:none;text-indent:-1.3em}ul li a.badge,ul li.badge{font-size:inherit}.callout.tiny,table .padding-none td table.padding-none tbody th,table .padding-none th,table.padding-none tbody td{padding:0}body .breadcrumbs a{color:#888}.small{font-size:80%;line-height:inherit}.nowrap{white-space:nowrap}.code,.kbd{color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}.code{font-weight:400;background-color:#e6e6e6;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem;overflow-x:auto}.kbd{margin:0}.title-cap{text-transform:capitalize}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}#local-title.logo-only img,#local-title.logo-title img,#local-title.logo-title-strapline img{float:left;margin:1em .69em .69em}#local-title.logo-title span,#local-title.logo-title-strapline span{display:block;margin:1em 0 .69em;float:left}#local-title.logo-title span{margin-top:2.3em}#local-title.logo-title h1,#local-title.logo-title-strapline h1{display:inline;line-height:100%}#local-title.logo-title-strapline h1{font-size:270%}#local-title.logo-title-strapline p{display:inline;font-size:123.1%}.embl-selector .button,.embl-selector .button.hover,.embl-selector .button:focus,.embl-selector .button:hover{background:no-repeat 4px 50% url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg);padding-left:108px;background-size:100px;padding-right:17px;height:37px;line-height:12px}.embl-selector .button.hover,.embl-selector .button:hover{background-color:#888}.embl-selector .button[aria-expanded=false]::after{content:'';display:block;width:0;height:0;border:inset 4px;border-color:#fff transparent transparent;border-top-style:solid;position:absolute;top:18px;margin-left:55px}@media screen and (max-width:53em){.embl-selector .button{width:0;padding-right:0;overflow:hidden}.embl-selector .button:after{display:none}.masthead-black-bar nav ul.menu li a{padding-right:.5rem;padding-left:.5rem}}.local-footer{border-top:2px solid #eee}.global-footer{border-top:5px solid #eee;padding-top:.5rem}.global-footer h5{margin-top:1.25rem;margin-bottom:5px}.global-footer .ebi-logo{display:block;height:53px;width:89%;background-image:url(../images/logos/EMBL-EBI/EMBL_EBI_Logo_black.svg);background-size:contain;background-repeat:no-repeat;margin-left:-.25rem;position:relative;top:8px}.global-footer p{margin:0 0 5px}.global-footer ul{margin-left:0;font-size:85%;list-style:none}.global-footer a:active,.global-footer a:focus,.global-footer a:hover{border-bottom:1px dashed #e4e4e4}.ebi-footer-meta{font-size:85%;margin-bottom:9px}ul.simple.vertical.menu{margin-left:0;font-size:.9rem}ul.simple.vertical.menu li{margin-bottom:.5rem;display:block}ul.simple.vertical.menu li>a{display:inline;padding:0}ul.simple.vertical.menu li>a.active:before{content:"9 ";font-family:'EBI-Functional'}ul.simple.vertical.menu li>ul.simple.menu{margin:.5rem}.cookie-banner{position:fixed;background-color:#222;width:100%;padding:1rem;left:0;bottom:0;color:#eee}.cookie-banner a,.cookie-banner a:hover{color:#f8f8f8}.cookie-banner .text{margin-right:2em}ul.menu{font-size:.9rem}body .thumbnail{box-shadow:none}.caption{line-height:1.3em;font-family:sans-serif;font-size:.85rem;opacity:.8;overflow:hidden}.medium-3>.with-overlay,.medium-4>.with-overlay{margin-bottom:.75rem}.with-overlay{position:relative}.with-overlay .caption{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));background:-o-linear-gradient(transparent,rgba(0,0,0,.7));background:-moz-linear-gradient(transparent,rgba(0,0,0,.7));background:linear-gradient(transparent,rgba(0,0,0,.7));position:absolute;top:0;height:100%;width:100%;padding:5%;color:#fff;opacity:1;text-shadow:0 2px 0 rgba(0,0,0,.8)}.with-overlay .caption:hover{background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:-moz-linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));background:linear-gradient(rgba(0,0,0,.6),rgba(100,100,100,.3));color:#fff}.with-overlay .caption .inner{position:absolute;bottom:5%;width:95%;padding-right:4rem}.with-overlay .caption>a.inner{color:#fff;text-decoration:none;border-bottom:none;font-size:1.4rem;line-height:1.4em;padding-top:50%}.with-overlay .caption>a:after{font-family:"EBI-Functional";content:" >";display:inline-block;float:right;font-size:1.7rem;position:relative;top:-.1rem;left:2rem}.sans-serif,.serif{font-family:"EB Garamond","georgia",serif;font-size:1.1rem}.sans-serif{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.serif .sans-serif{font-size:1rem}.block{display:block}.clear{clear:both}body .has-tip{font-weight:400;line-height:1em;background:rgba(0,0,0,.03)}blockquote.float-left{border-left:none;text-align:right;border-right:1px solid #cacaca;margin-right:1rem}blockquote.lead{margin-left:1rem;border-left-color:transparent;border-right-color:transparent}blockquote.lead.quote:before{content:"“";position:relative;top:-1.5rem;left:-1.5rem;font-size:3rem;display:block;height:0}blockquote.drop-quote::first-line{font-size:1.6rem}@media screen and (max-width:75rem){body #content,body ul.dropdown.menu.float-left{padding-left:.5rem}body #content{padding-right:.5rem}body h1{font-size:2.5rem}body h2{font-size:2rem}body h3{font-size:1.5rem}body h4{font-size:1.25rem}}nav.orbit-bullets button.thumbnail{width:auto;border-radius:0}nav.orbit-bullets button.thumbnail.is-active{box-shadow:0 0 1px #444}nav.orbit-bullets button.thumbnail.image{width:4rem;height:3rem;overflow:hidden}nav.orbit-bullets button.thumbnail.image>img{min-width:6rem;margin-left:-2rem}.columns.no-pad-right{padding-right:0}.columns.no-pad-left{padding-left:0}code{font-size:.95rem}.hidden,.hide{display:none}.inline-block{display:inline-block}.no-margin{margin:0}.no-underline a,a.no-underline{border-bottom:none;text-decoration:none}.button.hover,.button:focus,.button:hover{background-color:rgba(255,255,255,.5)}.tabs-title>a{border-bottom:none}.tabs-title>a:hover{background-color:#007c82;color:#fff}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{color:#fff;background:#666}.related{background:#222;margin-top:4.25rem;color:#fff;padding:.5rem 0 0 1.1rem}.related h3{color:#fff;background:0 0;margin-bottom:0}.related ul{margin-left:0;margin-top:.25rem}.related ul li{display:inline-block;width:49%;padding-right:0;font-size:.9rem;min-width:7rem}.related ul li a{color:#fff;border-bottom:none}.related ul li a:hover{text-decoration:underline}.related ul li a:after{content:" >"}.related ul:after{content:" ";height:.5rem;display:block;clear:both}.button-grid a.button.columns{margin-bottom:1px;border-right:1px solid #fff}.intro-unit{padding-top:3rem;padding-bottom:2rem}.intro-unit h2{font-size:3rem;margin-bottom:0}.intro-unit h3{padding-bottom:1rem}.intro-unit .lead{color:#666;margin-bottom:.5rem}a.more:after,a.read-more:after,a.readmore:after{content:" >";font-family:"EBI-Functional";font-size:.85em}.margin-top-none{margin-top:0}.margin-top-xsmall{margin-top:.1rem}.margin-top-small{margin-top:.25rem}.margin-top-medium{margin-top:.5rem}.margin-top-large{margin-top:1rem}.margin-top-xlarge{margin-top:2rem}.margin-left-none{margin-left:0}.margin-left-xsmall{margin-left:.1rem}.margin-left-small{margin-left:.25rem}.margin-left-medium{margin-left:.5rem}.margin-left-large{margin-left:1rem}.margin-left-xlarge{margin-left:2rem}.margin-right-none{margin-right:0}.margin-right-xsmall{margin-right:.1rem}.margin-right-small{margin-right:.25rem}.margin-right-medium{margin-right:.5rem}.margin-right-large{margin-right:1rem}.margin-right-xlarge{margin-right:2rem}.margin-bottom-none{margin-bottom:0}.margin-bottom-xsmall{margin-bottom:.1rem}.margin-bottom-small{margin-bottom:.25rem}.margin-bottom-medium{margin-bottom:.5rem}.margin-bottom-large{margin-bottom:1rem}.margin-bottom-xlarge{margin-bottom:2rem}.padding-top-none{padding-top:0}.padding-top-xsmall{padding-top:.1rem}.padding-top-small{padding-top:.25rem}.padding-top-medium{padding-top:.5rem}.padding-top-large{padding-top:1rem}.padding-top-xlarge{padding-top:2rem}.padding-left-none{padding-left:0}.padding-left-xsmall{padding-left:.1rem}.padding-left-small{padding-left:.25rem}.padding-left-medium{padding-left:.5rem}.padding-left-large{padding-left:1rem}.padding-left-xlarge{padding-left:2rem}.padding-right-none{padding-right:0}.padding-right-xsmall{padding-right:.1rem}.padding-right-small{padding-right:.25rem}.padding-right-medium{padding-right:.5rem}.padding-right-large{padding-right:1rem}.padding-right-xlarge{padding-right:2rem}.padding-bottom-none{padding-bottom:0}.padding-bottom-xsmall{padding-bottom:.1rem}.padding-bottom-small{padding-bottom:.25rem}.padding-bottom-medium{padding-bottom:.5rem}.padding-bottom-large{padding-bottom:1rem}.padding-bottom-xlarge{padding-bottom:2rem}@media print{a,a:visited{border-bottom:none}#ebi_search_results,#search_ebi,#shortcuts,#skip-to,.global-footer,.masthead nav,.masthead-black-bar nav,form#local-search{display:none}}input.clearable{background:#fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;padding:3px 25px 3px 4px;transition:background .4s}input.clearable.x{background-position:right 12px center}input.clearable.onX{cursor:pointer}input.clearable::-ms-clear{display:none;width:0;height:0}table.tablesorter thead tr th,table.tablesorter thead tr th.tablesorter-headerUnSorted{background-image:url(../libraries/tablesorter/css/images/black-unsorted.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer}table.tablesorter thead tr th.tablesorter-headerAsc{background-image:url(../libraries/tablesorter/css/images/black-asc.gif)}table.tablesorter thead tr th.tablesorter-headerDesc{background-image:url(../libraries/tablesorter/css/images/black-desc.gif)}table.no-stripe tbody tr:nth-child(even){background-color:#fff}table.data-table,table.padding-none,table.padding-small{border-spacing:0}table .padding-small td table.padding-small tbody th,table .padding-small th,table.data-table tbody td,table.data-table tbody th,table.padding-small tbody td{padding:0 .2rem .2rem}table.no-stripe.data-table tbody td{border-top:1px solid #eaeaea}table.data-table,table.width-auto{width:auto}img.stretch,table.data-table img{height:inherit}table td.align-top,table.align-top td,table.data-table td,table.data-table th{vertical-align:top}table.data-table thead{background:#eaeaea}@media screen and (min-width:40em){body.full-width .row,body.full-width .row .row{max-width:150rem}}a.tag{color:#fff;border-bottom-style:none}.tag,dl dt a{border-bottom:none}.tag{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;background:#007c82;color:#fff}dl dt{font-weight:400;font-size:1.1rem}dl dt a{color:#666}dl dt a:hover{border-bottom:1px dotted} \ No newline at end of file