@charset "UTF-8";
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*=====================================================*/
/* COLORS
/*=====================================================*/
/*=====================================================*/
/* MIXINS
/*=====================================================*/
@-webkit-keyframes rotate-forever { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rotate-forever { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate-forever { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
/**********************************************************************************************************/
/*
/*
/* BASICS
/*
/*
/**********************************************************************************************************/
.font-1, body, .masthead .search input, .alert p, body .buorg, .main .mod h2, .sidebar .mod h2, .banner .section-name p, .marquee p, .hero p, .listing small.title, .sidebar .listing h3, .topics.full p, .main .text h3, .main .text h4, .main .text blockquote footer, .main .text .caption, .main .text table, .main .text table caption, .main .text .footnotes p, .main .text .footnotes li, .main .text .footnotes td, .main .text .footnotes th, .sidebar .text p, #wygwam.summary p, #wygwam.agenda h4, #wygwam.full h2, #wygwam.full h3, #wygwam.full h4, #wygwam.full blockquote footer, #wygwam.full .caption, #wygwam.full table, #wygwam.full table caption, #wygwam.full .footnotes p, #wygwam.full .footnotes li, #wygwam.full .footnotes td, #wygwam.full .footnotes th, .main .agenda h3, .main .agenda h4, .sidebar .people .name, .sidebar .people .title, .sidebar .location .address { font-family: 'Neue Helvetica eText W01', Arial, sans-serif; }

.font-2, .masthead .primary-nav .overlay .teaser p, .mod h2, .banner h1, .banner h1.tagline, .banner p, .banner .authors li, .banner .topics li, .banner .description p, .marquee h2, .hero h2, .listing h3, .topics h3, .topics.full h3, .main .teaser p, .main .text p.large, #wygwam.teaser p, #wygwam.full p.large, .tweets p, .interactive-embed .chart-title h1 { font-family: 'Photina W01', Georgia, serif; }

.font-3, .main .text, .main .text ul.tweetables, #wygwam.agenda p, #wygwam.agenda ul, #wygwam.full, #wygwam.full ul.tweetables, .main .agenda p, .main .agenda ul { font-family: 'Minion W01', Georgia, serif; }

*, :before, *:after { box-sizing: border-box; }

html { margin-top: 0 !important; }

/* This is to prevent browser update's JS from adding margin to the top. */
body { padding-top: 10rem; background-color: #fff; line-height: 1.4; color: #000; }
@media only screen and (max-width: 50rem) { body { padding-top: 4.375rem; } }

a { text-decoration: none; color: inherit; }

a:link, a:visited, a:hover { text-decoration: none; color: inherit; }

a:focus { outline: none; }

::selection { background-color: #d2ebb3; }

::-moz-selection { background-color: #d2ebb3; }

:focus { outline: none; border: 0; }

input, textarea { /* Remove rounded corners on iOS */ border-radius: 0; }

.embed-container { position: relative; height: 0; margin: 0; padding-bottom: 56.25%; overflow: hidden; }

.embed-container iframe, .embed-container object, .embed-container embed, .embed-container .embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; frameborder: 0; border: 0; }

select { /* Resets Chrome/Safari */ -webkit-appearance: none; /* Removes FF Arrow */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; /* Base Styling */ border: none; border-radius: 0; padding: 0.625rem 1.875rem 0.625rem 0.625rem; background-color: #eee; background-image: url("/assets/img/site/misc-icons/select-arrow.svg"); background-position: right 0.625rem center; background-repeat: no-repeat; background-size: 0.75rem 0.4375rem; }

select::-ms-expand { /* Removes IE10+ Arrow */ display: none; }

.lt-ie10 select { /* For IE9 Default Arrow */ padding-right: 0.625rem; }

.loading-spinner { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; height: 1.875rem; width: 1.875rem; border: 0.5rem solid #6e2585; border-right-color: transparent; border-radius: 50%; display: inline-block; }

/**********************************************************************************************************/
/*
/*
/* MASTHEAD & FOOTER
/*
/* All the global masthead and footer styles can be found below. Some styles may seem redundent, but this 
/* is so they remain completely independent of structure and mods (aka easy to alter independently later).
/*
/*
/**********************************************************************************************************/
/*=====================================================*/
/* MASTHEAD
/*=====================================================*/
.masthead { position: fixed; top: 0; left: 0; z-index: 999; height: 10rem; width: 100%; padding: 2.5rem 2.5rem 0 2.5rem; background-color: #fff; box-shadow: 0 1px 1px #999; }
@media only screen and (max-width: 50rem) { .masthead { height: 4.375rem; padding: 0.9375rem 1.25rem 0 1.25rem; } }

.masthead .masthead-inner { max-width: 67.5rem; margin: 0 auto; }
.masthead .masthead-inner:before, .masthead .masthead-inner:after { content: ''; display: table; }
.masthead .masthead-inner:after { clear: both; }
.masthead .masthead-inner { *zoom: 1; }

.masthead .logo { display: block; float: left; width: 13.75rem; height: 4.125rem; margin-top: 2.1875rem; }
@media only screen and (max-width: 50rem) { .masthead .logo { margin: 0; padding: 0; width: 8.75rem; height: 2.625rem; margin-bottom: 0.9375rem; } }

.masthead .logo #thp-logo { width: 12.5rem; height: 3.75rem; }
@media only screen and (max-width: 50rem) { .masthead .logo #thp-logo { width: 8.75rem; height: 2.625rem; } }

.masthead .toggles { margin: 0; padding: 0; list-style: none; float: right; margin-left: 1.25rem; }
.masthead .toggles li { margin: 0; padding: 0; }
@media only screen and (max-width: 60rem) { .masthead .toggles { margin-left: 0.625rem; } }

.masthead .toggles li { display: block; float: left; }

@media only screen and (max-width: 50rem) { .masthead .toggles li:last-child { margin-left: 0.3125rem; } }

.masthead .toggles a { display: block; height: 8.125rem; padding-top: 2.8125rem; }
@media only screen and (max-width: 50rem) { .masthead .toggles a { margin: 0; padding: 0; height: 2.5rem; padding-right: 0.625rem; border: 1px solid #e5f1ef; } }
@media only screen and (max-width: 33.75rem) { .masthead .toggles a { padding-right: 0; } }

.masthead .toggles a #icon { float: left; width: 2.5rem; height: 2.5rem; }

.masthead .toggles a .symbol { fill: #007363; }
@media only screen and (max-width: 50rem) { .masthead .toggles a .symbol { fill: #6e2585; } }

.masthead .toggles li.nav-toggle { display: none; }
@media only screen and (max-width: 50rem) { .masthead .toggles li.nav-toggle { display: block; } }

.masthead .toggles li a:after { content: ''; display: none; float: right; margin-top: 0.75rem; font-size: 0.625rem; text-transform: uppercase; color: #007363; }
@media only screen and (max-width: 50rem) { .masthead .toggles li a:after { display: block; } }
@media only screen and (max-width: 33.75rem) { .masthead .toggles li a:after { display: none; } }

.masthead .toggles li a:hover:after { color: #69be28; }

.masthead .toggles li.nav-toggle a:after { content: 'Menu'; }

.masthead .toggles li.search-toggle a:after { content: 'Search'; }

.masthead .nav { float: right; }
@media only screen and (max-width: 50rem) { .masthead .nav { display: none; float: none; position: absolute; top: 100%; left: 0; z-index: 999; width: 100%; background-color: #5c7f92; } }

.masthead .primary-nav { margin: 0; padding: 0; list-style: none; }
.masthead .primary-nav li { margin: 0; padding: 0; }
.masthead .primary-nav:before, .masthead .primary-nav:after { content: ''; display: table; }
.masthead .primary-nav:after { clear: both; }
.masthead .primary-nav { *zoom: 1; }

.masthead .primary-nav > li { display: block; float: left; }
@media only screen and (max-width: 50rem) { .masthead .primary-nav > li { float: none; border-top: 1px solid #7c98a7; } }

.masthead .primary-nav > li > a { display: block; height: 7.5rem; padding: 3.125rem 1.5625rem 0 1.5625rem; font-size: 1.25rem; color: #007363; -webkit-transition: color 0.2s ease-in 0s; -moz-transition: color 0.2s ease-in 0s; transition: color 0.2s ease-in 0s; }
@media only screen and (max-width: 60rem) { .masthead .primary-nav > li > a { padding: 3.125rem 0.75rem 0 0.75rem; } }
@media only screen and (max-width: 50rem) { .masthead .primary-nav > li > a { margin: 0; padding: 0; padding: 0.75rem 1.25rem; height: auto; font-size: 0.9375rem; color: #fff; } }

.masthead .primary-nav > li > a:hover { color: #69be28; }
@media only screen and (max-width: 50rem) { .masthead .primary-nav > li > a:hover { color: #fff; } }

.masthead .primary-nav > li.is-current > a { color: #ff6e00; }

.masthead .support-nav { position: absolute; top: 0; left: 0; height: 2.5rem; width: 100%; background-color: #69be28; text-align: right; }
@media only screen and (max-width: 50rem) { .masthead .support-nav { position: static; height: auto; text-align: left; background-color: transparent; } }

.masthead .support-nav-inner { max-width: 67.5rem; margin: 0 auto; font-size: 0; }

.masthead .support-nav .links { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; height: 2.5rem; font-size: 0.75rem; text-transform: uppercase; color: #fff; }
.masthead .support-nav .links li { margin: 0; padding: 0; }
.masthead .support-nav .links:before, .masthead .support-nav .links:after { content: ''; display: table; }
.masthead .support-nav .links:after { clear: both; }
.masthead .support-nav .links { *zoom: 1; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .links { margin: 0; padding: 0; display: block; height: auto; text-transform: none; } }

.masthead .support-nav .links li { float: left; font-size: 0.8125rem; letter-spacing: 0.03125rem; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .links li { float: none; border-top: 1px solid #7c98a7; font-size: 0.9375rem; letter-spacing: normal; color: #fff; } }

.masthead .support-nav .links a { display: block; height: 2.5rem; padding: 0.75rem 0.625rem 0 0.625rem; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .links a { margin: 0; padding: 0; height: auto; padding: 0.75rem 1.25rem; } }

.masthead .support-nav .links li:last-child a { padding-right: 0.9375rem; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .links li:last-child a { margin: 0; padding: 0; padding: 0.75rem 1.25rem; } }

.masthead .support-nav .links a:hover { background-color: #6e2585; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .links a:hover { background-color: inherit; } }

.masthead .support-nav .social { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; font-size: 0.75rem; height: 2.5rem; padding: 0 0.25rem; border-left: 0.0625rem solid #fff; }
.masthead .support-nav .social li { margin: 0; padding: 0; }
.masthead .support-nav .social:before, .masthead .support-nav .social:after { content: ''; display: table; }
.masthead .support-nav .social:after { clear: both; }
.masthead .support-nav .social { *zoom: 1; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .social { display: none; } }

.masthead .support-nav .social:hover { background-color: #6e2585; }

.masthead .support-nav .social li { float: left; }

.masthead .support-nav .social a { display: block; height: 2.5rem; width: 1.75rem; padding-top: 0.375rem; }

.masthead .support-nav .social:hover a { opacity: 0.7; }

.masthead .support-nav .social:hover a:hover { opacity: 1.0; }

.masthead .support-nav .social #social-icon { height: 1.75rem; width: 1.75rem; }

.masthead .support-nav .social .symbol { fill: #fff; }

.masthead .support-nav .brookings { display: inline-block; vertical-align: top; height: 2.5rem; border-left: 0.0625rem solid #fff; border-right: 0.0625rem solid #fff; }
@media only screen and (max-width: 50rem) { .masthead .support-nav .brookings { display: none; } }

.masthead .support-nav .brookings a { display: block; height: 2.5rem; padding: 0.8125rem 0.75rem 0 0.75rem; width: 7.75rem; }

.masthead .support-nav .brookings a:hover { background-color: #6e2585; }

.masthead .support-nav .brookings #icon { width: 6.25rem; height: 0.875rem; }

.masthead .search { display: none; margin: 0 -2.5rem; background-color: #00add0; text-align: center; }
@media only screen and (max-width: 50rem) { .masthead .search { margin: 0 -1.25rem; } }

.masthead .search label { display: none; }

.masthead .search input { width: 100%; max-width: 67.5rem; margin: 0 auto; padding: 1.25rem; border: none; background: transparent; font-size: 1.5rem; color: #fff; text-align: left; }
.masthead .search input::-webkit-input-placeholder { color: #e5f6fa; }
.masthead .search input::-moz-placeholder { color: #e5f6fa; }
.masthead .search input:-moz-placeholder { color: #e5f6fa; }
.masthead .search input:-ms-input-placeholder { color: #e5f6fa; }
@media only screen and (max-width: 50rem) { .masthead .search input { font-size: 1.25rem; } }

/* Sticky */
.masthead.js-sticky { height: 7.1875rem; }

.masthead.js-sticky .toggles a { height: 4.6875rem; padding-top: 1.25rem; }

.masthead.js-sticky .logo { width: 8.75rem; height: 2.625rem; margin-top: 1.125rem; }

.masthead.js-sticky .logo #thp-logo { width: 8.75rem; height: 2.625rem; }

.masthead.js-sticky .primary-nav > li > a { height: 4.6875rem; padding-top: 1.375rem; }

/* Overlays */
.masthead .primary-nav .overlay { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 999; width: 100%; padding: 0 2.5rem; opacity: 0; background: rgba(242, 248, 247, 0.95); -webkit-transition: visibility 0s ease-in 0s; -moz-transition: visibility 0s ease-in 0s; transition: visibility 0s ease-in 0s; }
@media only screen and (max-width: 60rem) { .masthead .primary-nav .overlay { display: none; } }

.masthead .primary-nav li:hover .overlay { visibility: visible; opacity: 1.0; -webkit-transition: visibility 0s ease-in 0.3s, opacity 0.2s ease-in 0.3s; -moz-transition: visibility 0s ease-in 0.3s, opacity 0.2s ease-in 0.3s; transition: visibility 0s ease-in 0.3s, opacity 0.2s ease-in 0.3s; }

.masthead .primary-nav .overlay-inner { max-width: 67.5rem; margin: 0 auto; padding: 1.875rem 0; overflow: hidden; }
.masthead .primary-nav .overlay-inner:before, .masthead .primary-nav .overlay-inner:after { content: ''; display: table; }
.masthead .primary-nav .overlay-inner:after { clear: both; }
.masthead .primary-nav .overlay-inner { *zoom: 1; }

.masthead .primary-nav .overlay h2 { margin: 0; padding: 0; font-size: 0.75rem; margin-bottom: 1.25rem; color: #007363; }

.masthead .primary-nav .overlay .teaser { float: left; min-height: 9.375rem; width: 25%; padding-right: 1.25rem; }
.masthead .primary-nav .overlay .teaser:before, .masthead .primary-nav .overlay .teaser:after { content: ''; display: table; }
.masthead .primary-nav .overlay .teaser:after { clear: both; }
.masthead .primary-nav .overlay .teaser { *zoom: 1; }

.masthead .primary-nav .overlay .teaser p { font-style: italic; font-size: 1rem; color: #427730; }

.masthead .primary-nav .overlay .links ul { margin: 0; padding: 0; list-style: none; }
.masthead .primary-nav .overlay .links ul li { margin: 0; padding: 0; }
.masthead .primary-nav .overlay .links ul:before, .masthead .primary-nav .overlay .links ul:after { content: ''; display: table; }
.masthead .primary-nav .overlay .links ul:after { clear: both; }
.masthead .primary-nav .overlay .links ul { *zoom: 1; }

.masthead .primary-nav .overlay .links ul li { margin-bottom: 0.3125rem; font-size: 0.75rem; }

.masthead .primary-nav .overlay .links ul li a { color: #5c7f92; }

.masthead .primary-nav .overlay .links.topics { min-height: 9.375rem; width: 50%; float: left; padding-left: 1.25rem; border-left: 0.0625rem solid #ddd; }
.masthead .primary-nav .overlay .links.topics:before, .masthead .primary-nav .overlay .links.topics:after { content: ''; display: table; }
.masthead .primary-nav .overlay .links.topics:after { clear: both; }
.masthead .primary-nav .overlay .links.topics { *zoom: 1; }

.masthead .primary-nav .overlay .links.topics ul { float: left; width: 50%; }

.masthead .primary-nav .overlay .links.topics.thumbed { min-height: 9.375rem; width: 75%; float: left; padding-left: 1.25rem; border-left: 0.0625rem solid #ddd; }
.masthead .primary-nav .overlay .links.topics.thumbed:before, .masthead .primary-nav .overlay .links.topics.thumbed:after { content: ''; display: table; }
.masthead .primary-nav .overlay .links.topics.thumbed:after { clear: both; }
.masthead .primary-nav .overlay .links.topics.thumbed { *zoom: 1; }

.masthead .primary-nav .overlay .links.topics.thumbed ul { float: left; width: 33.33%; }

.masthead .primary-nav .overlay .links.topics.thumbed img { display: inline-block; vertical-align: middle; float: none; height: 1.875rem; width: 1.875rem; margin-right: 0.3125rem; }

.masthead .primary-nav .overlay .links.types { min-height: 9.375rem; width: 25%; float: left; padding-left: 1.25rem; border-left: 0.0625rem solid #ddd; }
.masthead .primary-nav .overlay .links.types:before, .masthead .primary-nav .overlay .links.types:after { content: ''; display: table; }
.masthead .primary-nav .overlay .links.types:after { clear: both; }
.masthead .primary-nav .overlay .links.types { *zoom: 1; }

.masthead .primary-nav .overlay .featured-events { float: left; min-height: 9.375rem; width: 75%; padding-left: 1.25rem; border-left: 0.0625rem solid #ddd; }
.masthead .primary-nav .overlay .featured-events:before, .masthead .primary-nav .overlay .featured-events:after { content: ''; display: table; }
.masthead .primary-nav .overlay .featured-events:after { clear: both; }
.masthead .primary-nav .overlay .featured-events { *zoom: 1; }

.masthead .primary-nav .overlay .featured-events .entry { float: left; width: 33.33%; }

.masthead .primary-nav .overlay .featured-events .entry img { float: left; height: 5rem; width: 5rem; }

.masthead .primary-nav .overlay .featured-events .entry .header { position: relative; padding: 0 0.625rem 0 5.625rem; }

.masthead .primary-nav .overlay .featured-events .entry h3 { margin: 0; padding: 0; font-weight: normal; font-size: 0.75rem; color: #5c7f92; }

.masthead .primary-nav .overlay .featured-events .entry small { margin: 0; padding: 0; margin-bottom: 0.3125rem; display: block; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.03125rem; color: #00add0; }

.masthead .primary-nav .overlay .featured-events .entry small .date { display: block; position: absolute; top: 100%; width: 100%; padding-top: 0.3125rem; font-size: 0.6875rem; text-transform: none; color: #999; }

/*=====================================================*/
/* GLOBAL FOOTER
/*=====================================================*/
.global-footer { position: relative; padding: 1.25rem 2.5rem; background-color: #007363; color: #fff; }

.global-footer-inner { max-width: 67.5rem; margin: 0 auto; }
.global-footer-inner:before, .global-footer-inner:after { content: ''; display: table; }
.global-footer-inner:after { clear: both; }
.global-footer-inner { *zoom: 1; }

.global-footer-inner:last-child { border-bottom: none; }

.global-footer h3 { margin: 0; padding: 0; margin-bottom: 1.875rem; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03125rem; color: #fff; }

.global-footer .newsletter { float: left; width: 33.33%; padding: 1.875rem 0; text-align: center; }
@media only screen and (max-width: 60rem) { .global-footer .newsletter { width: 50%; } }
@media only screen and (max-width: 45rem) { .global-footer .newsletter { width: 100%; } }

.global-footer .newsletter form { width: 17.5rem; margin: 0 auto; }
.global-footer .newsletter form:before, .global-footer .newsletter form:after { content: ''; display: table; }
.global-footer .newsletter form:after { clear: both; }
.global-footer .newsletter form { *zoom: 1; }

.global-footer .newsletter label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.global-footer .newsletter input[type=email] { float: left; width: 15rem; height: 2.5rem; padding: 0 0.625rem; background-color: #fff; border: none; font-size: 0.875rem; color: #000; }

.global-footer .newsletter button[type=submit] { float: left; display: block; position: relative; height: 2.5rem; width: 2.5rem; background-color: #7fb9b1; border: none; text-indent: -9999px; }

.global-footer .newsletter button[type=submit]:after { content: ''; display: block; position: absolute; top: 50%; right: 50%; margin: -0.375rem -0.25rem 0 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.375rem solid #fff; }

.global-footer .newsletter button[type=submit]:hover { background-color: #69be28; -webkit-transition: background-color 0.1s ease-in 0s; -moz-transition: background-color 0.1s ease-in 0s; transition: background-color 0.1s ease-in 0s; }

.global-footer .social { float: left; width: 33.33%; padding: 1.875rem 0; text-align: center; }
@media only screen and (max-width: 60rem) { .global-footer .social { display: none; } }

.global-footer .social ul { margin: 0; padding: 0; list-style: none; display: inline-block; margin: 0 auto; }
.global-footer .social ul li { margin: 0; padding: 0; }
.global-footer .social ul:before, .global-footer .social ul:after { content: ''; display: table; }
.global-footer .social ul:after { clear: both; }
.global-footer .social ul { *zoom: 1; }

.global-footer .social li { float: left; }

.global-footer .social a { display: block; height: 2.1875rem; width: 2.1875rem; margin: 0 0.3125rem; }

.global-footer .social .symbol { fill: #fff; }

.global-footer .brookings { float: left; width: 33.33%; padding: 1.875rem 0; text-align: center; }
@media only screen and (max-width: 60rem) { .global-footer .brookings { width: 50%; } }
@media only screen and (max-width: 45rem) { .global-footer .brookings { width: 100%; border-top: 0.0625rem solid #338f82; } }

.global-footer .brookings a { display: block; width: 10rem; margin: 0 auto; }

.global-footer .brookings #icon { width: 10rem; height: 1.375rem; }

.global-footer .links { padding: 2.5rem 0; float: left; width: 50%; border-top: 0.0625rem solid #338f82; }
@media only screen and (max-width: 60rem) { .global-footer .links { display: none; } }

.global-footer .links ul { margin: 0; padding: 0; list-style: none; width: 50%; float: left; }
.global-footer .links ul li { margin: 0; padding: 0; }
.global-footer .links ul:before, .global-footer .links ul:after { content: ''; display: table; }
.global-footer .links ul:after { clear: both; }
.global-footer .links ul { *zoom: 1; }

.global-footer .links ul li { margin-bottom: 0.625rem; font-size: 0.6875rem; }

.global-footer .links ul a:hover { text-decoration: underline; }

.global-footer .copyright { padding: 1.25rem 0; border-top: 0.0625rem solid #338f82; }

.global-footer .copyright p { font-size: 0.625rem; color: #7fbfbf; }

.global-footer .copyright a { color: #fff; }

/*=====================================================*/
/* ALERTS
/*=====================================================*/
.alert { padding: 0.625rem 2.5rem; background-color: #6e2585; }

.alert p { margin: 0; padding: 0; max-width: 67.5rem; margin: 0 auto; font-size: 0.875rem; color: #fff; text-align: center; }

/* No JS Warning */
.alert.no-js { display: none; background-color: #ff6e00; }

.no-js .alert.no-js { display: block; }

/* For Browser Update */
body .buorg { margin: 0; padding: 0; position: relative; width: 100%; top: auto; left: auto; z-index: 1; padding: 0.625rem 2.5rem; border-bottom: none; background: #ff6e00; text-align: left; cursor: pointer; font-family: Arial,Helvetica,sans-serif; color: #fff; font-size: 0.8125rem; }

body .buorg div { margin: 0; padding: 0; position: relative; max-width: 67.5rem; margin: 0 auto; padding-right: 40px; }

body .buorg a { text-decoration: underline; color: #fff; }

body #buorgclose { position: absolute; right: 0.625rem; top: 50%; height: 20px; width: 12px; margin-top: -10px; font-weight: bold; font-size: 14px; padding: 0; }

/**********************************************************************************************************/
/*
/*
/* STRUCTURAL
/*
/* This stuff is used for layout purposes … to break the page into areas, not to style content.
/* 
/* — Sections: These are used to break the page into horizontal areas with different color backgrounds.
/* — Blocks: Blocks are used to break sections up into rows, and keep content from expanding too far.
/* — Bits: Bits are used to subdivid blocks, for example to create columns. In the case of a bit is acting 
/*   as the main column for content it will be classed .main, and if it's acting as a sidebar it will be 
/*   classed .sidebar.
/*
/**********************************************************************************************************/
.section { padding: 3.75rem 2.5rem; }
@media only screen and (max-width: 30rem) { .section { padding: 3.75rem 1.875rem; } }

.section.dark { background-color: #007363; background-image: url("/assets/img/site/dark-section-ground.png"); background-size: 1500px 600px; }

.section.has-page-header-image {
	background-size: cover;
	background-position: center center;
	padding-top: 0;
	padding-bottom: 0;
}

.section.has-page-header-image header {
	padding: 3.75rem 2.5rem 8% 2.5rem;
}

@media only screen and (max-width: 30rem) { 
	.section.has-page-header-image header { 
		padding: 3.75rem 1.875rem; 
	} 
}

.section.has-page-header-image header .action {
	position: static;
}

.section.has-page-header-image .sharing {
	top: auto;
	bottom: -12px;
}

.section.light { background-color: #d8eae7; }

.section.grey { background-color: #f6f6f6; }

.section.black { background-color: #2e3f49; }

.block { position: relative; max-width: 80rem; margin: 0 auto; }
.block:before, .block:after { content: ''; display: table; }
.block:after { clear: both; }
.block { *zoom: 1; }

.block + .block { padding-top: 2.8125rem; }
@media only screen and (max-width: 30rem) { .block + .block { padding-top: 1.875rem; } }

/* Short */
.section.short { padding-top: 2.8125rem; padding-bottom: 2.8125rem; }

.section.shortest { padding-top: 0.9375rem; padding-bottom: 0.9375rem; }

/* Hero */
.section.hero { background-color: #5c7f92; }

/* Marquee */
.section.marquee { margin: 0; padding: 0; background-color: #2e3f49; background-image: url("/assets/img/site/dark-section-ground.png"); background-size: 1500px 600px; }

.section.marquee .block { margin: 0; padding: 0; max-width: 90rem; margin: 0 auto; }

/* Centered Column */
.block.narrow .main { padding-right: 12.5rem; padding-left: 12.5rem; }
@media only screen and (max-width: 65rem) { .block.narrow .main { padding-right: 5rem; padding-left: 5rem; } }
@media only screen and (max-width: 45rem) { .block.narrow .main { padding-right: 0; padding-left: 0; } }

/* Split in Half */
.block.split-in-half .bit { float: left; width: 50%; padding-right: 3.75rem; }
@media only screen and (max-width: 50rem) { .block.split-in-half .bit { float: none; width: 100%; padding: 0 0 6.25rem 0; } }
@media only screen and (max-width: 50rem) { .block.split-in-half .bit { padding: 0 0 3.75rem 0; } }

.block.split-in-half .bit:last-child { padding: 0; }

/* Split in Thirds */
.block.split-in-thirds .bit { float: left; width: 33.33%; padding-right: 3.75rem; }

.block.split-in-thirds .bit:last-child { padding: 0; }

/* Sidebar Right */
.block.sidebar-right { padding-right: 12.5rem; }
@media only screen and (max-width: 50rem) { .block.sidebar-right { padding-right: 0; } }

.block.sidebar-right .main { float: left; width: 100%; padding-right: 3.75rem; }
@media only screen and (max-width: 50rem) { .block.sidebar-right .main { float: none; padding-right: 0; } }

.block.sidebar-right .sidebar { float: right; width: 12.5rem; margin-right: -12.5rem; }
@media only screen and (max-width: 50rem) { .block.sidebar-right .sidebar { float: none; width: 100%; margin-right: 0; margin-top: 3.75rem; } }

/* Sidebar Both */
.block.sidebar-both { padding-right: 12.5rem; padding-left: 12.5rem; }
@media only screen and (max-width: 65rem) { .block.sidebar-both { padding-right: 0; } }
@media only screen and (max-width: 50rem) { .block.sidebar-both { padding-right: 0; padding-left: 0; } }

.block.sidebar-both .main { float: left; width: 100%; padding: 0 3.75rem; }
@media only screen and (max-width: 65rem) { .block.sidebar-both .main { float: none; padding: 0 0 0 3.75rem; } }
@media only screen and (max-width: 50rem) { .block.sidebar-both .main { padding: 0; } }

.block.sidebar-both .sidebar.left { float: left; width: 12.5rem; margin-left: -12.5rem; }
@media only screen and (max-width: 50rem) { .block.sidebar-both .sidebar.left { float: none; width: 100%; margin-left: 0; margin-bottom: 3.75rem; padding: 0; } }

.block.sidebar-both .sidebar.right { float: right; width: 12.5rem; margin-right: -12.5rem; }
@media only screen and (max-width: 65rem) { .block.sidebar-both .sidebar.right { float: none; width: 100%; margin-right: 0; margin-top: 3.75rem; padding: 0 0 0 3.75rem; } }
@media only screen and (max-width: 50rem) { .block.sidebar-both .sidebar.right { padding: 0; } }

/**********************************************************************************************************/
/*
/*
/* Modules
/*
/* Modules are used to style content. Generally, each module will have a common set of styles, followed 
/* by additional styles for variations, then by overrides for instances when it is used in the .main or 
/* .sidebar columns. Content should always be in a module!
/*
/*
/**********************************************************************************************************/
/*=====================================================*/
/* Base Styles
/*=====================================================*/
.mod { position: relative; border-bottom: 0.0625rem solid #ddd; overflow: hidden; }

.mod h2 { margin: 0; padding: 0; padding-bottom: 0.625rem; border-bottom: 0.0625rem solid #69be28; font-size: 1.75rem; color: #007363; }
@media only screen and (max-width: 30rem) { .mod h2 { font-size: 1.5rem; } }

.mod h2 a { color: inherit; }

.mod h2.hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.mod .links { position: absolute; top: 0.9375rem; right: 0; font-size: 0.6875rem; color: #007363; }
@media only screen and (max-width: 30rem) { .mod .links { display: none; } }

.mod .links a { color: #007363; }

.mod .links a + a { margin-left: 0.625rem; padding-left: 0.625rem; border-left: 1px solid #ddd; }

.mod .links a:hover { color: #69be28; }

/* On Grey Background */
.grey .mod { border-bottom: 0.0625rem solid #fff; }

.grey .mod h2 { border-bottom: 0.0625rem solid #fff; }

/* On Dark Background */
.dark .mod h2 { color: #fff; }

/* Main */
.main .mod { padding-bottom: 2.5rem; margin-top: 2.5rem; }
@media only screen and (max-width: 30rem) { .main .mod { padding-bottom: 2.5rem; margin-top: 2.5rem; } }

.main .mod:first-child { margin-top: 0; }

.main .mod:last-child { padding-bottom: 0; border-bottom: none; }

.main .mod h2 { margin: 2.5rem 0; padding: 0; border-bottom: none; font-size: 1.25rem; font-weight: normal; color: #69be28; }

/* Sidebar */
.sidebar .mod { margin-top: 0; padding: 1.25rem 0; border-top: 0.0625rem solid #69be28; border-bottom: none; }

.sidebar .mod:last-child { border-bottom: 0.0625rem solid #69be28; }

.sidebar .mod h2 { margin: 0; padding: 0; font-size: 0.9375rem; border-bottom: none; }

/*=====================================================*/
/* Banner
/*=====================================================*/
.banner { position: static; overflow: visible; border-bottom: none; color: #fff; }

.banner small { display: block; margin-bottom: 0.625rem; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03125rem; }

.banner h1 { margin: 0; padding: 0; margin-bottom: 0.625rem; font-size: 2.5rem; line-height: 1.25; }
@media only screen and (max-width: 50rem) { .banner h1 { font-size: 2.25rem; } }
@media only screen and (max-width: 30rem) { .banner h1 { font-size: 1.75rem; } }

.banner h1.tagline { margin: 0; padding: 0; font-style: italic; font-size: 0.9375rem; line-height: 1.25; text-align: center; }

.banner p { margin: 0; padding: 0; font-style: italic; font-size: 1rem; }

.banner .thumb { float: left; width: 100%; max-width: 12.5rem; margin: 0; }
@media only screen and (max-width: 50rem) { .banner .thumb { display: none; } }

.banner .thumb.round { border-radius: 50%; }

.banner .thumb + .header { margin-left: 16.25rem; padding-top: 1.25rem; }
@media only screen and (max-width: 50rem) { .banner .thumb + .header { margin-left: 0; padding-top: 0; } }

.banner .authors { margin: 0; padding: 0; list-style: none; display: inline; padding-top: 0.9375rem; }
.banner .authors li { margin: 0; padding: 0; }

.banner .authors li { display: inline; font-style: italic; font-size: 0.9375rem; }

.banner .authors li:after { content: ','; }

.banner .authors li:last-child:after { content: ''; }

.banner .authors a:hover { text-decoration: underline; }

.banner .topics { margin: 0; padding: 0; list-style: none; display: inline; padding-top: 0.9375rem; }
.banner .topics li { margin: 0; padding: 0; }

.banner .topics li { display: inline; font-style: italic; font-size: 0.9375rem; }

.banner .topics li:after { content: ','; }

.banner .topics li:last-child:after { content: ''; }

.banner .topics a:hover { text-decoration: underline; }

.banner .action { position: absolute; top: 100%; left: 0; margin-top: 1.25rem; }
@media only screen and (max-width: 30rem) { .banner .action { display: none; } }

.banner .action a { display: block; padding-top: 0.75rem; width: 12.5rem; height: 2.8125rem; background-color: #00add0; font-size: 0.9375rem; text-align: center; }

.banner .action a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

.banner .section-name h1 { display: inline-block; margin-right: 1.25rem; margin-bottom: 0; font-size: 2.5rem; }
@media only screen and (max-width: 50rem) { .banner .section-name h1 { font-size: 2.25rem; } }
@media only screen and (max-width: 30rem) { .banner .section-name h1 { font-size: 1.75rem; } }

.banner .section-name p { display: inline-block; max-width: 42.5rem; font-size: 0.75rem; font-style: normal; }
@media only screen and (max-width: 60rem) { .banner .section-name p { max-width: 33.75rem; } }
@media only screen and (max-width: 50rem) { .banner .section-name p { display: block; max-width: none; margin-top: 0.9375rem; } }

.banner .description { display: none; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #338f82; }
.banner .description:before, .banner .description:after { content: ''; display: table; }
.banner .description:after { clear: both; }
.banner .description { *zoom: 1; }

.banner .description p { font-size: 1rem; font-style: italic; }

.banner .js-hidden-description-toggle { color: #7fb9b1; }

.banner .js-hidden-description-toggle:hover { color: #fff; text-decoration: underline; }

.banner .sharing { margin: 0; padding: 0; list-style: none; position: absolute; top: 100%; right: 0; margin-top: 1.875rem; font-size: 0; }
.banner .sharing li { margin: 0; padding: 0; }
.banner .sharing:before, .banner .sharing:after { content: ''; display: table; }
.banner .sharing:after { clear: both; }
.banner .sharing { *zoom: 1; }
@media only screen and (max-width: 30rem) { .banner .sharing { display: none; } }

.banner .sharing li { display: inline-block; }

.banner .sharing a { display: block; width: 1.875rem; height: 1.875rem; background-color: #ccc; }

.banner .sharing .twitter { background-color: #00aaef; }

.banner .sharing .facebook { background-color: #3c569a; }

.banner .sharing .print { background-color: #999; }

.banner .filters { display: block; margin: 1.875rem -0.9375rem 0 -0.9375rem; }
.banner .filters:before, .banner .filters:after { content: ''; display: table; }
.banner .filters:after { clear: both; }
.banner .filters { *zoom: 1; }

.banner .filters .form-item { position: relative; float: left; width: 25%; padding: 0 0.9375rem; }
@media only screen and (max-width: 60rem) { .banner .filters .form-item { width: 33.33%; } }
@media only screen and (max-width: 45rem) { .banner .filters .form-item { width: 100%; margin: 0.625rem 0; } }

.banner .filters label { display: none; }

.banner .filters input { display: block; width: 100%; height: 3.125rem; padding: 0.125rem 0 0 1rem; background-color: #e5f1ef; border: none; font-size: 0.875rem; color: #000; }

.banner .filters select { display: block; width: 100%; height: 3.125rem; padding-top: 0.75rem; background-color: #338f82; font-size: 0.875rem; font-weight: bold; color: #fff; }

.banner .contextual-nav { margin: 0; padding: 0; list-style: none; display: block; margin: 1.875rem 0 -1.875rem 0; }
.banner .contextual-nav li { margin: 0; padding: 0; }
.banner .contextual-nav:before, .banner .contextual-nav:after { content: ''; display: table; }
.banner .contextual-nav:after { clear: both; }
.banner .contextual-nav { *zoom: 1; }

.banner .contextual-nav a { display: block; float: left; padding: 0.625rem 0; margin-right: 1.875rem; font-size: 15px; color: #fff; }
@media only screen and (max-width: 30rem) { .banner .contextual-nav a { margin: 0; padding: 0; padding: 0.3125rem 0; float: none; } }

.banner .contextual-nav .is-current a { color: #a5d867; }

.banner .pagination { margin: 0; padding: 0; list-style: none; display: none; }
.banner .pagination li { margin: 0; padding: 0; }
@media only screen and (min-width: 86rem) { .banner .pagination { display: block; } }

.banner .pagination li { position: absolute; top: 50%; margin-top: -2.5rem; }

.banner .pagination .prev { left: -5rem; }

.banner .pagination .next { right: -5rem; }

.banner .pagination a { display: block; width: 5rem; height: 5rem; opacity: 0.5; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; transition: opacity 0.1s ease-in 0s; }

.banner .pagination a:hover { opacity: 1.0; }

/*=====================================================*/
/* Marquee
/*=====================================================*/
.marquee { overflow: visible; border-bottom: none; }
@media only screen and (max-width: 45rem) { .marquee { text-align: center; } }

.marquee .slideshow { height: 22.5rem; }

.marquee .slide { display: none; height: 22.5rem; width: 100%; max-width: 90rem; background-position: -15rem 50%; }
@media only screen and (min-width: 75rem) { .marquee .slide { background-position: 0 50%; } }
@media only screen and (max-width: 60rem) { .marquee .slide { background-position: -21.25rem 50%; } }
@media only screen and (max-width: 52.5rem) { .marquee .slide { background-position: -28.75rem 50%; } }
@media only screen and (max-width: 45rem) { .marquee .slide { background-position: -42.5rem 50%; } }
@media only screen and (max-width: 37.5rem) { .marquee .slide { background-position: -43.75rem 50%; } }
@media only screen and (max-width: 30rem) { .marquee .slide { background-position: -51.25rem 50%; } }

.marquee .slide:first-child { display: block; }

.marquee .slide .overlay { display: block; max-width: auto; width: 100%; height: 22.5rem; padding: 0 2.5rem; background-image: -webkit-linear-gradient( left , rgba(46, 63, 73, 0.9) 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.1) 75%, rgba(46, 63, 73, 0.1) 100%); background-image: linear-gradient(to right, rgba(46, 63, 73, 0.9) 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.1) 75%, rgba(46, 63, 73, 0.1) 100%); }
@media only screen and (min-width: 90rem) { .marquee .slide .overlay { background-image: -webkit-linear-gradient( left , #2e3f49 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.1) 75%, rgba(46, 63, 73, 0.1) 95%, #2e3f49 100%); background-image: linear-gradient(to right, #2e3f49 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.1) 75%, rgba(46, 63, 73, 0.1) 95%, #2e3f49 100%); } }
@media only screen and (max-width: 60rem) { .marquee .slide .overlay { background-image: -webkit-linear-gradient( left , rgba(46, 63, 73, 0.9) 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.3) 75%, rgba(46, 63, 73, 0.3) 100%); background-image: linear-gradient(to right, rgba(46, 63, 73, 0.9) 0, rgba(46, 63, 73, 0.8) 25%, rgba(46, 63, 73, 0.3) 75%, rgba(46, 63, 73, 0.3) 100%); } }
@media only screen and (max-width: 45rem) { .marquee .slide .overlay { background-image: -webkit-linear-gradient( left , rgba(46, 63, 73, 0.6) 0, rgba(46, 63, 73, 0.6) 100%); background-image: linear-gradient(to right, rgba(46, 63, 73, 0.6) 0, rgba(46, 63, 73, 0.6) 100%); } }

.no-cssgradients .marquee .slide .overlay { background-color: rgba(46, 63, 73, 0.6); }

.marquee .slide .article { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 67.5rem; margin: 0 auto; padding-right: 30rem; }
@media only screen and (max-width: 60rem) { .marquee .slide .article { padding-right: 15rem; } }
@media only screen and (max-width: 45rem) { .marquee .slide .article { padding-right: 0; } }

.marquee small { font-size: 0.75rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03125rem; color: #fff; }

.marquee h2 { margin: 0; padding: 0; border-bottom: none; font-weight: bold; font-size: 2.5rem; line-height: 1.1; color: #fff; text-shadow: 0rem 0rem 0.1875rem #666; }
@media only screen and (max-width: 45rem) { .marquee h2 { font-size: 2.25rem; } }
@media only screen and (max-width: 30rem) { .marquee h2 { font-size: 1.75rem; } }

.marquee p { margin: 0; padding: 0; margin: 1.25rem 0; font-size: 0.8125rem; color: #fff; }
@media only screen and (max-width: 40rem) { .marquee p { display: none; } }

.marquee .action { display: inline-block; padding: 0.75rem 0.625rem 0 0.625rem; min-width: 12.5rem; height: 2.8125rem; margin-right: 0.625rem; margin-top: 0.625rem; background-color: #00add0; font-size: 0.9375rem; text-align: center; color: #fff; }
@media only screen and (max-width: 60rem) { .marquee .action { min-width: 11.25rem; } }

.marquee .action:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

.marquee .controls { margin: 0; padding: 0; list-style: none; display: none; position: absolute; top: 100%; right: 5rem; z-index: 888; margin-top: -1.25rem; }
.marquee .controls li { margin: 0; padding: 0; }
@media only screen and (max-width: 30rem) { .marquee .controls { visibility: hidden; } }

.marquee .controls li { float: left; margin-left: 0.0625rem; }

.marquee .controls a { display: block; height: 2.5rem; width: 2.5rem; background-color: #00add0; }

.marquee .controls a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

/*=====================================================*/
/* Hero
/*=====================================================*/
.hero { overflow: visible; border-bottom: none; }
@media only screen and (max-width: 45rem) { .hero { text-align: center; } }

.hero small { font-size: 0.75rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03125rem; color: #fff; }

.hero small .date { margin-left: 0.3125rem; padding-left: 0.3125rem; border-left: 1px solid #fff; }

.hero small .date:before { content: '\00a0'; }

.hero h2 { margin: 0; padding: 0; border-bottom: none; font-size: 2.5rem; line-height: 1.25; color: #fff; }
@media only screen and (max-width: 45rem) { .hero h2 { font-size: 2.25rem; } }
@media only screen and (max-width: 30rem) { .hero h2 { font-size: 1.75rem; } }

.hero p { margin: 0; padding: 0; margin: 1.25rem 0; font-size: 0.8125rem; color: #fff; }

.hero .thumb { float: left; width: 18.75rem; height: 18.75rem; margin: 0; }
@media only screen and (max-width: 60rem) { .hero .thumb { width: 15rem; height: 15rem; } }
@media only screen and (max-width: 45rem) { .hero .thumb { width: auto; height: auto; max-width: 15rem; max-height: 15rem; float: none; margin: 0 0 1.25rem 0; } }

.hero .article { max-width: 37.5rem; margin: 0 0 0 22.5rem; padding-top: 1.25rem; }
@media only screen and (max-width: 60rem) { .hero .article { margin-left: 17.5rem; } }
@media only screen and (max-width: 45rem) { .hero .article { margin-left: 0; } }

.hero .action { margin-top: 1.25rem; }
.hero .action:before, .hero .action:after { content: ''; display: table; }
.hero .action:after { clear: both; }
.hero .action { *zoom: 1; }

.hero .action a { display: inline-block; padding: 0.75rem 0.625rem 0 0.625rem; min-width: 12.5rem; height: 2.8125rem; margin-right: 0.625rem; margin-top: 0.625rem; background-color: #00add0; font-size: 0.9375rem; text-align: center; color: #fff; }
@media only screen and (max-width: 60rem) { .hero .action a { min-width: 11.25rem; } }

.hero .action a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

/*=====================================================*/
/* Listing
/*=====================================================*/
.listing small { margin: 0; padding: 0; display: block; font-size: 0.625rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03125rem; color: #00add0; }

.listing small .date { display: block; font-size: 0.6875rem; font-weight: normal; text-transform: none; color: #999; }

.listing small.title { font-size: 0.6875rem; font-weight: normal; text-transform: none; letter-spacing: normal; color: #777; }

.listing h3 { margin: 0; padding: 0; font-size: 0.9375rem; font-weight: normal; color: #5c7f92; }

.listing a:hover h3 { text-decoration: underline; }

.listing .excerpt { font-size: 0.8125rem; color: #777; }

.listing .excerpt p { margin: 0; padding: 0; }

.listing .teaser { font-size: 0.8125rem; color: #777; }

.listing .teaser p { margin: 0; padding: 0; }

.listing .more { padding: 20px 0; border-top: 0.0625rem dotted #ddd; }

.listing .more a { display: block; height: 2.8125rem; padding-top: 0.75rem; background-color: #00add0; font-size: 0.9375rem; text-align: center; color: #fff; }

.listing .more a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

.listing .more.loading { height: 5.3125rem; }

.listing .more.loading:before { content: ''; -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; height: 1.875rem; width: 1.875rem; border: 0.375rem solid #69be28; border-right-color: transparent; border-radius: 50%; display: block; margin: 0.3125rem auto; }

.listing .thumb { display: inline-block; position: relative; font-size: 0; }

.listing .thumb.overlay:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }

.listing a:hover .thumb.overlay:before { background-color: rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.1s ease-in 0s; -moz-transition: background-color 0.1s ease-in 0s; transition: background-color 0.1s ease-in 0s; }

.listing .thumb.overlay:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 3.75rem; width: 3.75rem; margin: -1.875rem 0 0 -1.875rem; border: 0.1875rem solid #fff; border-radius: 50%; background-position: center center; }

.listing a:hover .thumb.overlay:after { opacity: .5; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; transition: opacity 0.1s ease-in 0s; }

.listing .thumb.overlay.video:after { background-image: url("/assets/img/site/media-icons/video.svg"); }

.listing .thumb.overlay.audio:after { background-image: url("/assets/img/site/media-icons/audio.svg"); }

.listing .thumb.overlay.images:after { background-image: url("/assets/img/site/media-icons/images.svg"); }

.listing .thumb.rounded { border-radius: 50%; }

.listing .thumb.icon { margin: 0; padding: 0; display: block; width: 100%; margin: 0 auto; }

.listing .thumb.icon:after { content: ''; display: block; width: 100%; padding-top: 100%; background-color: #5c7f92; background-size: 50% 50%; background-position: center center; background-repeat: no-repeat; border-radius: 50%; }

.listing .thumb.icon.blog:after { background-image: url("/assets/img/site/misc-icons/bubble.svg"); }

.listing .thumb.icon.release:after { background-image: url("/assets/img/site/misc-icons/document.svg"); }

.listing .thumb.icon.speech:after { background-image: url("/assets/img/site/misc-icons/quote.svg"); }

.listing .thumb.icon.news:after { background-image: url("/assets/img/site/misc-icons/newspaper.svg"); }

/* Horizontal Basics */
.listing.horiz .entries { font-size: 0; }

.listing.horiz .entry { display: inline-block; vertical-align: top; font-size: 16px; }

.listing.horiz .header { position: relative; margin: 1.25rem 0; }

.listing.horiz .header.centered { text-align: center; }

.listing.horiz .header.recent-author:before { content: 'Recent Author'; display: block; text-transform: uppercase; font-size: 0.625rem; font-weight: bold; letter-spacing: 0.03125rem; color: #ff6e00; }

.listing.horiz small .date { position: absolute; top: 100%; width: 100%; padding-top: 0.3125rem; }

.listing.horiz img { width: 100%; max-width: 12.5rem; }

.listing.horiz h3 { margin: 0.3125rem 0; }

.listing.horiz .excerpt { display: none; }

/* Horizontal Variations */
.listing.horiz.row-2 { border-bottom: none; }

.listing.horiz.row-2 .entries { margin: 0 -1.875rem; }
@media only screen and (max-width: 50rem) { .listing.horiz.row-2 .entries { padding: 0; } }

.listing.horiz.row-2 .entry { position: relative; width: 50%; padding: 0 1.875rem; margin: 1.25rem 0; }
@media only screen and (max-width: 40rem) { .listing.horiz.row-2 .entry { width: 100%; padding-bottom: 1.25rem; margin-bottom: 0; border-bottom: 1px solid #fff; } }

@media only screen and (max-width: 50rem) { .listing.horiz.row-2 .entry:last-child { padding-bottom: 0; border-bottom: none; } }

.listing.horiz.row-2 .entry:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 400px; background-color: #fff; }

.listing.horiz.row-2 .entry:before { content: ''; display: block; position: absolute; bottom: 100%; right: -10px; z-index: 99; width: 40px; height: 40px; }

.light .listing.horiz.row-2 .entry:before { background-color: #d8eae7; }

.grey .listing.horiz.row-2 .entry:before { background-color: #f6f6f6; }

.listing.horiz.row-2 .thumb { float: left; width: 7.5rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-2 .thumb { float: left; width: 6.25rem; } }

.listing.horiz.row-2 .header { margin: 0 0 1.25rem 8.75rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-2 .header { margin: 0 0 1.25rem 7.5rem; } }

.listing.horiz.row-2 h3 { font-size: 1.3125rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-2 h3 { font-size: 1.125rem; } }

.listing.horiz.row-2 small { font-size: 0.6875rem; }

.listing.horiz.row-3 { border-bottom: none; }

.listing.horiz.row-3 .entries { margin: 0 -1.25rem; }
@media only screen and (max-width: 50rem) { .listing.horiz.row-3 .entries { padding: 0; } }

.listing.horiz.row-3 .entry { position: relative; width: 33.33%; padding: 0 1.25rem; margin: 1.25rem 0; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-3 .entry { text-align: center; } }
@media only screen and (max-width: 40rem) { .listing.horiz.row-3 .entry { width: 100%; padding-bottom: 1.25rem; margin-bottom: 0; border-bottom: 1px solid #fff; text-align: left; } }

.listing.horiz.row-3 .entry:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 400px; background-color: #fff; }

.listing.horiz.row-3 .entry:before { content: ''; display: block; position: absolute; bottom: 100%; right: -10px; z-index: 99; width: 40px; height: 40px; }

.light .listing.horiz.row-3 .entry:before { background-color: #d8eae7; }

.grey .listing.horiz.row-3 .entry:before { background-color: #f6f6f6; }

@media only screen and (max-width: 50rem) { .listing.horiz.row-3 .entry:last-child { padding-bottom: 0; border-bottom: none; } }

.listing.horiz.row-3 .thumb { float: left; width: 6.25rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-3 .thumb { float: none; width: auto; max-width: 7.5rem; } }
@media only screen and (max-width: 40rem) { .listing.horiz.row-3 .thumb { float: left; width: 6.25rem; } }

.listing.horiz.row-3 .header { margin: 0 0 1.25rem 7.5rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-3 .header { margin: 1.25rem 0; } }
@media only screen and (max-width: 40rem) { .listing.horiz.row-3 .header { margin: 0 0 1.25rem 7.5rem; } }

.listing.horiz.row-3 h3 { font-size: 1.125rem; }

.listing.horiz.row-3 small { font-size: 0.6875rem; }

.listing.horiz.row-4 { border-bottom: none; }

.listing.horiz.row-4 .entries { margin: 0 -1.25rem; }

.listing.horiz.row-4 .entry { position: relative; width: 25%; padding: 0 1.25rem; margin: 1.25rem 0; text-align: center; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-4 .entry { width: 50%; margin: 1.25rem 0; text-align: left; } }
@media only screen and (max-width: 40rem) { .listing.horiz.row-4 .entry { width: 100%; padding-bottom: 1.25rem; border-bottom: 1px solid #fff; } }

.listing.horiz.row-4 .entry:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 400px; background-color: #fff; }

.listing.horiz.row-4 .entry:before { content: ''; display: block; position: absolute; bottom: 100%; right: -10px; z-index: 99; width: 40px; height: 40px; }

.light .listing.horiz.row-4 .entry:before { background-color: #d8eae7; }

.grey .listing.horiz.row-4 .entry:before { background-color: #f6f6f6; }

@media only screen and (max-width: 40rem) { .listing.horiz.row-4 .entry:last-child { padding-bottom: 0; border-bottom: none; } }

@media only screen and (max-width: 60rem) { .listing.horiz.row-4 .header { margin: 0 0 1.25rem 7.5rem; } }

.listing.horiz.row-4 h3 { font-size: 1.125rem; }

.listing.horiz.row-4 small { font-size: 0.6875rem; }

.listing.horiz.row-4 .thumb { max-width: 7.5rem; }
@media only screen and (max-width: 60rem) { .listing.horiz.row-4 .thumb { float: left; width: 6.25rem; } }

.listing.horiz.row-6 .entries { margin: 0 -0.9375rem; }
@media only screen and (max-width: 40rem) { .listing.horiz.row-6 .entries { margin: 0 -0.625rem; } }

.listing.horiz.row-6 .entry { min-height: 15rem; width: 16.66%; padding: 0 0.9375rem; margin: 1.875rem 0; }
@media only screen and (max-width: 50rem) { .listing.horiz.row-6 .entry { width: 25%; } }
@media only screen and (max-width: 40rem) { .listing.horiz.row-6 .entry { width: 33.33%; padding: 0 0.625rem; } }
@media only screen and (max-width: 25rem) { .listing.horiz.row-6 .entry { width: 50%; } }

.listing.horiz.row-6 .teaser { font-size: 0.6875rem; color: #777; }

/* Vertical Basics*/
.listing.vert .entry { position: relative; padding-bottom: 1.25rem; margin-top: 1.25rem; border-bottom: 0.0625rem dotted #ddd; }
.listing.vert .entry:before, .listing.vert .entry:after { content: ''; display: table; }
.listing.vert .entry:after { clear: both; }
.listing.vert .entry { *zoom: 1; }

.listing.vert .entry:last-of-type { border-bottom: none; }

.listing.vert img { width: 100%; }

@media only screen and (max-width: 30rem) { .listing.vert header { position: relative; margin-bottom: 1.25rem; } }

.listing.vert small { float: left; max-width: 6.875rem; }
@media only screen and (max-width: 30rem) { .listing.vert small { float: none; max-width: none; margin-bottom: 0.3125rem; } }

@media only screen and (max-width: 30rem) { .listing.vert small .date { position: absolute; top: 100%; width: 100%; padding-top: 0.3125rem; } }

.listing.vert h3 { margin-left: 7.5rem; }
@media only screen and (max-width: 30rem) { .listing.vert h3 { margin-left: 0; padding: 0; } }

/* …Vertical Thumbed Basics */
.listing.vert.thumbed .entry { min-height: 7.5rem; }
@media only screen and (max-width: 30rem) { .listing.vert.thumbed .entry { min-height: 80px; } }

.listing.vert.thumbed .thumb { position: absolute; left: 0; top: 0; width: 6.25rem; }
@media only screen and (max-width: 30rem) { .listing.vert.thumbed .thumb { width: 3.75rem; } }

.listing.vert.thumbed .header { padding-left: 7.5rem; }
@media only screen and (max-width: 30rem) { .listing.vert.thumbed .header { padding-left: 5rem; } }

.listing.vert.thumbed small { float: left; }

/* …Vertical Thumbed Not Wide */
.listing.vert.thumbed:not(.wide) .header { position: relative; margin-bottom: 1.25rem; }

.listing.vert.thumbed:not(.wide) small { float: none; }

.listing.vert.thumbed:not(.wide) small .date { position: absolute; top: 100%; width: 100%; padding-top: 0.3125rem; }

.listing.vert.thumbed:not(.wide) h3 { margin-left: 0; padding: 0; }

/* …Vertical Wide */
.listing.vert.wide .header { float: left; width: 50%; padding-right: 1.25rem; }
@media only screen and (max-width: 60rem) { .listing.vert.wide .header { position: relative; margin-bottom: 1.25rem; } }
@media only screen and (max-width: 40rem) { .listing.vert.wide .header { float: none; width: 100%; padding-right: 0; } }

@media only screen and (max-width: 60rem) { .listing.vert.wide .header small { float: none; max-width: none; margin-bottom: 0.3125rem; } }

@media only screen and (max-width: 60rem) { .listing.vert.wide small .date { position: absolute; top: 100%; width: 100%; padding-top: 0.3125rem; } }

.listing.vert.wide h3 { font-size: 1.125rem; }
@media only screen and (max-width: 60rem) { .listing.vert.wide h3 { margin-left: 0; padding: 0; } }
@media only screen and (max-width: 30rem) { .listing.vert.wide h3 { font-size: 0.9375rem; } }

.listing.vert.wide .excerpt { float: left; width: 50%; }
@media only screen and (max-width: 40rem) { .listing.vert.wide .excerpt { float: none; width: 100%; margin-top: 2.5rem; } }
@media only screen and (max-width: 30rem) { .listing.vert.wide .excerpt { display: none; } }

/* …Vertical Wide Thumbed */
.listing.vert.wide.thumbed .header { width: 60%; }
@media only screen and (max-width: 40rem) { .listing.vert.wide.thumbed .header { width: 100%; } }

.listing.vert.wide.thumbed .excerpt { width: 40%; }
@media only screen and (max-width: 40rem) { .listing.vert.wide.thumbed .excerpt { width: 100%; padding-left: 7.5rem; } }
@media only screen and (max-width: 30rem) { .listing.vert.wide.thumbed .excerpt { display: none; } }

/* Sidebar */
.sidebar .listing h3 { font-size: 0.8125rem; }

.sidebar .listing .entry { margin: 20px 0; }

.sidebar .listing .entry:last-child { margin-bottom: 0; }

/* Section */
.grey .listing .more { border-top-color: #fff; }

.grey .listing.vert .entry { border-bottom-color: #fff; }

/*=====================================================*/
/* Topics
/*=====================================================*/
.topics .entries { font-size: 0; margin: 0 -0.625rem; padding: 0.9375rem 0; }

.topics .entry { position: relative; display: inline-block; vertical-align: top; width: 33.33%; min-height: 2.5rem; margin: 0.9375rem 0; padding: 0 0.625rem; font-size: 16px; }
.topics .entry:before, .topics .entry:after { content: ''; display: table; }
.topics .entry:after { clear: both; }
.topics .entry { *zoom: 1; }
@media only screen and (max-width: 50rem) { .topics .entry { width: 50%; } }
@media only screen and (max-width: 30rem) { .topics .entry { width: 100%; } }

.topics .thumb { float: left; width: 2.5rem; height: 2.5rem; border-radius: 50%; }

.topics h3 { margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); padding-left: 3.125rem; font-size: 0.9375rem; font-weight: normal; color: #5c7f92; }

.topics.full .entries { margin: 0 -1.25rem; padding: 1.25rem 0; }

.topics.full .entry { position: relative; display: inline-block; vertical-align: top; width: 50%; min-height: 10.625rem; margin: 0; padding: 1.25rem; font-size: 16px; }
.topics.full .entry:before, .topics.full .entry:after { content: ''; display: table; }
.topics.full .entry:after { clear: both; }
.topics.full .entry { *zoom: 1; }
@media only screen and (max-width: 50rem) { .topics.full .entry { min-height: 7.5rem; } }
@media only screen and (max-width: 40rem) { .topics.full .entry { width: 100%; border-bottom: 1px dotted #ddd; } }

.topics.full .entry:last-child { border-bottom: none; }

.topics.full .thumb { width: 9.375rem; height: 9.375rem; }
@media only screen and (max-width: 50rem) { .topics.full .thumb { width: 7.5rem; height: 7.5rem; } }

.topics.full h3 { position: static; transform: none; padding-left: 10.625rem; font-size: 1.3125rem; font-weight: normal; color: #5c7f92; }
@media only screen and (max-width: 50rem) { .topics.full h3 { padding-left: 8.75rem; } }

.topics.full p { padding-left: 10.625rem; font-size: 0.75rem; color: #777; }
@media only screen and (max-width: 50rem) { .topics.full p { padding-left: 8.75rem; } }

/*=====================================================*/
/* Teaser
/*=====================================================*/
.main .teaser p { margin: 0; padding: 0; font-size: 1.375rem; color: #007363; }

.main .teaser p a { color: #00add0; }

.main .teaser p a:hover { text-decoration: underline; }

/*=====================================================*/
/* Text
/*=====================================================*/
.main .text > :first-child { margin-top: 0; }

.main .text h3 { margin: 1.875rem 0; font-size: 1rem; font-weight: normal; color: #69be28; }

.main .text h4 { font-size: 1rem; font-weight: normal; color: #007363; }

.main .text h5 { font-size: 1rem; font-weight: bold; color: #007363; }

.main .text p { font-size: 1rem; }

.main .text ul, .main .text ol { padding-left: 1.25rem; }

.main .text li { margin-bottom: 0.5625rem; font-size: 1rem; }

.main .text blockquote { margin: 1.875rem 1.25rem; font-style: italic; color: #5c7f92; }

.main .text blockquote footer { font-size: 0.8125rem; font-style: normal; }

.main .text blockquote footer:before { content: '\2014\00a0'; }

.main .text blockquote cite { font-style: normal; }

.main .text hr { margin: 2.5rem 0; border: none; border-top: 0.0625rem solid #ddd; }

.main .text img { display: block; width: auto; max-width: 100%; margin: 3.75rem auto; }

.main .text a { color: #00add0; }

.main .text p.large { font-size: 1.125rem; }

.main .text p.footnote, .main .text ol.footnote li, .main .text ul.footnote li { font-size: 0.8125rem; color: #999; }

.main .text figure { margin: 3.125rem auto; }

.main .text figure.inset { margin: 0; padding: 0; max-width: 160px; margin: 0 1.25rem 1.25rem 0; float: left; }

.main .text figure img { margin: 0; }

.main .text figure figcaption { margin: 0 0 1.25rem 0; }

.main .text figure img + figcaption { margin: 1.25rem 0 0 0; }

.main .text .caption { font-size: 0.875rem; color: #777; }

.main .text table { margin: 1.875rem 0; width: 100%; border-collapse: collapse; }

.main .text table caption { margin: 0; padding: 0; padding: 0.625rem; background-color: #d8eae7; font-size: 0.875rem; color: #007363; text-align: left; }

.main .text table td, .main .text table th { padding: 0.625rem 0.25rem; background-color: #fff; border: 0.0625rem solid #eee; font-size: 0.75rem; text-align: left; }

.main .text table p { font-size: 0.75rem; }

/* Footnotes (Note: .footnote is a fallback for legacy content) */
.main .text .footnotes h3, .main .text .footnotes h4, .main .text .footnotes table caption { font-size: 0.875rem; color: #007363; }

.main .text .footnotes p, .main .text .footnotes li, .main .text .footnotes td, .main .text .footnotes th { font-size: 0.75rem; color: #999; }

.main .text p.footnote, .main .text ol.footnote li, .main .text ul.footnote li { font-size: 0.8125rem; color: #999; }

/* Accordions */
.main .text .accordion { margin: 1.25rem 0; background-color: #f6f6f6; }

.main .text .accordion h3 { position: relative; margin: 0; padding: 1.25rem 1.25rem 1.25rem 2.5rem; background-color: #d8f2f7; color: #006983; }

.main .text .accordion h3:hover { background-color: #bfeaf3; }

.main .text .accordion h3:before { content: ''; display: block; position: absolute; top: 50%; left: 1.25rem; margin: -0.375rem -0.25rem 0 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.375rem solid #006983; }

.main .text .accordion.active h3:before { margin: -0.1875rem 0 0 -0.25rem; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-top: 0.375rem solid #006983; border-bottom: none; }

.main .text .accordion-content { padding: 1.25rem; }

/* Tweetables */
.main .text ul.tweetables { margin: 0; padding: 0; list-style: none; font-size: 1.125rem; }
.main .text ul.tweetables li { margin: 0; padding: 0; }

.main .text ul.tweetables li { position: relative; padding-left: 2.5rem; margin-bottom: 1.125rem; }

.main .text ul.tweetables li:last-child { margin-bottom: 0; }

.main .text ul.tweetables .tweetable { display: block; position: absolute; left: 0; top: 0; height: 1.875rem; width: 1.875rem; margin-top: -0.3125rem; }

.main .text ul.tweetables .tweetable img { margin: 0; padding: 0; }

/* Problem/Proposal */
/* Highlight Box */
.main .text .highlight-block { padding: 1.25rem; background-color: #e8f5de; }

.sidebar .text p { font-size: 0.8125rem; color: #777; }

.sidebar .text a { color: #00add0; }

/*=====================================================*/
/* WYGWAM
/*=====================================================*/
#wygwam.summary { padding: 1.25rem; }

#wygwam.summary p { margin: 0; padding: 0; font-size: 0.8125rem; color: #777; }

#wygwam.teaser { padding: 1.25rem; }

#wygwam.teaser p { margin: 0; padding: 0; font-size: 1.375rem; color: #007363; }

#wygwam.teaser p a { color: #00add0; }

#wygwam.teaser p a:hover { text-decoration: underline; }

#wygwam.agenda { padding: 1.25rem; }

#wygwam.agenda h4 { margin: 1.875rem 0; font-size: 1rem; font-weight: bold; color: #006983; }

#wygwam.agenda p { font-size: 0.9375rem; }

#wygwam.agenda ul { padding-left: 1.25rem; font-size: 0.9375rem; }

#wygwam.agenda li { margin: 0.9375rem 0; }

#wygwam.full { padding: 1.25rem; }

#wygwam.full h2 { margin: 2.5rem 0; padding: 0; border-bottom: none; font-size: 1.25rem; font-weight: normal; color: #69be28; }

#wygwam.full h3 { margin: 1.875rem 0; font-size: 1rem; font-weight: normal; color: #69be28; }

#wygwam.full h4 { font-size: 1rem; font-weight: normal; color: #007363; }

#wygwam.full h5 { font-size: 1rem; font-weight: bold; color: #007363; }

#wygwam.full p { font-size: 1rem; }

#wygwam.full ul, #wygwam.full ol { padding-left: 1.25rem; }

#wygwam.full li { margin-bottom: 0.5625rem; font-size: 1rem; }

#wygwam.full blockquote { margin: 1.875rem 1.25rem; font-style: italic; color: #5c7f92; border: 0.1875rem solid #ffe2cc; }

#wygwam.full blockquote footer { font-size: 0.8125rem; font-style: normal; }

#wygwam.full blockquote footer:before { content: '\2014\00a0'; }

#wygwam.full blockquote cite { font-style: normal; }

#wygwam.full hr { margin: 3.75rem 0; border: none; border-top: 0.0625rem solid #ddd; }

#wygwam.full img { display: block; width: auto; max-width: 100%; margin: 3.75rem auto; }

#wygwam.full a { color: #00add0; }

#wygwam.full p.large { font-size: 1.125rem; }

#wygwam.full figure { margin: 3.125rem auto; border: 0.1875rem solid #ffe2cc; }

#wygwam.full figure.inset { margin: 0; padding: 0; max-width: 160px; margin: 0 1.25rem 1.25rem 0; float: left; }

#wygwam.full figure img { margin: 0; }

#wygwam.full figure figcaption { margin: 0 0 1.25rem 0; }

#wygwam.full figure img + figcaption { margin: 1.25rem 0 0 0; }

#wygwam.full .caption { font-size: 0.875rem; color: #777; }

#wygwam.full table { margin: 1.875rem 0; width: 100%; border-collapse: collapse; }

#wygwam.full table caption { margin: 0; padding: 0; padding: 0.625rem; background-color: #d8eae7; font-size: 0.875rem; color: #007363; text-align: left; }

#wygwam.full table td, #wygwam.full table th { padding: 0.625rem 0.25rem; background-color: #fff; border: 0.0625rem solid #eee; font-size: 0.75rem; text-align: left; }

#wygwam.full table p { font-size: 0.75rem; }

/* Footnotes (Note: .footnote is a fallback for legacy content) */
#wygwam.full .footnotes { border: 0.1875rem solid #ffe2cc; }

#wygwam.full .footnotes h3, #wygwam.full .footnotes h4, #wygwam.full .footnotes table caption { font-size: 0.875rem; color: #007363; }

#wygwam.full .footnotes p, #wygwam.full .footnotes li, #wygwam.full .footnotes td, #wygwam.full .footnotes th { font-size: 0.75rem; color: #999; }

#wygwam.full p.footnote, #wygwam.full ol.footnote li, #wygwam.full ul.footnote li { font-size: 0.8125rem; color: #999; }

/* Accordion */
#wygwam.full .accordion { margin: 1.25rem 0; background-color: #f6f6f6; border: 0.1875rem solid #ffe2cc; }

#wygwam.full .accordion h3 { position: relative; margin: 0; padding: 1.25rem 1.25rem 1.25rem 2.5rem; background-color: #d8f2f7; color: #006983; }

#wygwam.full .accordion h3:hover { background-color: #bfeaf3; }

#wygwam.full .accordion h3:before { content: ''; display: block; position: absolute; top: 50%; left: 1.25rem; margin: -0.375rem -0.25rem 0 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.375rem solid #006983; }

#wygwam.full .accordion.active h3:before { margin: -0.1875rem 0 0 -0.25rem; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-top: 0.375rem solid #006983; border-bottom: none; }

#wygwam.full .accordion-content { padding: 1.25rem; }

/* Tweetables */
#wygwam.full ul.tweetables { margin: 0; padding: 0; list-style: none; font-size: 1.125rem; border: 0.1875rem solid #ffe2cc; }
#wygwam.full ul.tweetables li { margin: 0; padding: 0; }

#wygwam.full ul.tweetables li { position: relative; padding-left: 2.5rem; margin-bottom: 1.125rem; background-image: url("/assets/img/site/misc-icons/tweetable.svg"); background-size: 1.875rem 1.875rem; background-repeat: no-repeat; }

#wygwam.full ul.tweetables li:last-child { margin-bottom: 0; }

/* Problem/Proposal */
#wygwam.full .problem-proposal { border: 0.1875rem solid #ffe2cc; }

/* Highlight Box */
#wygwam.full .highlight-block { padding: 1.25rem; background-color: #e1f2d4; border: 0.1875rem solid #ffe2cc; }

/*=====================================================*/
/* Agenda
/*=====================================================*/
.main .agenda :first-child { margin-top: 0; }

.main .agenda h3 { margin: 1.875rem 0; font-size: 1rem; font-weight: normal; color: #69be28; }

.main .agenda h4 { margin: 1.875rem 0; font-size: 1rem; font-weight: bold; color: #006983; }

.main .agenda p { font-size: 0.9375rem; }

.main .agenda ul { padding-left: 1.25rem; font-size: 0.9375rem; }

.main .agenda li { margin: 0.9375rem 0; }

/* Accordions - Seperated from .text in case this needs to diverge design-wase */
.main .agenda .accordion { margin: 1.25rem 0; background-color: #f6f6f6; }

.main .agenda .accordion h3 { position: relative; margin: 0; padding: 1.25rem 1.25rem 1.25rem 2.5rem; background-color: #d8f2f7; color: #006983; }

.main .agenda .accordion h3:hover { background-color: #bfeaf3; }

.main .agenda .accordion h3:before { content: ''; display: block; position: absolute; top: 50%; left: 1.25rem; margin: -0.375rem -0.25rem 0 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.375rem solid #006983; }

.main .agenda .accordion.active h3:before { margin: -0.1875rem 0 0 -0.25rem; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-top: 0.375rem solid #006983; border-bottom: none; }

.main .agenda .accordion-content { padding: 1.25rem; }

/*=====================================================*/
/* Action
/*=====================================================*/
.main .action a { display: block; height: 2.8125rem; padding-top: 0.75rem; background-color: #00add0; font-style: 0.9375rem; text-align: center; color: #fff; }

.main .action a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

/*=====================================================*/
/* Date
/*=====================================================*/
.sidebar .date p { margin: 0.3125rem 0; font-size: 0.8125rem; color: #007363; }

/*=====================================================*/
/* People
/*=====================================================*/
.sidebar .people .entry { margin: 1.25rem 0; }

.sidebar .people .entry:last-child { margin-bottom: 0; }

.sidebar .people .thumb { width: 3.125rem; height: 3.125rem; margin-bottom: 0.3125rem; border-radius: 50%; }

.sidebar .people .name { margin: 0; padding: 0; font-size: 0.8125rem; color: #5c7f92; }

.sidebar .people .title { margin: 0; padding: 0; display: block; font-size: 0.6875rem; color: #999; }

.sidebar .date ~ .people { /* This approach (rather than display: none;) is to ensure there is still a border under date on paper pages. */ }
@media only screen and (max-width: 50rem) { .sidebar .date ~ .people { margin: 0; padding: 0; overflow: hidden; height: 0.0625rem; border-bottom: none; } }

/*=====================================================*/
/* Location
/*=====================================================*/
.main .location :first-child { margin-top: 0; }

.sidebar .location .address { margin: 0; padding: 0; font-size: 0.8125rem; color: #777; }

.sidebar .location .address a { color: #00add0; }

@media only screen and (max-width: 50rem) { .sidebar .date ~ .location { margin-top: -1.25rem; padding-top: 0; border-top: 0; } }

/*=====================================================*/
/* Tweets
/*=====================================================*/
.tweets .entries { margin: 0 -1.25rem; font-size: 0; }

.tweets .entry { display: inline-block; vertical-align: top; width: 25%; padding: 0 1.25rem; margin: 1.875rem 0; font-size: 16px; text-align: center; }
@media only screen and (max-width: 50rem) { .tweets .entry { width: 50%; } }
@media only screen and (max-width: 40rem) { .tweets .entry { width: 100%; } }

@media only screen and (max-width: 50rem) { .tweets .entry:nth-child(n+3) { display: none; } }

@media only screen and (max-width: 40rem) { .tweets .entry:nth-child(n+2) { display: none; } }

.tweets h3 { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.03125rem; color: #00add0; }

.tweets p { font-size: 0.9375rem; font-style: italic; color: #777; }

.tweets a { color: #00add0; }

.tweets small { display: block; font-size: 0.6875rem; font-weight: normal; text-transform: none; color: #999; }

/*=====================================================*/
/* Contacts
/*=====================================================*/
.contacts .entries { margin: 0 -1.25rem; font-size: 0; }

.contacts .entry { display: inline-block; vertical-align: top; width: 25%; padding: 0 1.25rem; margin: 1.875rem 0; font-size: 16px; }
@media only screen and (max-width: 60rem) { .contacts .entry { width: 50%; } }
@media only screen and (max-width: 45rem) { .contacts .entry { width: 100%; margin-top: 1.25rem; margin-bottom: 0; padding-bottom: 1.25rem; border-bottom: 1px dotted #ddd; } }

@media only screen and (max-width: 45rem) { .contacts .entry:last-child { border-bottom: none; } }

.contacts h3 { font-size: 1rem; color: #007363; }

.contacts p { font-size: 0.8125rem; color: #777; }

.contacts a { color: #00add0; }

.sidebar .contacts .entries { margin: 0; }

.sidebar .contacts .entry { display: block; width: 100%; padding: 0; margin: 20px 0; border-bottom: none; }

.sidebar .contacts .entry:last-child { margin-bottom: 0; }

.sidebar .contacts h3 { margin: 0; padding: 0; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.03125rem; color: #00add0; }

.sidebar .contacts p { margin: 0; }

/*=====================================================*/
/* Form
/*=====================================================*/
.form { margin: 0; padding: 0; border-bottom: none; }

.form .group { float: left; width: 50%; padding-right: 3.75rem; }
@media only screen and (max-width: 45rem) { .form .group { width: 100%; padding: 0; } }

.form .group:last-child { padding-right: 0; }

.form .form-item { position: relative; margin: 1.25rem 0; }

.form label { display: block; margin-bottom: 0.625rem; font-size: 1rem; font-weight: bold; color: #007363; }

.form label.required:after { content: '*'; color: #ff6e00; }

.form input { display: block; width: 100%; height: 3.125rem; padding: 0.125rem 0 0 1rem; background-color: #fff; border: none; font-size: 0.875rem; color: #000; }

.form textarea { display: block; width: 100%; height: 22.5rem; padding: 1rem; background-color: #fff; border: none; font-size: 0.875rem; color: #000; }

.form input:focus, .form textarea:focus { background-color: #fff9ec; }

.form select { display: block; width: 100%; height: 3.125rem; padding-top: 0.75rem; background-color: #338f82; font-size: 0.875rem; font-weight: bold; color: #fff; }

.form input[type=submit] { display: block; width: 100%; height: 3.125rem; background-color: #00add0; font-size: 1rem; color: #fff; }

.form input[type=submit]:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

/*=====================================================*/
/* Media
/*=====================================================*/
.media { border-bottom: none; text-align: center; }

.media .alert { margin: 0; padding: 0; padding: 0.625rem 1.25rem; background-color: #ff6e00; font-weight: bold; color: #fff; text-align: left; }

.media.image img { width: auto; max-width: 100%; margin: 0 auto; }

.media.video { overflow: visible; }
.media.video:before, .media.video:after { content: ''; display: table; }
.media.video:after { clear: both; }
.media.video { *zoom: 1; }

.media.video .contents { display: none; float: right; width: 12.5rem; margin-right: -13.75rem; text-align: left; }
@media only screen and (max-width: 50rem) { .media.video .contents { float: none; width: auto; margin-right: 0; margin-top: 2.5rem; } }

.media.video .contents ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #5c7f92; }
.media.video .contents ul li { margin: 0; padding: 0; }

.media.video .contents ul li { padding: 0.9375rem 0; border-bottom: 1px solid #5c7f92; font-size: 0.8125rem; color: #fff; }

.media.video .contents small { display: block; font-size: 0.6875rem; color: #999; }

.media.video .contents-toggle { position: absolute; top: -1.875rem; right: 0; font-size: 0.6875rem; font-weight: bold; color: #00add0; }

.media.video .contents-toggle:before { content: ''; display: inline-block; margin-right: 0.3125rem; border-top: 0.25rem solid transparent; border-bottom: 0.25rem solid transparent; border-left: 0.25rem solid #00add0; }

.media.video.contents-active .contents-toggle:before { border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-top: 0.25rem solid #00add0; border-bottom: none; }

.media.video.contents-active { padding-right: 13.75rem; }
@media only screen and (max-width: 50rem) { .media.video.contents-active { padding-right: 0; } }

.media.video.contents-active .player { float: left; width: 100%; }
@media only screen and (max-width: 50rem) { .media.video.contents-active .player { float: none; } }

.media.video.contents-active .contents { display: block; }

.media.slideshow { position: relative; overflow: visible; max-width: 42.5rem; margin: 0 auto; }

.media.slideshow img { display: block; height: auto; width: 100%; max-width: 100%; }

.media.slideshow .caption { display: block; padding: 0.9375rem; background-color: #eee; font-size: 0.6875rem; color: #777; text-align: left; }

.media.slideshow .caption a { text-decoration: underline; }

.media.slideshow .controls { margin: 0; padding: 0; list-style: none; display: none; position: absolute; top: 50%; right: 0; z-index: 888; margin: -2.8125rem -1.409375rem 0 0; }
.media.slideshow .controls li { margin: 0; padding: 0; }
@media only screen and (max-width: 30rem) { .media.slideshow .controls { visibility: hidden; } }

.media.slideshow .controls a { display: block; height: 2.8125rem; width: 2.8125rem; margin-bottom: 1px; background-color: #00add0; }

.media.slideshow .controls a:hover { background-color: #6e2585; -webkit-transition: background-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s; transition: background-color 0.15s ease-in 0s; }

.media.interactive iframe { display: block; margin: 0 auto; }
@media only screen and (max-width: 63.75rem) { .media.interactive iframe { display: none; } }

.media.interactive .warning { display: none; padding: 3.125rem; font-weight: bold; color: #fff; text-align: center; }

.media.interactive .warning a { text-decoration: underline; }

.media.interactive .warning.responsive { display: none; }
@media only screen and (max-width: 63.75rem) { .media.interactive .warning.responsive { display: block; } }

.lt-ie9 .media.interactive .warning.browser { display: block; }

/**********************************************************************************************************/
/*
/*
/* INTERACTIVE EMBED OVERRIDES
/*
/* These styles are used on the non-repsonsive interactive embed pages.
/*
/*
/**********************************************************************************************************/
.interactive-embed { margin: 0; padding: 0; background-color: #eee; text-align: center; }

.interactive-embed .chart-title { min-width: 58.75rem; padding: 0.625rem 1.25rem; background-color: #007363; background-image: url("/assets/img/site/dark-section-ground.png"); background-size: 1500px 600px; }

.interactive-embed .chart-title h1 { display: inline-block; vertical-align: middle; max-width: 37.5rem; font-size: 2rem; line-height: 1.25; color: #fff; text-align: left; }

.interactive-embed .chart-title .org-links { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; max-width: 18.75rem; margin-left: 0.625rem; padding-left: 20px; }
.interactive-embed .chart-title .org-links:before, .interactive-embed .chart-title .org-links:after { content: ''; display: table; }
.interactive-embed .chart-title .org-links:after { clear: both; }
.interactive-embed .chart-title .org-links { *zoom: 1; }
.interactive-embed .chart-title .org-links li { margin: 0; padding: 0; }

.interactive-embed .chart-title .org-links li { float: left; margin-left: 0.3125rem; }

.interactive-embed .chart-title .org-links a { display: block; width: 6.25rem; height: 2.5rem; padding: 0.625rem; background-color: #005c4f; border-radius: 0.125rem; }

.interactive-embed .chart-title .org-links #thp-logo #box, .interactive-embed .chart-title .org-links #thp-logo #name { fill: #fff; }

.interactive-embed iframe { margin: 0 auto; }

/**********************************************************************************************************/
/*
/*
/* Print Overrides
/*
/*
/**********************************************************************************************************/
@media print { /* Set width and remove the padding from body… */
  body { width: 67.5rem; padding-top: 0; }
  /* Make all text black… */
  *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  /* Underline links… */
  a, a:visited { text-decoration: underline !important; }
  /* Hide the masthead and footer… */
  .masthead, .global-footer { display: none !important; }
  /* Open accordions… */
  .main .text .accordion-content { display: block !important; }
  /* Hide sidebars and extend main… */
  .block.sidebar-both { padding-right: 0; }
  .block.sidebar-both .main { float: none; padding: 0 0 0 3.75rem; }
  .block.sidebar-both .sidebar.right { float: none; width: 100%; margin-right: 0; margin-top: 3.75rem; padding: 0 0 0 3.75rem; } }