CINXE.COM
Policy and perspectives
<!DOCTYPE html> <!--[if IE 8]><html class="no-js ie8" lang="en-GB"><![endif]--> <!--[if IE 9]><html class="no-js ie9" lang="en-GB"><![endif]--> <!--[if gt IE 9]><!--> <html class="no-js" lang="en-GB"> <!--<![endif]--> <head> <!-- OneTrust Cookies Consent Notice start for www.rsc.org --> <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/38a172b7-f102-419f-a469-99bfedc55eec/OtAutoBlock.js"></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="38a172b7-f102-419f-a469-99bfedc55eec"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for www.rsc.org --> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://analytics.rsc.org/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KW8L'); </script> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push( { 'gtm.start': new Date().getTime(), event: 'gtm.js' } ); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KW8L'); </script> <!-- End Google Tag Manager --> <script src="https://epi-rsc.rsc-cdn.org/public/js/cookie-check.js?version=20240326094334"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Policy and perspectives</title> <meta name="description"> <link rel="schema.DC" href="https://purl.org/dc/elements/1.1/"> <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <link rel="canonical" href="https://www.rsc.org/policy-evidence-campaigns/"> <!-- Start Dublin Core --> <meta name="DC.Title" xml:lang="en" content="Policy and perspectives"> <meta name="DC.Creator" content="Royal Society of Chemistry"> <meta name="DC.Subject" xml:lang="en" content="Policy and perspectives"> <meta name="DC.Description" xml:lang="en"> <meta name="DC.Publisher" content="Royal Society of Chemistry"> <meta name="DC.Contributor" content="McConnellH@rsc.org"> <meta name="DC.Date" content="2023-04-12"> <meta name="DC.Format" schema="DCterms:IMT" content="text/html"> <meta name="DC.Identifier" schema="DCterms:URI" content="https://www.rsc.org/policy-evidence-campaigns/"> <meta name="DC.Language" content="en"> <meta name="DC.Relation"> <meta name="DC.Copyright" content="Royal Society of Chemistry"> <!-- End Dublin Core --> <!-- Start Open Graph --> <meta property="og:title" content="Policy and perspectives"> <meta property="og:type" content="Website"> <meta property="og:image" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/0183_8.0-locations--contacts---main-header-image_media-wisdom_tia-2400.jpg?version=3f1b96ec"> <meta property="og:image:secure_url" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/0183_8.0-locations--contacts---main-header-image_media-wisdom_tia-2400.jpg?version=3f1b96ec"> <meta property="og:url" content="https://www.rsc.org/policy-evidence-campaigns/"> <meta property="og:site_name" content="Royal Society of Chemistry"> <!-- End Open Graph --> <link rel="shortcut icon" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.rsc-cdn.org/oxygen/assets/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon-16x16.png"> <link rel="manifest" href="https://www.rsc-cdn.org/oxygen/assets/favicons/site.webmanifest"> <link rel="mask-icon" href="https://www.rsc-cdn.org/oxygen/assets/favicons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Bitter:wght@700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" integrity="sha512-Ojqt7YpXqYM6//AdMhErV3ot38rYgGF5QLJEwx7zhesjL9VqfhWiRz/dWK22hsn96RNz0CLl85+pg1P0BmfgVQ==" crossorigin="anonymous"> <!--[if IE 8]><link rel="stylesheet" href="/public/css/screen.min.css" /><![endif]--> <!--[if gt IE 8]><!--> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/css/screen.min.css?version=20240326094332"> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/css/dotcentric.css?version=20240326094332"> <!--<![endif]--> <!--[if lt IE 9]> <link rel="stylesheet" href="/public/css/ie.css"> <script src="/Scripts/html5shiv.js" type="text/javascript"></script> <script src="/Scripts/respond.js" type="text/javascript"></script> <![endif]--> <!-- Modernizr --> <script src="https://epi-rsc.rsc-cdn.org/public/js/modernizr-custom.min.js?version=20240326094334"></script> <script src="https://epi-rsc.rsc-cdn.org/Scripts/jquery-1.11.1.min.js?version=20240326094336"></script> <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet"> <link rel="stylesheet" href="https://use.typekit.net/jzg5mzc.css"> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/onetrust.css?version=20240326094334"> <style> .winnie-the-pooh { display:none; } </style> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://analytics.rsc.org/ns.html?id=GTM-KW8L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KW8L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/plain" async="" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" class="optanon-category-C0004"></script> <script type="text/plain" async="" src="https://pagead2.googlesyndication.com/tag/js/gpt.js" class="optanon-category-C0001"></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function () { googletag.defineSlot('/97414310/Corp_mpu_1', [300, 250], 'div-dfp-ad-1').addService(googletag.pubads()); googletag.defineSlot('/97414310/Corp_mpu_Spotlight', [300, 250], 'div-dfp-ad-2').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().setPrivacySettings({ 'limitedAds': gptLimitedAds }); googletag.enableServices(); }); </script> <a href="#maincontent" class="skiptocontent">Skip to main content</a> <div class="global-nav-bar--container"> <header class="global-header" role="banner"> <div class="global-header__top"> <a class="global-header__logo" href="/"> <img src="https://epi-rsc.rsc-cdn.org/public/img/template/rsc-logo.png?version=20240326094334" alt="Royal Society of Chemistry" title="Royal Society of Chemistry"> </a> <div class="global-header__right"> <div class="account"> <span><a href="https://members.rsc.org/">Members' area</a></span> <span class="ie-pseudo-last"><a href="/donations/">Make a donation</a></span> </div> <div class="search-box"> <label for="gsc-i-id1" class="visuallyhidden">Search: </label> <gcse:searchbox-only resultsurl="/search-results/" newwindow="false" autocompletemaxcompletions="5" autocompletematchtype='any'></gcse:searchbox-only> <noscript class="no-js-header-search"> <form id="cse-search-box" action="https://google.com/cse"> <input type="hidden" name="cx" value="001058750563069951656:udsuknhw-80"> <input type="hidden" name="ie" value="UTF-8"> <div class="no-js-inner-wrapper"> <input type="text" name="q" size="31"> <div> <input class="gsc-search-button" type="submit" name="sa" value="Search"> </div> </div> <input type="hidden" name="nojs" value="1"> </form> <img src="https://cse.google.com/images/google_custom_search_smwide.gif"> </noscript> </div> </div> </div> <div class="mobile-header-search-menu"> <a class="add-icon-after-hamburger expand-global-nav" href="#" data-mobilenav-trigger=""></a> <div class="search-box"> <label for="gsc-i-id2" class="visuallyhidden">Search: </label> <gcse:searchbox-only resultsurl="/search-results/" newwindow="false" autocompletemaxcompletions="5" autocompletematchtype='any'></gcse:searchbox-only> </div> </div> </header> <div class="global-nav-bar"> <div class="grid-container"> <nav> <ul class="global-nav" role="navigation"> <li class=""> <a href="/about-us/">About us</a> </li><li class=""> <a href="/membership-and-community/">Membership & professional community</a> </li><li class="is-current "> <a href="/policy-evidence-campaigns/">Policy, evidence and campaigns</a> </li><li class=""> <a href="/journals-books-databases/">Journals, books & databases</a> </li><li class=""> <a href="/teaching-and-learning/">Teaching & learning</a> </li><li class=""> <a href="/news-events/">News & events</a> </li><li class=""> <a href="/locations-contacts/">Locations, contacts & venue hire</a> </li> </ul> </nav> </div> </div> <div class="grid-container"> <div class="sub-menu sub-menu--mobile"> <div class="sub-menu__header" data-expandable="" aria-controls="mobile-sub-menu"> Policy, evidence and campaigns<span class="add-icon-after-hamburger sub-menu__expand"></span> </div> <nav class="content-block__expandable"> <ul class="sub-menu__level-1" role="navigation" data-status="is-expanded" aria-expanded="true" id="mobile-sub-menu"> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/chemical-waste-and-pollution/"> Our work to inform chemicals, waste and pollution policy </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/discovery-research-and-innovation/"> Discovery, research and innovation </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/chemistry-education/"> Chemistry education </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/environmental-sustainability/"> Environmental sustainability </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/inclusion-diversity/"> Inclusion and diversity in the chemical sciences </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/about-our-policy-work/"> About our policy work </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/brought-to-you-by-chemistry-podcast/"> Brought to you by chemistry podcast </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/campaign-get-involved/"> Campaign and get involved </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/get-involved-with-public-engagement-and-outreach/"> Get involved with public engagement and outreach </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/open-access-and-plan-s/"> Open access and Plan S </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/researchers-voice/"> Researchers’ voice on open access </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/policy-asks/"> Policy asks </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/uk-general-election/"> UK General Election Asks </a> </li> </ul> </nav> </div> </div> <div class="breadcrumbs"> <ul class="breadcrumbs__links"> <li class="breadcrumb-first"> <a href="/">Home</a> </li> <li class="breadcrumb-last"> Policy, evidence and campaigns </li> </ul> </div> </div> <div class="top-image-area top-image-area--a2"> <div class="top-image-area__img"> <noscript data-slimmage="true" data-img-class="slimmage" data-img-src="?width=800&format=jpg&quality=80" data-img-alt="Top Image"><img class="slimmage" src="?width=800&format=jpg&quality=80" alt="Top Image"></noscript> </div> <div class="top-image-area__overlay"></div> <div class="top-image-area__gradient"></div> <div class="grid-container"> <div class="top-image-area__header"> <div class="header_inner_content"> <h1 class="home-header-with-drop">Policy, evidence and campaigns</h1> </div> <div class="top-image-area__cta"> </div> </div> </div> </div> <main class="main layout-a2" role="main" id="maincontent"> <div class="grid-container"> <div class="layout-a2__col-a ac-outer-container"> <div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <p> </p> <h1>Policy, evidence and campaigns</h1> <div class="rsc-ui"> <div class="shell bdr-top-dk-orange"> <div class="pad-lg"> <div class="rsc-ui"> <div class="row edge2edge-sm"> <div class="column two"> <div class="padh-sm"> <h2>Join us in making the world a better place</h2> <p>Global challenges and technological advances bring both new possibilities and uncertainty – and the chemical sciences have a critical role to play. But what will that role be? How can we maximise the impact we make, making the world a better place? And what should we do to create a stronger, more inclusive culture for research that enables new discoveries?</p> <p>We set out to answer these questions and chart a course forward, working with our global community and partner organisations, in our Perspectives series: a collection of original research, surveys, events, reports, campaigns, and collaborative initiatives, setting out how the chemical science community can enable a more open, more sustainable, and more equal future for everyone.</p> <p>Read on to find out about our work in all areas of chemistry.</p> </div> </div> <div class="column two"> <div class="padh-sm"> <p class="text-center"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/policy-and-perspectives-landing-page/thought-leadership-main-page-intro.jpg?version=aad0e661" alt="Thought leadership main page intro.jpg" width="70%"></p> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink" id="election-asks"> <div class="rsc-ui"> <div class="row padh-sm padv-sm" style="background: #f1f7f8;"> <div class="column padv-sm two padh-sm" style="vertical-align: middle;"> <p><img class="center" style="width: 100%; max-width: 550px;" src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/houses-of-parliament.jpg?version=c9077f5d" alt="houses of parliament.jpg"></p> </div> <div class="column padv-sm two padh-sm" style="vertical-align: middle;"> <div class="pad-lg shell"> <h3><a href="/policy-evidence-campaigns/policy-asks/">Our policy asks for the Government</a></h3> <p>We want the Government to place science and technology at the heart of the political agenda that will in turn create a resilient, sustainable economy and allow UK science to thrive. We have grouped our asks under R&D and innovation, education, sustainability and the circular economy – read more.</p> </div> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div style="color: #2c4d67; background-color: #f1f7f8; width: 100%; padding: 50px;"> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 1.0cm;"><a href="/policy-evidence-campaigns/environmental-sustainability/">Environmental sustainability</a></h3> <p><a href="/policy-evidence-campaigns/environmental-sustainability/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/sustainability/Sustainable-chemistry-curriculum.jpg?version=abc0b425" alt="Sustainability green shoots landscape.jpg" width="100%"></a></p> <br> <p style="padding-bottom: 0.5cm;">Chemistry drives progress towards a more sustainable world. Read our campaigns and reports covering the future of batteries, plastics, recycling technology, chemical waste and pollution, and so much more.</p> </div> </div> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 0.2cm;"><a href="/policy-evidence-campaigns/inclusion-diversity/">Inclusion, diversity, accessibility and culture in science</a></h3> <p><a href="/policy-evidence-campaigns/inclusion-diversity/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/policy-and-perspectives-landing-page/racial-and-ethnic-inequalities.jpg?version=abc370df" alt="Racial and ethnic inequalities.jpg" width="100%"></a></p> <br> <p style="padding-bottom: 0.6cm;">Our wide-ranging work to make chemistry more welcoming to everyone includes original research, toolkits and guidelines, covering gender, race and ethnicity, disability, sexual orientation and beyond.</p> </div> </div> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 1.0cm;"><a href="/policy-evidence-campaigns/discovery-research-and-innovation/">Discovery, research and innovation</a></h3> <p><a href="/policy-evidence-campaigns/discovery-research-and-innovation/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/policy-and-perspectives-landing-page/research-and-innovation-block-ls.jpg?version=abc35de9" alt="Research and innovation.jpg" width="100%"></a></p> <br> <p>In close collaboration with the research community, we set out the likely future of where chemistry’s greatest contributions will be – as well as the regulatory and funding environments needed to achieve them.</p> </div> </div> </div> </div> </div> </div> </div> <div class="row edge2edge-lg"> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 0.2cm;"><a href="/policy-evidence-campaigns/chemistry-education/">Chemistry policy in the education sector</a></h3> <p><a href="/policy-evidence-campaigns/chemistry-education/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/policy-and-perspectives-landing-page/future-of-practical-science-lessons.jpg?version=abc37781" alt="" width="100%"></a></p> <br> <p>Everyone deserves an engaging, relevant, high quality, and inspiring chemistry education. We push for this goal with our reports and policy work on curricula, inclusion and outreach, practical education and more.</p> </div> </div> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 0.2cm;"><a href="/policy-evidence-campaigns/chemical-waste-and-pollution/">Chemical waste and pollution</a></h3> <p><a href="/policy-evidence-campaigns/chemical-waste-and-pollution/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/policy-and-perspectives-landing-page/sustainable-chemical-strategy.jpg?version=abc37fff" alt="" width="100%"></a></p> <br> <p>To solve the world's major environmental and health challenges, we need a sustainable, globally coordinated approach to chemical waste and pollution. To make this happen we engage with international science and policy communities.</p> </div> </div> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <div class="pad-m"> <h3 style="padding-bottom: 0.2cm;"><a href="/policy-evidence-campaigns/brought-to-you-by-chemistry-podcast/">Listen to our podcasts</a></h3> <p><a href="/policy-evidence-campaigns/brought-to-you-by-chemistry-podcast/"><img src="https://epi-rsc.rsc-cdn.org/globalassets/22-new-perspectives/landing-pages/sustainability-landing-page/plastics-explainers.jpg?version=ad7aeeb6" width="100%"></a></p> <br> <p>In Brought to you by Chemistry, experts from around the world explore what we can do to create a more sustainable future. Our series cover plastic and battery usage, and renewable energy sources. Our guests don't always see eye to eye!</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell bdr-top-dk-orange"> <div class="pad-lg"> <h2>More in policy, evidence and campaigns</h2> <div class="rsc-ui"> <div class="row edge2edge-sm"> <div class="column two"> <div class="padh-sm"> <ul class="no-indent no-bullet dividers"> <li><a href="/policy-evidence-campaigns/about-our-policy-work/">About our policy work</a></li> <li><a href="/policy-evidence-campaigns/get-involved-with-public-engagement-and-outreach/">Get involved in public engagement and outreach</a></li> <li><a href="/policy-evidence-campaigns/campaign-get-involved/">Campaigning - get involved, write to your MP</a></li> <li><a href="/policy-evidence-campaigns/discovery-research-and-innovation/chemistry-and-eu-exit/">Chemistry and the EU exit</a></li> <li><a href="/policy-evidence-campaigns/about-our-policy-work/#comprehensive-spending-review">Our representation of the Comprehensive Spending Review</a></li> <li><a href="/policy-evidence-campaigns/about-our-policy-work/#policy-survey">Policy survey of our members</a></li> </ul> </div> </div> <div class="column two"> <div class="pad-sm"> <h3 style="padding-bottom: 0.3cm;">Open science</h3> <ul class="no-indent no-bullet dividers"> <li><a href="/journals-books-databases/open-science/">Our commitment to open science</a></li> <li><a href="#mce_temp_url#">Open access and Plan-S</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="layout-a2__col-b"> <div class="sub-menu sub-menu--global"> <div class="sub-menu__header"> <h3><a href="/policy-evidence-campaigns/" title="Policy, evidence and campaigns">Policy, evidence and campaigns</a> </h3> </div> <nav> <ul class="sub-menu__level-1" role="navigation"> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/chemical-waste-and-pollution/"> Our work to inform chemicals, waste and pollution policy </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/discovery-research-and-innovation/"> Discovery, research and innovation </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/chemistry-education/"> Chemistry education </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/environmental-sustainability/"> Environmental sustainability </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/inclusion-diversity/"> Inclusion and diversity in the chemical sciences </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/about-our-policy-work/"> About our policy work </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/brought-to-you-by-chemistry-podcast/"> Brought to you by chemistry podcast </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/campaign-get-involved/"> Campaign and get involved </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/get-involved-with-public-engagement-and-outreach/"> Get involved with public engagement and outreach </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/open-access-and-plan-s/"> Open access and Plan S </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/researchers-voice/"> Researchers’ voice on open access </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/policy-asks/"> Policy asks </a> </li> <li class="sub-menu__level-1"> <a href="/policy-evidence-campaigns/uk-general-election/"> UK General Election Asks </a> </li> </ul> </nav> </div> <div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <style><!-- /* stop content overflow on episerver elements */ .contacts-box, .content-block, .content-block--pagination, .image-gallery-block, .modal-form, .related-content, .text-image-block { overflow: inherit; } /* remove left hand column in template A2 */ .layout-a2 .layout-a2__col-a { width: 100%; float: none; overflow-x: hidden !important; line-height: 28px; } @media (min-width: 768px) { .layout-a2 .layout-a2__col-a { width: 100%; float: none; overflow-x: visible !important; } } @media (min-width: 950px) { .layout-a2 .layout-a2__col-a { width: 100%; } } .layout-a2 .layout-a2__col-b { width: 100%; float: right; overflow: visible; display: none; } @media (min-width: 550px) { .layout-a2 .layout-a2__col-b { width: 100%; float: right; display: none; } } @media (min-width: 768px) { .layout-a2 .layout-a2__col-b { width: 0%; float: left; margin-right: 3.125%; display: none; } } @media screen and (min-width: 1240px) { .layout-a2 .layout-a2__col-b { min-width: 300px; display: none; } } @media (min-width: 1100px) { .top-image-area--a2 .top-image-area__overlay { display: none; } } .top-image-area--a2 .top-image-area__gradient { display: none; } .top-image-area--a2 .top-image-area__img { display: none; } .top-image-area--a2 { position: absolute; left: -1000px; } }/* PLANNER.CSS */ /* CSS Document */ .rsc-ui .tbl-planner { border-top: 1px solid rgba(0,0,0,0.1) !important; display: table; width: 100%; line-height: 16px; position: relative; overflow: hidden; font-size: 12px; font-family: 'Montserrat', Arial, sans-serif, museo_sans300; font-weight: 300; } @media (min-width: 768px) { .rsc-ui .tbl-planner { min-width: 980px; } } .rsc-ui .planner-column { position: relative; display: block; vertical-align: top; box-sizing: border-box; z-index: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (min-width: 768px) { .rsc-ui .planner-column:hover, .rsc-ui .planner-column:focus { z-index: 1000; box-shadow: 0 0 16px rgba(0,0,0,0.2); width: 240px; xmin-width: 240px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .planner-column:nth-child(1):hover, .rsc-ui .planner-column:nth-child(1):focus { z-index: 1; box-shadow: 0 0 0px rgba(0,0,0,0); width: auto; min-width: 40px; } } .rsc-ui .planner-column:nth-child(1) { position: absolute; width: 100%; z-index: 1; } .rsc-ui .planner-column.mobile-col { position: absolute; width: 100%; } @media (min-width: 768px) { .rsc-ui .planner-column:nth-child(1) { position: inherit; width: auto; } .rsc-ui .planner-column { display: table-cell; vertical-align: top; box-sizing: border-box; } .rsc-ui .planner-column.mobile-col { display: none; } } .rsc-ui .planner-column-head { font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.1) !important; text-align: center; font-size: 12px; line-height: 16px; padding: 2px 8px; color: #29A8E7; } @media (min-width: 768px) { .rsc-ui .planner-column-head { padding: 8px 8px; } } .rsc-ui .planner-column:nth-child(1) .planner-column-head { color: #767676; text-decoration: none; text-align: left; width: 50px; } .rsc-ui .planner-column-head { background-color: rgba(0,0,0,0.015); } .rsc-ui .planner-column a.cell { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 12px; line-height: 16px; font-family: 'Montserrat', Arial, sans-serif, museo_sans_500regular; position: relative; z-index: 1; padding: 8px; } .rsc-ui .planner-column a.cell:before { display: block; width: 100%; height: 100%; min-height: 100px; min-width: 100px; position: absolute; top: 0; left: 0; background-color: #FFF; } .rsc-ui .planner-column a.cell:hover, .rsc-ui .planner-column a.cell:focus { background-color: #FFF !important; overflow: visible; z-index: 999; box-shadow: 0 0 16px rgba(0,0,0,0.2); } @media (min-width: 768px) { .rsc-ui .planner-column a.cell:hover, .rsc-ui .planner-column a.cell:focus { -ms-transform: scale(1.1, 1.1); /* IE 9 */ -webkit-transform: scale(1.1, 1.1); /* Safari */ transform: scale(1.1, 1.1); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 999; padding-bottom: 40px; } } .rsc-ui .planner-column a.cell .session-theme { font-size: 9px; line-height: 10px; text-transform: uppercase; font-weight: 700; display: block; xbackground-color: rgba(0,0,0,0.05); xbackground-color: rgba(255,255,255,0.5); xborder-bottom: 2px solid #FFFFFF; xborder-bottom: 1px solid rgba(0,0,0,0.05); margin: -8px; padding: 4px 8px; min-height: 14px; } @media (min-width: 768px) { .rsc-ui .planner-column a.cell .session-theme { min-height: 52px; } } @media (min-width: 1280px) { .rsc-ui .planner-column a.cell .session-theme { min-height: 28px; } } .rsc-ui .planner-column:hover a.cell .session-theme, .rsc-ui .planner-column:focus a.cell .session-theme { display: block; } .rsc-ui .planner-column a.cell .session-text { display: block; line-height: 16px; margin-top: 12px; font-weight: 700; font-size: 14px; } .rsc-ui .planner-column a.cell .session-speaker { display: none; line-height: 16px; margin-top: 12px; } .rsc-ui .planner-column a.cell:hover .session-speaker, .rsc-ui .planner-column a.cell:focus .session-speaker { display: block; line-height: 16px; margin-top: 12px; } .rsc-ui .planner-column .common-session { background-color: rgba(0,0,0,0.05); background-color: rgba(244,244,244,0.8); color: #767676; position: absolute; width: 100%; text-align: center; display: table-cell; vertical-align: middle; font-weight: bold; z-index: 10; width: calc(100% - 48px); margin-left: 51px; } @media (min-width: 768px) { .rsc-ui .planner-column .common-session { padding-top: 12px !important; } } .rsc-ui .planner-column .btn-session { margin: 8px 4px; padding: 4px; xborder: 1px solid rgba(0,0,0,0.1); border-radius: 3px; color: #FFF; cursor: pointer; display: none; font-family: 'Montserrat', Arial, sans-serif, museo_sans_500regular; min-width: 140px; height: 32px; padding: 8px; line-height: 12px; outline: 0; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; width: auto; background-color: #767676; position: absolute; top: -40px; left: calc(50% - 78px); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: 0 0 8px rgba(0,0,0,0.2); } .rsc-ui .planner-column .btn-session:before { display: block; content: " "; width: 1px; height: 1px; line-height: 1px; border: 6px solid transparent; border-top: 6px solid #767676; position: absolute; bottom: -12px; left: calc(50% - 6px); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .planner-column a.cell:hover .btn-session { display: block; } .rsc-ui .planner-column .btn-session:hover, .rsc-ui .planner-column .btn-session:focus { background-color: #29A8E7; color: #FFFFFF; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .planner-column .btn-session:hover:before, .rsc-ui .planner-column .btn-session:focus:before { border-top: 6px solid #29A8E7; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .planner-column.perc5 { width: 5%; } .rsc-ui .planner-column.perc10 { width: 10%; } .rsc-ui .planner-column.perc-eighth { width: calc(100% - 48px); margin-left: 48px; } .rsc-ui .planner-column.perc20 { width: 20%; } .rsc-ui .planner-column.perc25 { width: 25%; } .rsc-ui .planner-column.perc50 { width: 50%; } @media (min-width: 768px) { .rsc-ui .planner-column.perc-eighth { width: 12.5%; } } .rsc-ui .planner-column .rowh { height: 40px; overflow: hidden; text-wrap: none; } .rsc-ui .planner-column { border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid #FFF; } .rsc-ui .planner-column:first-child { border-left: 1px solid rgba(0,0,0,0.1); } .rsc-ui .planner-column .cell { display: block; min-height: 20px; height: 20px; box-sizing: border-box; xpadding: 2px; border-bottom: 1px dashed rgba(0,0,0,0.05); overflow: hidden; padding: 2px 8px; } @media (min-width: 768px) { .rsc-ui .planner-column .cell { height: 40px; padding: 8px; } } .rsc-ui .planner-column .cell.shaded { background-color: rgba(0,0,0,0.05); } .rsc-ui .planner-column .cell15m { min-height: 20px; box-sizing: border-box; xpadding: 4px; height: 20px; } .rsc-ui .planner-column .cell30m { min-height: 40px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell45m { min-height: 60px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell1h { min-height: 80px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell1h15m { min-height: 100px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell1h30m { min-height: 120px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell1h45m { min-height: 140px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell2h { min-height: 160px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell2h15m { min-height: 180px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell2h30m { min-height: 200px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell2h45m { min-height: 220px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell3h { min-height: 240px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell3h15m { min-height: 260px; box-sizing: border-box; xpadding: 4px; } .rsc-ui .planner-column .cell3h30m { min-height: 280px; box-sizing: border-box; xpadding: 4px; } @media (min-width: 768px) { .rsc-ui .planner-column .cell15m { min-height: 40px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell30m { min-height: 80px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell45m { min-height: 120px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell1h { min-height: 160px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell1h15m { min-height: 200px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell1h30m { min-height: 240px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell1h45m { min-height: 280px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell2h { min-height: 320px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell2h15m { min-height: 360px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell2h30m { min-height: 400px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell2h45m { min-height: 440px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell3h { min-height: 480px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell3h15m { min-height: 520px; box-sizing: border-box; padding: 4px; } .rsc-ui .planner-column .cell3h30m { min-height: 560px; box-sizing: border-box; padding: 4px; } } .rsc-ui .planner-column .cell.bdr { border: 1px solid #505759; } .rsc-ui .planner-column .cell.bg-blue { background-color: rgba(0,107,166,0.05) !important; border-left: 4px solid rgba(0,107,166,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-yellow { background-color: rgba(234,218,36,0.05) !important; border-left: 4px solid rgba(234,218,36,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-vi-green { background-color: rgba(206,220,0,0.05) !important; border-left: 4px solid rgba(206,220,0,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-green { background-color: rgba(106,220,0,0.05) !important; border-left: 4px solid rgba(106,220,0,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-orange { background-color: rgba(218,170,0,0.05) !important; border-left: 4px solid rgba(218,170,0,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-purple { background-color: rgba(201,100,207,0.05) !important; border-left: 4px solid rgba(201,100,207,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-teal { background-color: rgba(0,140,149,0.05) !important; border-left: 4px solid rgba(0,140,149,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-pink { background-color: rgba(237,15,104,0.05) !important; border-left: 4px solid rgba(237,15,104,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-grey { background-color: rgba(128,128,128,0.05) !important; border-left: 4px solid rgba(192,192,192,1) !important; color: #223335 !important; } .rsc-ui .planner-column .cell.bg-white { background-color: rgba(255,255,255,0.8) !important; border-left: 4px solid rgba(235,235,235,1) !important; color: #223335 !important; } --></style> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <style><!-- /* Sitewide CSS document */ /* Ensure bold links and bold italics have correct font weight */ strong a, strong em { font-weight: 700 !important; } .rsc-ui ul.no-indent { margin-left: 0; -webkit-padding-start: 0px; -moz-padding-start: 0px; } .rsc-ui ul.no-bullet, .rsc-ui ul.no-bullet li { list-style-type: none; } .rsc-ui ul.dividers li { border-bottom: 1px dotted #DDD; border-bottom: 1px dotted rgba(0,0,0,0.2); } .rsc-ui ul.dividers li a { border-bottom: 0px dotted #FFF; display: block; text-decoration: none; padding-bottom: 8px; padding-top: 8px; } @media only screen and (min-width: 950px) { .rsc-ui ul.dividers li a { padding-bottom: 0px; padding-top: 0px; } } .rsc-ui ul.dividers li a:hover { background-color: rgba(0,0,0,0.05); } /* oxygen layout */ .rsc-ui .row { display: table; width: 100%; } .rsc-ui .row.edge2edge-xxsm { margin-left: -4px; margin-right: -4px; width: calc(100% + 8px); } .rsc-ui .row.edge2edge-xsm { margin-left: -8px; margin-right: -8px; width: calc(100% + 16px); } .rsc-ui .row.edge2edge-sm { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .rsc-ui .row.edge2edge-m { margin-left: -24px; margin-right: -24px; width: calc(100% + 48px); } .rsc-ui .row.edge2edge-lg { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); } /* images in boxed blockquotes */ .rsc-ui .image-fill-box { width: 100%; height: auto; } .rsc-ui .image-fill-box img { width: 100%; height: auto; } .rsc-ui .image-fill-box.fill-box-xxsm { max-width: 240px; } .rsc-ui .image-fill-box.fill-box-xsm { max-width: 320px; } .rsc-ui .image-fill-box.fill-box-sm { max-width: 480px; } .rsc-ui .image-fill-box.fill-box-lg { max-width: 960px; } .rsc-ui .image-fill-box.fill-box-xlg { max-width: 1200px; } .rsc-ui .row .column.two { display: block; width: 100%; vertical-align: top; } .rsc-ui .row .column.three { display: block; width: 100%; vertical-align: top; } .rsc-ui .row .column.four { display: block; width: 100%; vertical-align: top; } @media only screen and (min-width: 640px) { .rsc-ui .row .column.two { display: table-cell; width: 50%; vertical-align: top; } } @media only screen and (min-width: 768px) { .rsc-ui .row .column.three { display: table-cell; width: 33.33%; vertical-align: top; } } @media only screen and (min-width: 960px) { .rsc-ui .row .column.four { display: table-cell; width: 25%; vertical-align: top; } } /* .block-links */ .block-link-xsm { display: block; height: 80px; } .block-link-sm { display: block; height: 120px; } .block-link-m { display: block; height: 160px; } .block-link-lg { display: block; height: 240px; } .block-link-xlg { display: block; height: 320px; } /* fix row column heights */ .rsc-ui .row.fix-xsm .column { display: block; float: left; height: 80px; overflow-x: hidden; } .rsc-ui .row.fix-sm .column { display: block; float: left; height: 120px; overflow-x: hidden; } .rsc-ui .row.fix-lg .column { display: block; float: left; height: 240px; overflow-x: hidden; } .rsc-ui .row.fix-xlg .column { display: block; float: left; height: 320px; overflow-x: hidden; } /* oxygen padding */ .rsc-ui .pad-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 4px; } .rsc-ui .pad-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 8px; } .rsc-ui .pad-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 16px; } .rsc-ui .pad-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 24px; } .rsc-ui .pad-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 32px; } /* horizontal padding */ .rsc-ui .padh-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 4px; padding-right: 4px; } .rsc-ui .padh-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 8px; padding-right: 8px; } .rsc-ui .padh-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 16px; padding-right: 16px; } .rsc-ui .padh-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 24px; padding-right: 24px; } .rsc-ui .padh-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 32px; padding-right: 32px; } /* vertical padding */ .rsc-ui .padv-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 4px; padding-top: 4px; } .rsc-ui .padv-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 8px; padding-top: 8px; } .rsc-ui .padv-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 16px; padding-top: 16px; } .rsc-ui .padv-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 24px; padding-top: 24px; } .rsc-ui .padv-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 32px; padding-top: 32px; } /* gaps */ .rsc-ui .gap-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 8px 0; } .rsc-ui .gap-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 16px 0; } .rsc-ui .gap-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 32px 0; } /* helper classes */ .rsc-ui .block { display: block; width: 100%; } .rsc-ui hr.clear { box-shadow: none; border-color: transparent; -webkit-margin-before: 0px; height: 0px; margin-bottom: -1px; } .rsc-ui .pull-left { float: left; } .rsc-ui .pull-right { float: right; } /* Oxygen buttons */ .rsc-ui .btn, .rsc-ui a.btn { border: 1px solid #E6E6E6; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #6C7476 !important; cursor: pointer; display: inline-block; font-family: museo_sans_500regular,Arial; min-width: 40px; height: 40px; padding: 8px; position: relative; line-height: 24px; outline: 0; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; width: auto; background-color: #F9F8F8; background: -moz-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #E6E6E6 66%); } .rsc-ui .btn img, .rsc-ui .btn, .rsc-ui a.btn img { width: 24px; height: 24px; vertical-align: top; } .rsc-ui .btn:hover { background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%); background-color: #F9F8F8; border: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0px 3px rgba(0,0,0,0); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .btn.selected, .rsc-ui a.btn.selected { background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%); background-color: #F4F3F2; box-shadow: 0 0px 3px rgba(0,0,0,.1); } .rsc-ui .btn.small, .rsc-ui a.btn.small { height: 32px; line-height: 24px; min-width: 32px; padding: 4px; } .rsc-ui .btn.large, .rsc-ui a.btn.large { height: 48px; line-height: 24px; min-width: 48px; padding: 12px; } /* helper classes */ .rsc-ui .centred { margin-left: auto; margin-right: auto; } .rsc-ui .pull-left { float: left; } .rsc-ui .pull-right { float: right; } .rsc-ui .ft-xxsm { font-size: 10px; line-height: 16px; } .rsc-ui .ft-xsm { font-size: 12px; line-height: 16px; } .rsc-ui .ft-sm { font-size: 14px; line-height: 16px; } .rsc-ui .ft-lg { font-size: 18px; line-height: 24px; } .rsc-ui .ft-xlg { font-size: 20px; line-height: 24px; } .rsc-ui .ft-xxlg { font-size: 22px; line-height: 24px; } .rsc-ui .ft-xxxlg { font-size: 32px; line-height: 32px; } /* heading sizes */ .rsc-ui .hd-xxsm { font-size: 32px; line-height: 32px; } .rsc-ui .hd-xsm { font-size: 40px; line-height: 40px; } .rsc-ui .hd-sm { font-size: 48px; line-height: 48px; } .rsc-ui .hd-lg { font-size: 56px; line-height: 56px; } .rsc-ui .hd-xlg { font-size: 64px; line-height: 64px; } .rsc-ui .hd-xxlg { font-size: 72px; line-height: 72px; } .rsc-ui .hd-xxxlg { font-size: 80px; line-height: 80px; } .rsc-ui .text-center { text-align: center; } .rsc-ui .text-right { text-align: right; } .rsc-ui .text-left { text-align: left; } .rsc-ui .text-center-mobile-only { text-align: center; } .rsc-ui .text-center-mobile-only.boxed { max-width: 320px; margin: 0 auto !important; } @media only screen and (min-width: 768px) { .rsc-ui .text-center-mobile-only { text-align: left; } .rsc-ui .text-center-mobile-only.boxed { max-width: 100%; } } .rsc-ui .ft-justify { text-align: justify; } .rsc-ui .ft-truncate { text-overflow: ellipsis; overflow: hidden !important; } .rsc-ui .ft-bold { font-weight: 700; } /* example styling */ .rsc-ui div.shell { background-color: #FFFFFF; border: 1px solid #ECECEC; background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: -ms-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: linear-gradient(top bottom, #FFFFFF 0%, #F9F8F8 150%); box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .rsc-ui .live-example { border: 1px dotted #007AAF; min-width: 280px; width: auto; padding: 40px 16px 0px 16px; position: relative; margin-bottom: 8px; } .rsc-ui .live-example:before { content: "Example"; display: block; position: absolute; top: 8px; left: 8px; padding: 8px; color: #999999; line-height: 16px; font-size: 12px; font-weight: bold; text-transform: uppercase; width: auto; } .rsc-ui .code-footer { background-color: #F9F8F8; clear: both; width: auto; xwidth: calc(100% + 16px); border-top: 1px solid #ECECEC; margin: 16px -16px 0 -16px; padding: 8px; } .rsc-ui code, .rsc-ui textarea.code { border: 1px solid #FFFFFF; border: 1px solid rgba(255,255,255,.04) !important; background-color: #F9F8F8; color: #223335; display: inline-block; font-family: monospace; padding-right: 8px; padding-left: 8px; margin: 0; line-height: 24px; } /* rsc.org styles override */ .btn:link, .btn:visited { margin-bottom: 0; } .rsc-ui blockquote:before { content: '\201C'; content: ''; display: inline; font-family: Arial !important; font-size: 16px; line-height: 20px; position: relative; margin-right: 0px; } .rsc-ui blockquote:after { content: '\201D'; content: ''; display: inline; font-family: Arial !important; margin-left: 0px; } /* end rsc.org styles override */ .rsc-ui blockquote { border-color: #97D700; font-size: 16px; line-height: 24px; font-family: Arial !important; } .rsc-ui blockquote { margin-left: 0px; -webkit-margin-start: 0px; margin-bottom: 16px; /*width: calc(100% - 40px);*/ width: 100%; } @media only screen and (min-width: 768px) { .rsc-ui blockquote { margin-top: 16px; margin-bottom: 32px; padding: 16px; } } .rsc-ui blockquote { background-color: #f1f7f8; display: block; padding: 10px !important; border: 1px solid #48A9C5; border-left: 8px solid #48A9C5; margin-top: 16px; overflow: hidden; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 24px; -webkit-margin-end: 24px; } .rsc-ui blockquote footer { clear: both; display: block; position: relative; width: 100%; height: auto; margin-top: 16px; min-height: 40px; padding: 0px !important; } .rsc-ui blockquote footer.caption, .rsc-ui blockquote footer cite { color: #54585A; xfont-size: 12px; letter-spacing: 0; font-style: italic; } .rsc-ui blockquote.boxed { border-left: 1px solid #48A9C5; border-radius: 4px; } .rsc-ui blockquote.boxed1 { background-color: #ffffff; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px; border-radius: 0px; } .rsc-ui blockquote.boxed2 { background-color: #fbf4b1; border-left: 1px solid #ccb900; border-right: 1px solid #ccb900; border-top: 1px solid #ccb900; border-bottom: 1px solid #ccb900; border-radius: 4px; } .rsc-ui .pull-quote { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; xborder: 1px solid #CCCCCC; border-left: 8px solid #CCCCCC; line-height: 24px; padding: 8px; margin: 16px 0 16px 0 !important; letter-spacing: -0.03em; font-weight: 700; letter-spacing: -0.00em; } .rsc-ui .pull-quote q { font-weight: 700; font-family: MuseoSlab700Regular, museo_slab500, museo_sans_500regular, Arial; font-style: normal; display: inline-block; width: auto; padding: 16px 32px !important; margin-top: 16px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; text-align: center; letter-spacing: -0.03em; font-size: 20px; line-height: 28px; quotes: "\201C""\201D""\2018""\2019"; letter-spacing: -0.00em; } .rsc-ui .pull-quote q:before { color: #ccc; content: open-quote; font-size: 4em; font-family: Georgia, 'Times New Roman', Arial !important; font-weight: bold; line-height: 0.1em; margin-right: 4px; vertical-align: -0.35em; margin-left: -16px; } .rsc-ui .pull-quote q:after { color: #ccc; content: close-quote; font-size: 4em; font-family: Times New Roman, Arial; font-weight: bold; line-height: 0.1em; margin-left: 4px; vertical-align: -0.4em; } .rsc-ui .pull-quote.stand-out { background-color: #33556B; border-left: 8px solid #33556B; border-left: 8px solid rgba(0,0,0,0.4); color: #F4F3F2; } .rsc-ui .pull-quote.stand-out q { color: #CCC; } .rsc-ui .hug-btm-rt { position: absolute; bottom: 0px; right: 0px; } .rsc-ui p.hug-btm-rt { margin-bottom: 0px; } .rsc-ui .ident-175minutes { background-color: #FFFFFF; max-width: 768px; margin-top: 16px !important; } .rsc-ui .ident-175minutes.vertical { background-color: #FFFFFF; max-width: 320px; } .rsc-ui .ident-175minutes h3 { color: #2c4d67; font-family: museo_slab500; font-weight: 700; font-size: 18px; margin: 0; } .rsc-ui .ident-175minutes .content { width: 100%; float: none; } .rsc-ui .ident-175minutes .logo { max-width: 240px; float: right; padding-left: 0px; } .rsc-ui .ident-175minutes.vertical .content { width: 100%; float: none; } .rsc-ui .ident-175minutes.vertical .logo { max-width: 320px; float: right; padding-left: 0px; width: 100%; } @media only screen and (min-width: 550px) { .rsc-ui .ident-175minutes .content { width: auto; width: calc(100% - 240px); float: left; } .rsc-ui .ident-175minutes .logo { float: left; padding-left: 16px; } } /* event blocks */ .rsc-ui .event-block-list .event-block-item { background-color: #F4F3F2; border: 5px solid #F4F3F2; border: 5px solid rgba(0,0,0,0.1); padding: 24px; margin-bottom: 16px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rsc-ui .event-block-list .event-block-item:hover { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFFFFF; } .rsc-ui .event-block-list .event-heading { font-family: museo_sans_500regular; font-size: 20px; line-height: 28px; padding-bottom: 8px; margin-bottom: 11px; display: block; word-wrap: break-word; border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0,0,0,0.1); color: #223335; } .rsc-ui .event-block-list .event-copy { font-family: museo_sans300; font-size: 16px; line-height: 24px; margin: 0; color: #21949F; } .rsc-ui .event-block-list a { color: #223335; display: block; text-decoration: none; } .rsc-ui .event-block-list a:hover { color: #115E67; } .event-block-list.event-with-date a { text-decoration: none; color: #21949F; display: table; width: 100%; } .event-block-list.event-with-date a:hover .ev-event-col { background-color: #EEECE1; } .event-block-list.event-with-date .ev-event-col { display: table-cell; padding: 0 10px; vertical-align: middle; border-bottom: 8px solid #FFF; } .event-block-list.event-with-date .ev-date-col { display: table-cell; font-family: museo_sans300, Arial; font-weight: 300; width: 80px; height: 80px; background-color: #EEECE1; color: #21949F; padding: 8px; font-size: 30px; text-align: center; border-bottom: 8px solid #FFF; border-right: 1px solid #FFF; vertical-align: top; } .event-block-list.event-with-date .ev-date-col .ev-date-month { font-family: museo_sans_500regular, Arial; font-weight: 500; display: block; font-size: 14px; line-height: 16px; } .event-block-list.event-with-date .ev-date-col .ev-date-day { display: block; font-size: 32px; line-height: 32px; } .event-block-list.event-with-date .ev-date-col .ev-date-year { font-family: museo_sans_500regular, Arial; font-weight: 500; display: block; font-size: 14px; line-height: 16px; } .rsc-ui .icon-pre-text { vertical-align: middle; padding-right: 8px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* tables */ .clear-cell-tl { position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #2c4d67; } .clear-cell-bl { position: absolute; bottom: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; padding-right: 8px; } .clear-cell-bm { position: absolute; bottom: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; padding: 3px; padding-top: 12px; padding-right: 4px; } .clear-cell-br { position: absolute; bottom: -1px; right: -1px; width: calc(100% + 2px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 3px; padding-top: 12px; } /* coloured buttons and ctas */ .bg-gold-oa { background-color: #FAF400; color: #171717; } .bg-green-oa { background-color: #64A70B; } a.btn-gold-oa { background-color: #FAF400; border-bottom: 2px solid rgba(0,0,0,0.1); color: #171717; display: block; font-family: museo_sans_500regular; font-weight: bold; vertical-align: middle; height: 48px; line-height: 16px; padding: 8px; text-align: center; text-decoration: none; } a.btn-gold-oa:hover { background-color: #F1E53E; } a.btn-green-oa { background-color: #64A70B; border-bottom: 2px solid rgba(0,0,0,0.1); color: #FFF; display: block; font-family: museo_sans_500regular; font-weight: bold; vertical-align: middle; height: 48px; line-height: 16px; padding: 8px; text-align: center; text-decoration: none; } a.btn-green-oa:hover { background-color: #83C411; } .hr-gold-oa { width: 100%; border-style: solid; border-color: #EAC700; padding-top: 20px; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .hr-green-oa { width: 100%; border-style: solid; border-color: #64A70B; padding-top: 20px; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } /* coloured elements */ .rsc-ui .bg-info { background-color: #007AAF !important; background-color: rgba(0,107,166,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-active { background-color: #64A70B !important; background-color: rgba(100,167,11,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-inactive { background-color: #CCCCCC !important; background-color: rgba(204,204,204,0.6) !important; color: #999999 !important; line-height: 32px; } .rsc-ui .bg-warning { background-color: #EEDC00 !important; background-color: rgba(234,218,36,0.6) !important; color: #000000 !important; line-height: 32px; } .rsc-ui .bg-alert { background-color: #D30707 !important; background-color: rgba(211,7,7,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .bg-green { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-green { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui a.bg-dk-purple:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui a.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui a.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui a.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui a.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui a.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui a.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui a.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui a.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui a.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui a.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui a.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .bg-dk-purple a { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-purple a { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-pink a { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-pink a { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-blue a { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-blue a { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .bg-blue a { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-blue a { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .bg-teal a { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-teal a { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .bg-green a { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-green a { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .bg-dk-yellow a { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .bg-yellow a { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .bg-dk-orange a { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-orange a { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .bg-dk-grey a { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-grey a { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui a.bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; text-decoration: none; } .rsc-ui button.bg-dk-purple { background-color: #610931 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui button.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui button.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui button.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui button.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui button.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui button.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui button.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui button.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui button.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui button.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui button.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui button.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui button.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui button.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui button.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-purple { background: none; background-color: #610931 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-purple { background: none; background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-pink { background: none; background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-pink { background: none; background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-blue { background: none; background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-blue { background: none; background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .btn.bg-blue { background: none; background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-blue { background: none; background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .btn.bg-teal { background: none; background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-teal { background: none; background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .btn.bg-green { background: none; background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-green { background: none; background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-yellow { background: none; background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .btn.bg-yellow { background: none; background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-orange { background: none; background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-orange { background: none; background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-grey { background: none; background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-grey { background: none; background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui .btn.bg-white { background: none; background-color: #FFFFFF !important; color: #999999 !important; } .rsc-ui .btn.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui .btn.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui .btn.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui .btn.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .btn.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .bdr-top-dk-purple { border-top: 4px solid #991E66 !important; } .rsc-ui .bdr-top-wm-purple { border-top: 4px solid #DA1884 !important; } .rsc-ui .bdr-top-dk-pink { border-top: 4px solid #BB074C !important; } .rsc-ui .bdr-top-vi-pink { border-top: 4px solid #C8102E !important; } .rsc-ui .bdr-top-dk-blue { border-top: 4px solid #4F758B !important; } .rsc-ui .bdr-top-lt-blue { border-top: 4px solid #48A9C5 !important; } .rsc-ui .bdr-top-blue { border-top: 4px solid #007AAF !important; } .rsc-ui .bdr-top-vi-blue { border-top: 4px solid #71DBD4 !important; } .rsc-ui .bdr-top-teal { border-top: 4px solid #115E67 !important; } .rsc-ui .bdr-top-lt-teal { border-top: 4px solid #94B7BB !important; } .rsc-ui .bdr-top-green { border-top: 4px solid #64A70B !important; } .rsc-ui .bdr-top-vi-green { border-top: 4px solid #97D700 !important; } .rsc-ui .bdr-top-dk-yellow { border-top: 4px solid #DEBF00 !important; } .rsc-ui .bdr-top-yellow { border-top: 4px solid #EEDC00 !important; } .rsc-ui .bdr-top-dk-orange { border-top: 4px solid #FC4C02 !important; } .rsc-ui .bdr-top-wm-orange { border-top: 4px solid #FF9E1B !important; } .rsc-ui .bdr-top-dk-grey { border-top: 4px solid #54585A !important; } .rsc-ui .bdr-top-wm-grey { border-top: 4px solid #D1CCBD !important; } #maincontent .top-image-area__cta { float: none; margin-right: 0; max-width: none; width: auto; } @media (min-width: 768px) { #maincontent .top-image-area__cta .cta__link { width: 48% !important; } } @media (min-width: 550px) { #maincontent .top-image-area__cta { padding-top: 0; } #maincontent .top-image-area__cta .cta__link { width: 48% !important; height: auto; min-height: 0; } #maincontent .top-image-area__cta .cta__link:nth-child(2) { margin-right: 0; } #maincontent .top-image-area__cta .cta__block { display: block; padding-top: 20px !important; padding-bottom: 20px !important; } } @media (max-width: 550px) { #maincontent .top-image-area__cta .cta__block { display: block; } #maincontent .top-image-area__cta { margin-bottom: 16px; } #maincontent .top-image-area__cta .cta--yellow .add-icon-after-go-arrow-right { background-image: url(/public/img/local/go_arrow_blue_mobile.png) !important; } #maincontent .top-image-area__cta .cta--blue .add-icon-after-go-arrow-right { background-image: url(/public/img/local/go_arrow_white_mobile.png) !important; } } --></style> </div> </div></div> <!-- <!-- this link triggers the #modal-share-by-email popup --> <h3>Share</h3> <ul class="share-links"> <li><a target="_blank" class="fb-share" href="#">FB</a></li> <li><a target="_blank" class="twitter-share" href="#">Twitter</a></li> <li><a target="_blank" class="linkedin-share" href="">LinkedIn</a></li> </ul> <div class="share-clearfix"></div> <div class="advertising-spotlights-container"> </div> </div> </div> </main> <footer role="contentinfo"> <a href="#" onclick="scrollToTop();return false" class="returntotop"> <span class="returntotop__image"></span> <span class="returntotop__text">Back to top</span> </a> <div class="grid-container"> <!-- /.master-footer__col-a --> <div class="master-footer__col-b"> <div class="footer-links"> <h3>Not a member?</h3> <ul> <li><a href="/membership-and-community/join/" target="_top">Join us now</a></li> </ul> </div> </div> <!-- /.master-footer__col-b --> <div class="master-footer__col-c"> <nav> <ul class="main-section-links"> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-blue.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-blue.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-publishing.jpg?version=3f1b965a&width=800&format=jpg&quality=80" data-img-title="Journals & books" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-publishing.jpg?version=3f1b965a&width=800&format=jpg&quality=80" title="Journals & books" alt="Journals & books" alt="image block"></noscript> <a href="/journals-books-databases/" class="h3 h3--theme-dark"> Journals </a> </li> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-mulberry.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-mulberry.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-network.jpg?version=3f1b965a&width=800&format=jpg&quality=80" data-img-title="Networks" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-network.jpg?version=3f1b965a&width=800&format=jpg&quality=80" title="Networks" alt="Networks" alt="image block"></noscript> <a href="/membership-and-community/" class="h3 h3--theme-dark"> Networks </a> </li> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-tangerine.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-tangerine.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-contact.jpg?version=3f1b9659&width=800&format=jpg&quality=80" data-img-title="Contacts" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-contact.jpg?version=3f1b9659&width=800&format=jpg&quality=80" title="Contacts" alt="Contacts" alt="image block"></noscript> <a href="/locations-contacts/" class="h3 h3--theme-dark"> Contacts </a> </li> </ul> </nav> <ul class="social-links"> <li><a class="social-links__link social-links__link--facebook" href="https://www.facebook.com/RoyalSocietyofChemistry" target="_blank"><span class="visuallyhidden">Facebook</span></a></li> <li><a class="social-links__link social-links__link--twitter" href="https://twitter.com/RoySocChem" target="_blank"><span class="visuallyhidden">Twitter</span></a></li> <li><a class="social-links__link social-links__link--linkedin" href="http://www.linkedin.com/company/23105" target="_blank"><span class="visuallyhidden">Linked In</span></a></li> <li><a class="social-links__link social-links__link--you-tube" href="http://www.youtube.com/user/wwwRSCorg" target="_blank"><span class="visuallyhidden">YouTube</span></a></li> </ul> </div> <div class="master-footer__row-b"> <div class="master-footer__nav"> <ul class="footer-nav"> <li><a href="/help-legal/help/" title="Frequently asked questions">Help</a></li> <li><a href="/advertise/">Advertise</a></li> <li><a href="/help-legal/legal/">Legal</a></li> <li><a href="/help-legal/legal/privacy/" title="Privacy & cookies policy">Privacy</a></li> <li><a href="/help-legal/legal/accessibility/" title="Accessibility statement">Accessibility</a></li> </ul> </div> <div class="master-footer__copyright"> <p>© Royal Society of Chemistry 2025. Registered charity number 207890. </p> </div> </div> </div> <!-- /.master-footer__col-c --> </footer> <div class="rsc-onetrust-cookie-footer"> <div id="rsc-onetrust-cookie-footer-non-br"> This website collects cookies to deliver a better user experience. <span id="rsc-onetrust-cookie-footer-global"> See how this site uses <a href="/cookies/">Cookies</a>. </span> <span id="rsc-onetrust-cookie-footer-ca" style="display: none;"> <a href="/cookies/">Do not sell my personal data</a>. </span> </div> <div id="rsc-onetrust-cookie-footer-br" style="display: none;"> Este site coleta cookies para oferecer uma melhor experiência ao usuário. <span> Veja como este site usa <a href="/cookies/">Cookies</a>. </span> </div> </div> <!-- content for the email contact popup modal --> <div class="modal-popup modal-form contact-modal-form" id="contactForm"> <a href="#" class="modal-popup-close">close</a> <form parsley-validate="" ajax-form="email"> <fieldset> <legend></legend> <div class="form-row"> <label for="name">Your name: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="" name="name" id="name" parsley-required="true" parsley-trigger="change"> </div> <div class="form-row"> <label for="email">Your email: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="" name="email" id="email" parsley-required="true" parsley-type="email" parsley-trigger="change"> </div> <div class="form-row winnie-the-pooh"> <label for="email">Your phone: <span class="mandatory-it-is-not">* (required)</span></label> <input type="text" placeholder="" name="phone" id="phone" autocomplete="off" tabindex="-1"> <input type="hidden" name="Checksum" id="Checksum" value="-8584618202240747398"> </div> <div class="form-row"> <label for="subject">Subject: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="Question request" name="subject" id="subject" parsley-required="true" parsley-trigger="change"> </div> <div class="form-row"> <label for="message">Message: <span class="mandatory">* (required)</span></label> <textarea placeholder="My question is this..." name="message" id="message" cols="30" rows="10" parsley-required="true" parsley-trigger="change"></textarea> </div> </fieldset> <div class="ajax-error-message"></div> <input type="submit" class="btn" value="submit"> <input type="hidden" class="hidden-modal-email" name="maincontactemail" value=""> <input name="__RequestVerificationToken" type="hidden" value="gVYzNDGM5AqWmO_urNR6s4eOYoEifB-_aJAR_Q8Jzi6CjeeBNgPdAtCc143OhGAfqzWhxqBUGa1HPf6SJdiMjfbx9As1"> </form> <div class="success-message"> </div> </div> <!-- /content for the email contact popup modal --> <!-- Image resizer quality parameter --> <span id="imageResizerMobile" data-value="60" style="display:none"></span> <span id="imageResizerTablet" data-value="70" style="display:none"></span> <span id="imageResizerDesktop" data-value="80" style="display:none"></span> <!-- Main JS script --> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://epi-rsc.rsc-cdn.org/public/js/app.min.js?version=20240326094334"></script> <script src="https://epi-rsc.rsc-cdn.org/public/js/dotcentric.js?version=20240326094334"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptchaElements"></script> <script type="text/javascript" src="/public/js/epiForms.js"></script> <script> function OptanonWrapper() { // This is a OneTrust callback function that runs after the banner script has loaded var onetrustGeolocationResponse = OneTrust.getGeolocationData(); if (onetrustGeolocationResponse.state == "ca") { // If GeoLocation state is CA (California) then show the CA footer link document.getElementById("rsc-onetrust-cookie-footer-global").style.display = "none"; document.getElementById("rsc-onetrust-cookie-footer-ca").style.display = "block"; } else if (onetrustGeolocationResponse.country == "br") { // If GeoLocation country is BR (Brazil) then show the BR footer link document.getElementById("rsc-onetrust-cookie-footer-non-br").style.display = "none"; document.getElementById("rsc-onetrust-cookie-footer-br").style.display = "block"; } }; </script> </body> </html>