CINXE.COM

About the Royal Society of Chemistry

<!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>About the Royal Society of Chemistry</title> <meta name="description" content="Helping the chemical sciences community make the world a better place"> <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/about-us/"> <!-- Start Dublin Core --> <meta name="DC.Title" xml:lang="en" content="About the Royal Society of Chemistry"> <meta name="DC.Creator" content="Royal Society of Chemistry"> <meta name="DC.Subject" xml:lang="en" content="About the Royal Society of Chemistry"> <meta name="DC.Description" xml:lang="en" content="Helping the chemical sciences community make the world a better place"> <meta name="DC.Publisher" content="Royal Society of Chemistry"> <meta name="DC.Contributor" content="Royal Society of Chemistry"> <meta name="DC.Date" content="2014-03-26"> <meta name="DC.Format" schema="DCterms:IMT" content="text/html"> <meta name="DC.Type" content="web page"> <meta name="DC.Identifier" schema="DCterms:URI" content="https://www.rsc.org/about-us/"> <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="About the Royal Society of Chemistry"> <meta property="og:description" content="Helping the chemical sciences community make the world a better place"> <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/about-us/"> <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&#39; 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="is-current "> <a href="/about-us/">About us</a> </li><li class=""> <a href="/membership-and-community/">Membership &amp; professional community</a> </li><li class=""> <a href="/policy-evidence-campaigns/">Policy, evidence and campaigns</a> </li><li class=""> <a href="/journals-books-databases/">Journals, books &amp; databases</a> </li><li class=""> <a href="/teaching-and-learning/">Teaching &amp; learning</a> </li><li class=""> <a href="/news-events/">News &amp; events</a> </li><li class=""> <a href="/locations-contacts/">Locations, contacts &amp; 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"> About us<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="/about-us/our-structure/"> Structure &amp; governance </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-charter/"> Charter </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-history/"> History </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-strategy/"> Strategy </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-partnerships/"> Partnerships </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/corporate-information/"> Corporate information </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/work-for-us/"> Work for us </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"> About us </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="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/website_version_2.jpg?version=87c20e7a&amp;width=800&amp;format=jpg&amp;quality=80" data-img-alt="Top Image"><img class="slimmage" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/website_version_2.jpg?version=87c20e7a&amp;width=800&amp;format=jpg&amp;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">About the Royal Society of Chemistry</h1> <p class="home-header-with-drop"> We are a catalyst for the chemistry that enriches our world </p> </div> <div class="top-image-area__cta"> <a class="cta__link cta--yellow click-ripple" href="/about-us/our-strategy/"> <img class="click-ripple" src="https://epi-rsc.rsc-cdn.org/public/img/local/ripple-bg.png?version=20240326094334" width="300" height="300" alt="" style="display: block; opacity: 0; width: 0px; height: 0px; margin: 0px;"> <div class="cta__block"> <span class="cta__copy">Strategy</span> <b class="cta__block__icon add-icon-after-go-arrow-right"></b> </div> </a> <a class="cta__link cta--blue click-ripple" href="/about-us/our-structure/"> <img class="click-ripple" src="https://epi-rsc.rsc-cdn.org/public/img/local/ripple-bg.png?version=20240326094334" width="300" height="300" alt="" style="display: block; opacity: 0; width: 0px; height: 0px; margin: 0px;"> <div class="cta__block"> <span class="cta__copy">Structure &amp; governance</span> <b class="cta__block__icon add-icon-after-go-arrow-right"></b> </div> </a> </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 content-block--video hashtaglink" id="who-we-are"> <div class="content-block__bd"> <p><strong>Chemistry is at the centre of everything you can see, smell, touch and taste.</strong></p> <p>Whether studying the chemistry of life, or developing the advanced science behind modern technology, chemical scientists use their expertise to improve our health, our environment and our daily lives.</p> <p>Collaboration is essential. We connect scientists with each other and society as a whole, so they can do their best work and make discoveries and innovation happen.</p> <p>We publish new research. We develop, recognise and celebrate professional capabilities. We bring people together to spark new ideas and new partnerships. We support teachers to inspire future generations of scientists. And we speak up to influence the people making decisions that affect us all.</p> <p>We are a catalyst for the chemistry that enriches our world.</p> </div> <div class="content-block__video"> <div class="fitvids"> <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"> <iframe src="//www.youtube-nocookie.com/embed/-b7TpXAymI4" frameborder="0" allowfullscreen="" id="fitvid953138"></iframe> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink" id="about-us-pages"> <hr> <h2>What's in About us?</h2> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="row"> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/our-charter/">Charter</a></h3> <p>Our Royal Charter, originally granted in 1848 and updated to match our growth, is at the core of how we advance excellence in the chemical sciences. It states our fundamental aims and objectives, and codifies how we are governed.</p> </div> </div> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/our-history/">History</a></h3> <p>We are proud of our heritage, upon which we build our ambitious future. Read about our 175 years of history and see how we became the world's leading chemistry community.</p> </div> </div> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/our-strategy/">Strategy</a></h3> <p>Find out about our strategic priorities as an organisation and how we can best use our talents and resources to achieve our mission: by connecting people with the chemical sciences through knowledge, skills and community.</p> </div> </div> </div> </div> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="row"> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/our-structure/">Structure &amp; governance</a></h3> <p>Find out more about our structure and governance, including our Board of Trustees, Boards, Committees and subject communities.</p> </div> </div> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/our-partnerships/">Partnerships</a></h3> <p>We form strategic partnerships with organisations who share our goals to deliver educational activities, scientific policy and international development.</p> </div> </div> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/corporate-information/">Corporate documents</a></h3> <p>We report on our successes to various bodies, including our members and the Charity Commission, by producing summary reports of our strategies, activities and impacts.</p> </div> </div> </div> </div> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="row"> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/about-us/work-for-us/">Work for us</a></h3> <p>Find out more about becoming an employee of the Royal Society of Chemistry.</p> </div> </div> <div class="column three pad-sm"> <div class="pad-sm"> <h3><a href="/donations/">Make a donation</a></h3> <p>Find out how to make a donation, leave a gift in your will, and read about all of our work that your donations can help.</p> <h3>&nbsp;</h3> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <hr> </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="/about-us/" title="About us">About us</a> </h3> </div> <nav> <ul class="sub-menu__level-1" role="navigation"> <li class="sub-menu__level-1"> <a href="/about-us/our-structure/"> Structure &amp; governance </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-charter/"> Charter </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-history/"> History </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-strategy/"> Strategy </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/our-partnerships/"> Partnerships </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/corporate-information/"> Corporate information </a> </li> <li class="sub-menu__level-1"> <a href="/about-us/work-for-us/"> Work for us </a> </li> </ul> </nav> </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 class="advertising-spotlight"> <h3>Spotlight</h3> <p> <div id='div-dfp-ad-2'> <script>googletag.cmd.push(function() { googletag.display('div-dfp-ad-2'); });</script> </div> </div> </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&amp;width=800&amp;format=jpg&amp;quality=80" data-img-title="Journals &amp; 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&amp;width=800&amp;format=jpg&amp;quality=80" title="Journals &amp; books" alt="Journals &amp; 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&amp;width=800&amp;format=jpg&amp;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&amp;width=800&amp;format=jpg&amp;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&amp;width=800&amp;format=jpg&amp;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&amp;width=800&amp;format=jpg&amp;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 &amp; 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>&copy; Royal Society of Chemistry 2024. 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&ecirc;ncia ao usu&aacute;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="-8584692418486438046"> </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="QdmTVLFaI99-9Wk_BUdfdV6LiychJdA_HH1VsGqNWmvZNknvrE2B_7DshO4HAniB8FFMK8zg8Zo9pL1rN0poalVVmwo1"> </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>

Pages: 1 2 3 4 5 6 7 8 9 10