CINXE.COM
Donate to us and help build a stronger future for 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>Donate to us and help build a stronger future for chemistry</title> <meta name="description" content="Every time you support our work you create new and meaningful opportunities in education, inclusion and chemistry鈥檚 ability to tackle global challenges. Read on to find out the many ways in which you can show your support for chemistry today, or make a donation now. Every gift, no matter how big, will make a difference."> <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/donations/"> <!-- Start Dublin Core --> <meta name="DC.Title" xml:lang="en" content="Donate to us and help build a stronger future for chemistry"> <meta name="DC.Creator" content="Royal Society of Chemistry"> <meta name="DC.Subject" xml:lang="en" content="Donate to us and help build a stronger future for chemistry"> <meta name="DC.Description" xml:lang="en" content="Every time you support our work you create new and meaningful opportunities in education, inclusion and chemistry鈥檚 ability to tackle global challenges. Read on to find out the many ways in which you can show your support for chemistry today, or make a donation now. Every gift, no matter how big, will make a difference."> <meta name="DC.Publisher" content="Royal Society of Chemistry"> <meta name="DC.Contributor" content="McConnellH@rsc.org"> <meta name="DC.Date" content="2022-03-03"> <meta name="DC.Format" schema="DCterms:IMT" content="text/html"> <meta name="DC.Identifier" schema="DCterms:URI" content="https://www.rsc.org/donations/"> <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="Donate to us and help build a stronger future for chemistry"> <meta property="og:description" content="Every time you support our work you create new and meaningful opportunities in education, inclusion and chemistry鈥檚 ability to tackle global challenges. Read on to find out the many ways in which you can show your support for chemistry today, or make a donation now. Every gift, no matter how big, will make a difference."> <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/donations/"> <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=""> <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"> <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="/donations/gifts-in-wills/"> Leave a gift in your Will and help the future of science </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"> Donate to us and help build a stronger future for chemistry </li> </ul> </div> </div> <main class="main layout-a2 header-spacer" role="main" id="maincontent"> <div class="grid-container"> <div class="layout-a2__col-a ac-outer-container"> <h1 class="home-header-with-drop">Donate to us and help build a stronger future for chemistry</h1> <div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <style><!-- @media only screen and (max-width: 640px){ .impact .rsc-ui .row .column.two { margin-top: 130px; }} --></style> <div class="impact"> <div style="background-image: url('https://www.rsc.org/globalassets/17-support-us/donations-2022/landing-page/Education2.jpg'); background-size: cover; background-repeat: no-repeat; padding: 6px; border-radius: 20px; border: 2px solid #007aaf; background-position: right;"> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="column two pad-sm"> <div class="pad-sm" style="margin: 0px 16px;"> <div class="pad-sm" style="background-color: #ffff; border-style: solid; border-radius: 20px; border: 1px solid #CDCDCD; border-width: 1px; padding: 25px;"> <h2>You have the power to make a difference</h2> <p> </p> <p>Every time you support our work you create new and meaningful opportunities in education, inclusion and chemistry’s ability to tackle global challenges. And it’s your support that builds a stronger and more hopeful future for the chemical sciences.</p> <p>Read on to find out the many ways in which you can show your support for chemistry today, or make a donation now. Every gift, no matter how big, will make a difference.</p> <h4 class="pad-xsm" style="text-align: center;"><a class="bg-blue pad-xsm block" href="https://donations.rsc.org/">Make a donation</a></h4> </div> </div> </div> </div> </div> </div> </div> <p> </p> <p> </p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div class="rsc-ui" style="background-color: #f1f7f8; padding: 40px;"> <h2>Ways to support us</h2> <p> </p> <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="row edge2edge-lg"> <div class="padh-sm" style="margin: 0px 16px;"> <div class="pad-sm" style="background-color: #ffff; border-style: solid; border-radius: 20px; border: 1px solid #CDCDCD; ; border-width: 1px 1px 1px 1px; padding: 20px;"> <h3><a href="https://donations.rsc.org/" rel="noopener">Donate online now</a></h3> <p>You can make a single personal donation or one from a company or group, set up a regular payment, or pay in money from a collection or fundraising.</p> </div> </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="row edge2edge-lg"> <div class="padh-sm" style="margin: 0px 16px;"> <div class="pad-sm" style="background-color: #ffff; border-style: solid; border-radius: 20px; border: 1px solid #CDCDCD; ; border-width: 1px 1px 1px 1px; padding: 20px;"> <h3><a href="/donations/gifts-in-wills/" rel="noopener">Gift in your will</a></h3> <p>By bequeathing a legacy you are helping us create a brighter future for science. Find out about the different types of gift you can leave and what to consider when writing your will.</p> </div> </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="row edge2edge-lg"> <div class="padh-sm" style="margin: 0px 16px;"> <div class="pad-sm" style="background-color: #ffff; border-style: solid; border-radius: 20px; border: 1px solid #CDCDCD; ; border-width: 1px 1px 1px 1px; padding: 20px;"> <h3><a href="/donations/philanthropy/" rel="noopener">Make a major gift</a></h3> <p>Giving a large gift can support our charitable work. See what has been achieved from the major donations of others, hear from them and find out how you help.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink" id="supportprovides"> <p> </p> <h2>How your gift will support us</h2> <p>Your donation will help to create life-changing education programmes for children, to support talented students as they take their first steps into a new career, and to connect scientists around the globe in new and pioneering collaborations. Most importantly it will help to secure the future of the chemical sciences, thereby helping chemistry to become a rich and rewarding part of many more people’s lives.</p> <p> </p> <div class="content-block hashtaglink" id="supportprovides"> <div class="rsc-ui"> <div class="rsc-ui" style="background-color: #f9f8f8; padding: 32px;"> <div class="row edge2edge-lg"> <div class="column two padh-sm"> <div class="padh-sm"> <h3>Offer an impactful education</h3> <p>Help us to secure the best talent for the chemical sciences, by ensuring that everyone has access to an inspiring chemistry education. You will be helping us to provide high quality subject-specific professional development for teachers of chemistry and the support that students need and deserve, to reach their full potential.</p> </div> </div> <div class="column two padh-sm"> <div class="padh-sm"> <p style="text-align: center;"><img style="background-color: #ffff; width: 65%; border-radius: 25px; padding: 0px; border: 2px solid #007aaf;" src="https://epi-rsc.rsc-cdn.org/globalassets/17-support-us/donations-2022/education-boy.jpg?version=a3dc2203" alt="young asian school boy"></p> </div> </div> </div> </div> </div> <p> </p> <div class="rsc-ui"> <div class="rsc-ui" style="background-color: #f1f7f8; padding: 32px;"> <div class="row edge2edge-lg"> <div class="column two padh-sm"> <div class="padh-sm"> <p style="text-align: center;"><img style="background-color: #fff; width: 65%; border-radius: 25px; padding: 0px; border: 2px solid #007aaf;" src="https://epi-rsc.rsc-cdn.org/globalassets/17-support-us/donations-2022/Global-challenges.jpg?version=a3dc226c" alt="Asian male in lecture hall"></p> </div> </div> <div class="column two padh-sm"> <div class="padh-sm"> <h3>Tackle global challenges</h3> <p>The chemical sciences have an enormous role to play in solving the major global challenges of today and tomorrow. Your support will make these solutions a reality, by helping us to bring researchers, academia, and business together in brand new and effective collaborations.</p> </div> </div> </div> </div> <p> </p> <div class="rsc-ui" style="background-color: #f9f8f8; padding: 32px;"> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="column two padh-sm"> <div class="padh-sm"> <h3>Build an inclusive chemistry community</h3> <p>Chemistry should be for everyone and with your help, we will continue to make this a reality. Guided by data and evidence, we’re supporting and celebrating inclusion across the chemical sciences community, to create change for good.</p> </div> </div> <div class="column two padh-sm"> <div class="padh-sm"> <p style="text-align: center;"><img style="background-color: #fff; width: 65%; border-radius: 25px; padding: 0px; border: 2px solid #007aaf;" src="https://epi-rsc.rsc-cdn.org/globalassets/17-support-us/donations-2022/Inclusive-community-black-female-scientist.jpg?version=a3dc2904" alt="black female scientist"></p> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="block expandablecontentblock "> <div class="content-block hashtaglink"> <h2>Further information</h2> <p><p>Find out other ways to make a payment and view our strategy.</p> <a class="btn--expandable" data-expandable="" aria-controls="7060f62e-412a-41c7-a6ac-46ba22a1e554" href="javascript:;">Find out more<b class="add-icon-after-plus"></b></a> <div class="content-block__expandable inactive" id="7060f62e-412a-41c7-a6ac-46ba22a1e554" data-status="is-expanded" aria-expanded="true"> <div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <h3>Donate by phone</h3> <p>Please get in touch using the <a href="/donations/#contact">contact details</a> on this page.</p> <h3>Donate by post</h3> <p>Please download, print, and fill in <a href="/globalassets/17-support-us/donations-2022/donation-form.pdf">this form</a> and send it with your cheque using the address in the contact details on this page.</p> <h3>Our strategy and what we plan to do with your donations</h3> <p>The Royal Society of Chemistry is a not-for-profit registered charity. Learn more about how our charitable activities are helping to shape the future of the chemical sciences by reading <a href="/about-us/our-strategy/">our strategy</a> You can also read about some of the philanthropic work we have been able to do with <a href="/donations/philanthropy/">major donations</a>.</p> <h3>Our charity details</h3> <p>The Royal Society of Chemistry, Burlington House, Piccadilly, London, W1 0BA, UK.</p> <p>Registered Charity Number 207890</p> </div> </div></div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="row edge2edge-lg"> <div class="column two"> <div class="padh-sm"> <div class="contacts-box"> <h3>Contact us</h3> <div itemscope="" itemtype="https://schema.org/Person"> <span itemprop="name">Thank you for considering a gift to the Royal Society of Chemistry.</span> <div itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress"> <span itemprop="streetAddress">Write to us: : Royal Society of Chemistry, Thomas Graham House, 290 Science Park,</span> <span itemprop="addressRegion">Milton Road, Cambridge</span> <span itemprop="postalCode">CB4 0WF</span> </div> <dl> <dt>Tel: </dt> <dd itemprop="telephone">+44 1223 432497</dd> <dt>Email: </dt> <dd> <!-- this link triggers the #modal-email-mainContact popup --> <a href="#" class="open-modal-popup" data-open-popup="contactForm"> Fundraising team <input id="modalEmailId" name="modalEmailId" type="hidden" value="modal-email-mainContact700a2cc3-f55f-412d-8855-c2053ddf8f52"> <input id="modalHeader" name="header" type="hidden" value="Leave a gift in your Will - enquiry"> <input id="modalFailureMessage" name="failureMessage" type="hidden" value="<p>Sorry, but your email wasn't sent. Please call us on +44 1223 432497; we&nbsp;will be happy to&nbsp;help with your enquiry.</p> <p>Kind regards</p> <p>Fundraising team</p>"> <input id="modalMainContactEmail" name="mainContactEmails" type="hidden" value="ixqgudlvlqjCuvf1ruj"> <input id="modalSuccessMessage" name="successMessage" type="hidden" value="<p>Thank you for sending us an email. We will aim to reply to your query within two working days.</p> <p>Kind regards</p> <p>Fundraising team</p>"> </a> </dd> </dl> </div> </div> </div> </div> <div class="column two"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div style="color: #2c4d67; background-color: #f7f7f7; width: 100%; padding: 32px;"> <p><img src="https://epi-rsc.rsc-cdn.org/globalassets/17-support-us/donations-2022/fr-fundraising-badge-trans.png?version=a11adba5" alt="FR Fundraising Badge Trans.png" width="100%"></p> </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"> <nav> <ul class="sub-menu__level-1" role="navigation"> <li class="sub-menu__level-1"> <a href="/donations/gifts-in-wills/"> Leave a gift in your Will and help the future of science </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 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> <!-- <!-- 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 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ê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="-8584689256972390852"> </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="GTXxfNO6RncfC8VyzX0MstVi-NBFkCvxgGKL0LjV9SPpQ-2Parae6a85OxmZEYjwz37UPPZDTtIJWb3rmdzxbCOrEHo1"> </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>