@charset "UTF-8";
.bg--gold { background: #a99966; }

.bg--charcoal { background: #222222; }

.bg--navy { background: #263c45; }

.bg--blue { background: #245f6e; }

.bg--teal { background: #5ea891; }

.bg--pale-teal { background: #9ec8b3; }

.bg--dark-red { background: #883c3d; }

.bg--red { background: #dc4b1f; }

.bg--orange { background: #e59600; }

.bg--dark-orange { background: #eb5c37; }

.bg--dark-green { background: #4c5f3c; }

.bg--green { background: #6d9454; }

.bg--dark-stone { background: #5f5750; }

.bg--pale-green { background: #aabe87; }

.bg--stone-grey { background: #797068; }

.bg--pale-stone { background: #dcd2c8; }

.bg--clear-stone { background: #f0ebe1; }

.bg--dark-sage { background: #556060; }

.bg--sage-grey { background: #748480; }

.bg--pale-sage { background: #bccac4; }

.bg--clear-sage { background: #d7dfdd; }

/** $Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

/** $HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

ul { margin: 0; padding: 0; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: -moz-inline-stack; display: inline-block; zoom: 1; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/** Remove the gray background color from active links in IE 10. */
a { color: inherit; background-color: transparent; }

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

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

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

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

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

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

/** 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; }

/** Remove border when inside `a` element in IE 8/9/10. */
img { max-width: 100%; height: auto; border: 0; }

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

/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 0; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** 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 Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
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. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

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

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

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

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

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

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 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 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

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

td, th { padding: 0; }

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

body, html { height: 100%; }

body { font-size: 1em; line-height: 1.5; }

.wrapper { margin: 0 auto; max-width: 1280px; padding-left: 1em; padding-right: 1em; position: relative; }

.wrapper.hr { max-width: 100%; padding-top: 30px; background-color: #ffffff; }

.wrapper.hr hr { margin: 0 auto; max-width: 1184px; }

.wrapper.hr.inverse { background-color: #000000; }

.page-wrap { width: 100%; height: 100%; }

.page-wrap section:first-child { padding-top: 60px; }

img { display: block; }

.no-scroll { overflow: hidden; }

section { padding: 15px 0; }

.aside-left { margin-bottom: 1em; }

@media only screen and (min-width: 48em) { .aside-left { float: left; text-align: right; width: 50%; margin-left: -25%; margin-right: 2em; } }

.aside-right { margin-bottom: 1em; }

@media only screen and (min-width: 48em) { .aside-right { float: right; text-align: left; width: 50%; margin-right: -25%; margin-left: 2em; } }

iframe { max-width: 100% !important; }

hr { padding-top: 0; padding-bottom: 30px; border: 0; border-top: 5px solid #245f6e; }

.clearfix, .share-widgets, .flexslider .slides, ._col-media, .press-article { *zoom: 1; }

.clearfix:before, .share-widgets:before, .flexslider .slides:before, ._col-media:before, .press-article:before, .clearfix:after, .share-widgets:after, .flexslider .slides:after, ._col-media:after, .press-article:after { content: " "; display: table; }

.clearfix:after, .share-widgets:after, .flexslider .slides:after, ._col-media:after, .press-article:after { clear: both; }

.row { font-size: 0; text-align: left; }

.row.centered, .section--text-centered .row { text-align: center; }

.row.overlap { margin-top: -110px; }

.col-1 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-1 { width: 8.3333333333%; vertical-align: top; } }

.col-2 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-2 { width: 16.6666666667%; vertical-align: top; } }

.col-3 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-3 { width: 25%; vertical-align: top; } }

.col-4 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-4 { width: 33.3333333333%; vertical-align: top; } }

.col-5 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-5 { width: 41.6666666667%; vertical-align: top; } }

.col-6 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; /* _jm */ /* /jm */ }

@media only screen and (min-width: 48em) { .col-6 { width: 50%; vertical-align: top; } }

.col-6.col-narrow { width: 33.333%; margin: 0 8.333% 0 8.333%; }

.col-7 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-7 { width: 58.3333333333%; vertical-align: top; } }

.col-8 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-8 { width: 66.6666666667%; vertical-align: top; } }

.col-9 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-9 { width: 75%; vertical-align: top; } }

.col-10 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-10 { width: 83.3333333333%; vertical-align: top; } }

.col-11 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-11 { width: 91.6666666667%; vertical-align: top; } }

.col-12 { width: 100%; font-size: 16px; display: inline-block; box-sizing: border-box; padding: 1em; }

@media only screen and (min-width: 48em) { .col-12 { width: 100%; vertical-align: top; } }

.col-inner { padding: 20px; }

.section--grid { text-align: center; }

h1, h2, h3, h4, h5, h6, p { margin: 0; }

li { margin-left: 20px; }

p { margin-bottom: 1em; }

.col-btn, .col-btn-text, .view-btn, .show-more-btn, .disclaimer p, .section--donate p, .section--donate .row .col, .donate--information .label, .donate--finish .total p, .donate--finish .total h2, .donate--finish .total span, .search-label, .dropdown-search span, .dropdown-search ul li, .menu-btn:after, .back--btn p, .menu-wrapper li a, .menu-wrapper .header-top-right a.donate, .footer--address, .footer--email, .btn--updates-container, .footer--links p, .footer--links li, .footer--copyright, .aside-left span, .aside-right span, .image-box span, .section--pagination, .image-credit, .press-article__content *, .press-filter *, .donate--finish { font-family: "Graphik"; font-weight: normal; font-style: normal; }

.section--text.sans--text h1, .section--blog-search input[type=text] { font-family: "Graphik"; font-weight: 300; }

.breadcrumb, .col-post .col .post-info span, .section--events strong, .section--text.sans--text strong, .section-large-text strong, .h5--area, .image-credit__title, .search-search-title, .search-category-title, .pages-list li, .press-article__type, .press-article__link a { font-family: "Graphik"; font-weight: 500; }

.press-article__title { font-family: "Graphik"; font-weight: 800; }

.sans h2, .col-publications .col .col-inner h2, .section--events h2, .section--text.sans--text h2 { font-family: "Graphik"; font-weight: 500; font-style: normal; font-size: 1.375em; line-height: 1.22; }

@media only screen and (min-width: 48em) { .sans h2, .col-publications .col .col-inner h2, .section--events h2, .section--text.sans--text h2 { font-size: 1.625em; } }

.sans h3, .col-post .col h2, .col-media .col:hover .text h2, .section--advisory .row h3, .home--focus .col h3 { font-family: "Graphik"; font-weight: 500; font-style: normal; font-size: 1.125em; line-height: 1.55; }

p, li, .sans p, .sans li, .section--events p, .section--text.sans--text p, .section--text.sans--text li, .section-large-text p, .section-large-text li, .section--advisory .row h4, .home--focus .col p { font-family: "Graphik"; font-weight: normal; font-style: normal; font-size: 1em; line-height: 1.55; }

@media only screen and (min-width: 48em) { p, li, .sans p, .sans li, .section--events p, .section--text.sans--text p, .section--text.sans--text li, .section-large-text p, .section-large-text li, .section--advisory .row h4, .home--focus .col p { font-size: 1.125em; } }

.header--fullscreen h1, .header--fullscreen h2, .header--bg-image h1, .section--about-us .col .col-inner h2, .section--text-centered h2, .section-substance h2, .press-article__source { font-family: "adobe-jenson-pro", serif; font-weight: 400; font-style: normal; }

.col-publications .col .col-inner p, .col-publications .col .col-inner li, .col-media .col:hover .text h4 { font-family: "adobe-jenson-pro-caption", serif; font-weight: 400; font-style: italic; }

.section--text h1, .section-substance h1 { font-family: "adobe-jenson-pro", serif; font-weight: 700; font-style: normal; }

h2, .section--title { font-family: "adobe-jenson-pro", serif; font-weight: 700; font-style: normal; font-size: 1.5em; line-height: 1.22; }

@media only screen and (min-width: 48em) { h2, .section--title { font-size: 1.625em; } }

h3 { font-family: "adobe-jenson-pro-caption", serif; font-weight: 700; font-style: normal; font-size: 1.125em; line-height: 1.4; font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp"; }

@media only screen and (min-width: 48em) { h3 { font-size: 1.25em; } }

.section--explore .col h2 { font-family: "adobe-jenson-pro-caption", serif; font-weight: 400; font-style: normal; font-size: 1.125em; line-height: 1.4; }

@media only screen and (min-width: 48em) { .section--explore .col h2 { font-size: 1.25em; } }

p.p--large, li.p--large { font-family: "adobe-jenson-pro", serif; -webkit-font-smoothing: antialiased; font-size: 1.625em; line-height: 1.2; }

@media only screen and (min-width: 48em) { p.p--large, li.p--large { font-size: 2em; } }

p.p--small, li.p--small { font-size: 1em; line-height: 1.5; }

p.p--xsmall, li.p--xsmall { font-size: 0.875em; line-height: 1.4; }

p.p--pullout, li.p--pullout { font-style: italic; font-size: 2em; line-height: 1.2; }

.section--explore .col h2 { font-family: "adobe-jenson-pro", serif; font-size: 2em; line-height: 1.2; }

.aside-left p, .aside-right p { font-family: "adobe-jenson-pro", serif; font-style: italic; font-size: 1.625em; line-height: 1.2; }

@media only screen and (min-width: 48em) { .aside-left p, .aside-right p { font-size: 2em; } }

.sans p.p--large, .sans li.p--large { font-family: "Graphik"; font-weight: 300; font-size: 1.625em; line-height: 1.45; }

.sans p.p--small, .sans li.p--small { font-size: 0.875em; line-height: 1.7; }

.sans p.p--xsmall, .sans li.p--xsmall { font-size: 0.75em; line-height: 1.8; }

.sans p.p--pullout, .sans li.p--pullout { font-weight: 300; font-size: 2em; line-height: 42px; }

.light-charcoal { background: #222222; /* The Fallback */ background: rgba(34, 34, 34, 0.8); }

.section--title { color: #000000; margin: 0 auto 30px auto; padding-top: 30px; }

@font-face { font-family: "Graphik"; font-style: normal; font-weight: 300; src: url("../assets/fonts/Graphik/Graphik-Light-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-Light-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-Light-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-Light-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: italic; font-weight: 300; src: url("../assets/fonts/Graphik/Graphik-LightItalic-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-LightItalic-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-LightItalic-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-LightItalic-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: normal; font-weight: normal; src: url("../assets/fonts/Graphik/Graphik-Regular-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-Regular-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: italic; font-weight: normal; src: url("../assets/fonts/Graphik/Graphik-RegularItalic-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-RegularItalic-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-RegularItalic-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-RegularItalic-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: normal; font-weight: 500; src: url("../assets/fonts/Graphik/Graphik-Semibold-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-Semibold-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-Semibold-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-Semibold-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: normal; font-weight: 800; src: url("../assets/fonts/Graphik/Graphik-Black-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-Black-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-Black-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-Black-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

@font-face { font-family: "Graphik"; font-style: italic; font-weight: 900; src: url("../assets/fonts/Graphik/Graphik-Super-Web.eot?") format("eot"), url("../assets/fonts/Graphik/Graphik-Super-Web.woff") format("woff"), url("../assets/fonts/Graphik/Graphik-Super-Web.ttf") format("truetype"), url('../assets/fonts/Graphik/Graphik-Super-Web.svg#str-replace(Graphik, " ", "_")') format("svg"); }

blockquote > * + * { margin-top: 1em; }

blockquote p { font-size: 1.25em; font-style: italic; }

.test-link { display: block; text-align: center; text-decoration: underline; }

.test-link:hover { -webkit-animation: color-me-in 3s infinite; animation: color-me-in 3s infinite; }

@-webkit-keyframes color-me-in { 0% { color: #dc4b1f; }
  20% { color: #e59600; }
  40% { color: #4c5f3c; }
  60% { color: #5ea891; }
  80% { color: #245f6e; }
  100% { color: #a99966; } }

@keyframes color-me-in { 0% { color: #dc4b1f; }
  20% { color: #e59600; }
  40% { color: #4c5f3c; }
  60% { color: #5ea891; }
  80% { color: #245f6e; }
  100% { color: #a99966; } }

.breadcrumb { margin-bottom: 30px; font-size: 0.75em; color: #000; }

.header--bg-image .breadcrumb { text-shadow: 1px 1px rgba(0, 0, 0, 0.75); }

.breadcrumb a { text-decoration: none; }

@media only screen and (min-width: 48em) { .sidebar-copy { margin-left: 1em; } }

.press-pagination { list-style: none; font-size: 14px; }

.press-pagination li { display: inline; margin: 0; padding: 0; }

.press-pagination li a { display: inline-block; padding: .5em; }

.press-pagination li a.current { color: #6d9454; }

.col-btn, .col-btn-text { display: block; padding: 0 10px; height: 45px; line-height: 45px; cursor: pointer; font-size: 14px; text-decoration: none; }

.col-btn span, .col-btn-text span { vertical-align: middle; display: inline-block; }

.col-btn { text-align: center; }

.col-btn-text { text-align: left; }

.col-btn-text span { margin-left: 15px; }

.view-btn { display: inline-block; margin: 30px auto 0 auto; padding: 10px 15px; border-radius: 25px; border: 2px solid  #000; font-size: 0.875em; cursor: pointer; text-decoration: none; }

.view-btn span { margin-left: 30px; display: inline-block; width: 7px; height: 12px; background-image: url(../assets/img/icons/icon--arrow-black.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .view-btn span { background-image: url(../assets/img/icons/icon--arrow-black@2x.png); } }

.js .show-more-content { position: absolute; top: -999em; left: -999em; }

.js .show-more-content.open { position: static; }

.show-more-btn { border: 2px solid #5F5750; display: inline-block; border-radius: 25px; margin: 30px auto 0; padding: 10px 60px 10px 30px; font-size: 14px; color: #5f5750; position: relative; cursor: pointer; }

.show-more-btn:before { content: ""; position: absolute; top: 13px; right: 30px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.show-more-btn:hover { border: 2px solid #222222; color: #222222; }

.btn { display: inline-block; margin-top: 32px; padding: 24px 40px; border-radius: 35px; text-align: center; font-family: Graphik; font-weight: 400; font-style: normal; line-height: 1; background: #000; background: rgba(64, 128, 255, 0.25); cursor: pointer; text-decoration: none; text-transform: uppercase; }

.btn.btn-small { padding: 16px 20px 14px; border-radius: 20px; font-size: 14px; color: #ffffff; }

.btn:hover { background: rgba(64, 128, 255, 0.5); }

span.btn:hover { background: rgba(64, 128, 255, 0.25); cursor: default; }

.heading--icon.scientific:before, .heading--icon.policy:before, .icon--science, .icon--culture, .icon--policy { width: 104px; height: 104px; background-size: 104px 104px; display: inline-block; }

.heading--icon.scientific:before { background-image: url(../assets/img/icons/icon--science.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heading--icon.scientific:before { background-image: url(../assets/img/icons/icon--science@2x.png); } }

.heading--icon.policy:before { background-image: url(../assets/img/icons/icon--policy.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .heading--icon.policy:before { background-image: url(../assets/img/icons/icon--policy@2x.png); } }

.icon--science { background-image: url(../assets/img/icons/icon--science.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .icon--science { background-image: url(../assets/img/icons/icon--science@2x.png); } }

.icon--culture { background-image: url(../assets/img/icons/icon--culture.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .icon--culture { background-image: url(../assets/img/icons/icon--culture@2x.png); } }

.icon--policy { background-image: url(../assets/img/icons/icon--policy.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .icon--policy { background-image: url(../assets/img/icons/icon--policy@2x.png); } }

.show-more-btn:before, .show-more-btn:hover:before, .section--about-us .col .col-btn span, .col-post .col .col-btn-text span, .col-media .col .col-btn span, .dropdown-substances .dropdown-label span:after, .dropdown-substances li span:after, .section--about-us .col:hover .col-btn span, .col-post .col .col-btn-text:hover span, .col-publications .col .col-btn-text span, .col-media .col:hover .col-btn span, .section--events .col-btn-text span, .section--explore .col .col-btn span, .back--btn:after, .btn--updates-container .btn--footer-updates:after, .home--focus .col .btn--home span { width: 8px; height: 13px; background-image: url(../assets/img/icons/icon--arrows.png); background-size: 34px 13px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .show-more-btn:before, .show-more-btn:hover:before, .section--about-us .col .col-btn span, .col-post .col .col-btn-text span, .col-media .col .col-btn span, .dropdown-substances .dropdown-label span:after, .dropdown-substances li span:after, .section--about-us .col:hover .col-btn span, .col-post .col .col-btn-text:hover span, .col-publications .col .col-btn-text span, .col-media .col:hover .col-btn span, .section--events .col-btn-text span, .section--explore .col .col-btn span, .back--btn:after, .btn--updates-container .btn--footer-updates:after, .home--focus .col .btn--home span { background-image: url(../assets/img/icons/icon--arrows@2x.png); } }

.show-more-btn:before { background-position: -1px 0; }

.show-more-btn:hover:before, .section--about-us .col .col-btn span, .col-post .col .col-btn-text span, .col-media .col .col-btn span { background-position: -9px 0; }

.dropdown-substances .dropdown-label span:after, .dropdown-substances li span:after { background-position: -17px 0; }

.section--about-us .col:hover .col-btn span, .col-post .col .col-btn-text:hover span, .col-publications .col .col-btn-text span, .col-media .col:hover .col-btn span, .section--events .col-btn-text span, .section--explore .col .col-btn span, .back--btn:after, .btn--updates-container .btn--footer-updates:after, .home--focus .col .btn--home span { background-position: -25px 0; }

.gallery-btn { background-image: url(../assets/img/icons/icon--gallery.png); width: 46px; height: 47px; background-size: 46px 47px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .gallery-btn { background-image: url(../assets/img/icons/icon--gallery@2x.png); } }

.updates-checkbox input[type="checkbox"]:checked + label span { background-image: url(../assets/img/icons/icon--cross.png); background-size: 9px 9px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .updates-checkbox input[type="checkbox"]:checked + label span { background-image: url(../assets/img/icons/icon--cross@2x.png); } }

.menu-wrapper .menu-item-has-children > a:after { background-image: url(../assets/img/icons/icon--dropdown.png); width: 10px; height: 7px; background-size: 10px 7px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .menu-wrapper .menu-item-has-children > a:after { background-image: url(../assets/img/icons/icon--dropdown@2x.png); } }

.footer--fb, .footer--twitter, .footer--instagram, .footer--youtube { background-image: url(../assets/img/icons/icon--social.png); background-size: 116px 54px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .footer--fb, .footer--twitter, .footer--instagram, .footer--youtube { background-image: url(../assets/img/icons/icon--social@2x.png); } }

.footer--fb { width: 25px; height: 25px; background-position: 0 0; }

.footer--fb:hover { background-position: 0 -28px; }

.footer--twitter { width: 28px; height: 24px; background-position: -26px -1px; }

.footer--twitter:hover { background-position: -26px -29px; }

.footer--instagram { width: 25px; height: 25px; background-position: -54px 0; }

.footer--instagram:hover { background-position: -54px -28px; }

.footer--youtube { width: 34px; height: 25px; background-position: -80px 0; }

.footer--youtube:hover { background-position: -80px -28px; }

.scroll-top { z-index: 999999999999999999; cursor: pointer; position: fixed; top: 65px; left: 15px; display: none; background-image: url(../assets/img/icons/icon--top.png); width: 46px; height: 46px; background-size: 47px 93px; background-position: 0 -1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .scroll-top { background-image: url(../assets/img/icons/icon--top@2x.png); } }

.scroll-top:hover { background-position: 0 47px; }

.disclaimer span { background-image: url(../assets/img/icons/icon--close.png); width: 18px; height: 18px; background-size: 18px 18px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .disclaimer span { background-image: url(../assets/img/icons/icon--close@2x.png); } }

.close--btn { background-image: url(../assets/img/icons/icons--close-gold.png); width: 18px; height: 18px; background-size: 18px 18px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .close--btn { background-image: url(../assets/img/icons/icons--close-gold@2x.png); } }

img.aligncenter { float: none; margin: 0 auto 10px auto; }

img.alignright { float: right; margin: 0 0 5px 10px; }

img.alignleft { float: left; margin: 0 10px 5px 0; }

/** Default variables While these can be set with JavaScript, it's probably better and faster to just set them here, compile to CSS and include that instead to use some of that hardware-accelerated goodness. */
.unslider { overflow: auto; margin: 0; padding: 0; float: left; }

.unslider-wrap { position: relative; }

.unslider-wrap.unslider-carousel > li { float: left; }

.unslider-vertical > ul { height: 100%; }

.unslider-vertical li { float: none; width: 100%; }

.unslider-fade { position: relative; }

.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8; }

.unslider-fade .unslider-wrap li.unslider-active { z-index: 10; }

.unslider ul, .unslider ol, .unslider li { list-style: none; /* Reset any weird spacing */ margin: 0; padding: 0; border: none; }

.unslider-arrow { position: absolute; left: 20px; z-index: 2; cursor: pointer; }

.unslider-arrow.next { left: auto; right: 20px; }

.unslider { overflow: auto; margin: 0; padding: 0; float: left; }

.unslider-wrap { position: relative; }

.unslider-wrap.unslider-carousel > li { float: left; }

.unslider-vertical > ul { height: 100%; }

.unslider-vertical li { float: none; width: 100%; }

.unslider-fade { position: relative; }

.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8; }

.unslider-fade .unslider-wrap li.unslider-active { z-index: 10; }

.unslider ul, .unslider ol, .unslider li { list-style: none; margin: 0; padding: 0; border: none; }

.unslider-arrow { position: absolute; left: 20px; z-index: 2; cursor: pointer; }

.unslider-arrow.next { left: auto; right: 20px; }

.slideshow-wrapper { min-height: 300px; width: 100%; margin: 0 auto; background-color: black; }

.slideshow { min-height: 300px; width: 900px; margin: 0 auto; }

.slideshow .unslider { float: left; width: 33.33333%; min-height: 300px; }

.slideshow .unslider > div { min-height: 300px; }

.slideshow .unslider img { width: 100%; height: auto; }

#show1, #show2, #show3 { display: none; }
.disclaimer { text-align: center; position: absolute; top: 0; left: 0; right: 0; z-index: 9999999; background: #dc4b1f; color: #fff; padding: 20px 50px; display: none; box-shadow: 0px 2px 33px 0px rgba(0, 0, 0, 0.3); }

.disclaimer p { margin: 0; font-size: 0.875em; line-height: 1.6; }

.disclaimer strong { font-weight: 500; }

.disclaimer span { position: absolute; top: 24px; right: 30px; cursor: pointer; }

.header { padding-bottom: 0; text-align: center; }

.header img { display: inline-block; }

.header--fullscreen { padding-top: 80px; text-align: center; color: #fff; width: 100%; padding-bottom: 60px; background-image: url("../assets/img/test/citylights.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }

@media only screen and (min-width: 48em) { .header--fullscreen { background-attachment: fixed; } }

.header--fullscreen .icon--scrolldown { display: none; }

@media only screen and (min-width: 48em) { .header--fullscreen .icon--scrolldown { background-image: url(../assets/img/icons/icon--scrolldown.png); width: 18px; height: 33px; background-size: 18px 33px; position: absolute; bottom: 30px; left: auto; right: 10px; margin-left: auto; margin-right: auto; cursor: pointer; display: block; } }

@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi), only screen and (min-width: 48em) and (min-resolution: 2dppx) { .header--fullscreen .icon--scrolldown { background-image: url(../assets/img/icons/icon--scrolldown@2x.png); } }

.header--fullscreen .header--logo { margin: 0 auto; }

.header--fullscreen .header--text { margin-top: 50px; }

@media only screen and (min-width: 48em) { .header--fullscreen .header--text { position: relative; margin: 30px 0; } }

.header--fullscreen h1 { -webkit-font-smoothing: antialiased; font-size: 2.625em; line-height: 1.08; }

@media only screen and (min-width: 48em) { .header--fullscreen h1 { position: relative; margin: 0; top: 10%; font-size: 4.5em; } }

.header--fullscreen h2 { margin: 0 auto; max-width: 90%; -webkit-font-smoothing: antialiased; }

@media only screen and (min-width: 48em) { .header--fullscreen h2 { max-width: 70%; font-size: 2.625em; } }

@media only screen and (min-width: 48em) { .home h1 { margin-left: -8%; }
  .home h1 span { display: block; margin-left: 15%; } }

.header--bg-image { padding-top: 100px; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.header--bg-image img { display: inline-block; margin-bottom: 120px; }

.header--bg-image h1 { -webkit-font-smoothing: antialiased; font-size: 2.25em; }

@media only screen and (min-width: 48em) { .header--bg-image h1 { font-size: 4.5em; } }

.substance-bg { background-image: url("../assets/img/substances/substances-bg--LSD.png"); }

/***************************************************************/
/*                         Colours                             */
/***************************************************************/
.section--grid.black, .section--grid.black .section--title { background-color: #000000; color: #ffffff; }

.section--grid.white, .section--grid.white .section--title { background-color: #ffffff; color: #000000; }

.section--grid.green, .section--grid.green .section--title { background-color: #6d9454; color: #000000; }

.section--grid.cream, .section--grid.cream .section--title { background-color: #f0ebe1; color: #000000; }

/***************************************************************/
/*                       Learn More                            */
/***************************************************************/
.section--about-us .col { position: relative; background: transparent; }

.section--about-us .col .orange .col-btn span, .section--about-us .col .blue .col-btn span, .section--about-us .col .beckleyblue .col-btn span, .section--about-us .col .teal .col-btn span, .section--about-us .col .red .col-btn span { background-position: -24px 0; }

.section--about-us .col .link { background-color: #ffffff; }

.section--about-us .col .link .featured-image { width: 100%; height: 200px; background-color: #d7dfdd; background-color: rgba(215, 223, 220, 0.9); background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../assets/img/logos/beckley-logo--transparent-offset.png"); }

.section--about-us .col .link.smaller .featured-image { height: 200px; }

.section--about-us .col .link .col-inner { background-image: none; background-color: white; background-color: rgba(0, 0, 0, 0.05); color: #000000; font-size: 12px; }

.section--about-us .col .link .col-btn { background-color: #d7dfdd; background-color: rgba(0, 0, 0, 0.1); color: #000000; }

.section--about-us .col .link.orange { background-color: #e59600; }

.section--about-us .col .link.yellow { background-color: #f0b030; }

.section--about-us .col .link.red { background-color: #dc4b1f; }

.section--about-us .col .link.blue { background-color: #1082b6; }

.section--about-us .col .link.beckleyblue { background-color: #245f6e; }

.section--about-us .col .link.teal { background-color: #5ea891; }

.section--about-us .col .link.black { background-color: #000000; color: #ffffff; }

.section--about-us .col .link.orange .featured-image, .section--about-us .col .link.red .featured-image, .section--about-us .col .link.blue .featured-image, .section--about-us .col .link.beckleyblue .featured-image, .section--about-us .col .link.teal .featured-image, .section--about-us .col .link.black .featured-image { background-color: rgba(0, 0, 0, 0.1); }

.section--about-us .col .link.orange .col-inner, .section--about-us .col .link.red .col-inner, .section--about-us .col .link.blue .col-inner, .section--about-us .col .link.beckleyblue .col-inner, .section--about-us .col .link.teal .col-inner, .section--about-us .col .link.black .col-inner { background-color: rgba(0, 0, 0, 0.25); }

.section--about-us .col .link.blue .col-btn, .section--about-us .col .link.beckleyblue .col-btn { background-color: rgba(255, 255, 255, 0); }

.section--about-us .col .link.teal .col-btn { background-color: rgba(0, 64, 64, 0.1); }

.section--about-us .col .link.black .col-inner { background-color: rgba(64, 64, 64, 0.25); }

.section--about-us .col .link.black .col-btn { background-color: rgba(64, 64, 64, 0.5); }

.section--about-us .col .link.yellow .featured-image { background-color: rgba(0, 0, 0, 0.1); }

.section--about-us .col .link.yellow .col-inner { background-color: rgba(255, 255, 255, 0.1); }

.section--about-us .col .link.yellow .col-btn { background-color: transparent; }

.section--about-us .col .link.orange .col-inner, .section--about-us .col .link.blue .col-inner, .section--about-us .col .link.beckleyblue .col-inner, .section--about-us .col .link.teal .col-inner, .section--about-us .col .link.red .col-inner, .section--about-us .col .link.black .col-inner { color: white; }

.section--about-us .col:hover .col-inner { background-color: rgba(0, 0, 0, 0.1); color: #000000; }

.section--about-us .col:hover .col-btn { background-color: rgba(0, 0, 0, 0.2); }

.section--about-us .col:hover .col-btn span { background-position: -24px 0; }

.section--about-us .col:hover .link .col-inner { background-color: rgba(0, 0, 0, 0.1); }

.section--about-us .col:hover .link .col-btn { background-color: rgba(0, 0, 0, 0.2); }

.section--about-us .col:hover .link.orange .col-inner, .section--about-us .col:hover .link.red .col-inner, .section--about-us .col:hover .link.blue .col-inner, .section--about-us .col:hover .link.beckleyblue .col-inner, .section--about-us .col:hover .link.teal .col-inner { background-color: rgba(0, 0, 0, 0.2); }

.section--about-us .col:hover .link.orange .col-btn, .section--about-us .col:hover .link.red .col-btn, .section--about-us .col:hover .link.blue .col-btn, .section--about-us .col:hover .link.beckleyblue .col-btn, .section--about-us .col:hover .link.teal .col-btn { background-color: rgba(0, 0, 0, 0.1); }

.section--about-us .col:hover .link.black .col-inner { background-color: rgba(64, 64, 64, 0.1); }

.section--about-us .col:hover .link.black .col-btn { background-color: rgba(64, 64, 64, 0.2); }

.section--about-us .col:hover .link.yellow .featured-image { background-color: rgba(0, 0, 0, 0.15); }

.section--about-us .col:hover .link.yellow .col-inner { background-color: rgba(0, 0, 0, 0.05); }

.section--about-us .col:hover .link.yellow .col-btn { background-color: rgba(0, 0, 0, 0.1); }

.section--about-us .col:after { position: absolute; top: 35px; right: 35px; display: block; width: 141px; height: 147px; content: ""; }

.section--about-us .col .col-inner { text-align: left; /* _jm */ background: #e59600 url("../assets/img/logos/beckley-logo--transparent-offset.png") right top no-repeat; background-color: #e59600; color: #fff; }

.section--about-us .col .col-inner h2 { font-size: 1.625em; margin-bottom: 1em; }

@media only screen and (min-width: 48em) { .section--about-us .col .col-inner h2 { font-size: 2em; } }

.section--about-us .col .col-btn { /* _jm */ background-color: #e59600; background-color: rgba(229, 150, 0, 0.5); color: #fff; }

.section--about-us .col .col-btn span { background-position: 0 0; }

.section--about-us.smaller .col:after { background-image: none; }

.heading--icon { position: relative; }

@media only screen and (min-width: 48em) { .heading--icon { margin-top: 1em; }
  .heading--icon:before { content: ""; position: absolute; top: -40px; left: -80px; z-index: -1; } }

/***************************************************************/
/*                          Posts                              */
/***************************************************************/
.col-post .col h2 { margin-bottom: 20px; }

.col-post .col .col-inner { background: #fff; padding: 20px; }

.col-post .col .col-btn-text { background: #d7dfdd; }

.col-post .col .col-btn-text:hover { background: #556060; color: #fff; }

.col-post .col .post-info { border-top: 1px solid #000000; padding-top: 20px; }

.col-post .col .post-info span { font-size: 0.625em; display: inline-block; text-transform: uppercase; margin-right: 5px; }

.col-post .col .post-info .post-tag { padding: 5px 10px; background: #d7dfdd; border-radius: 25px; }

.col-featured .col img { margin-bottom: 20px; }

.col-featured .col h2 { min-height: 75px; }

/***************************************************************/
/*                          Publications                       */
/***************************************************************/
.col-publications .col { position: relative; }

.col-publications .col .col-inner { background: #263c45; color: #fff; }

.col-publications .col .col-inner h2 { margin-bottom: 15px; }

.col-publications .col .col-inner p, .col-publications .col .col-inner li { font-size: 1.125em; }

.col-publications .col .col-btn-text { background: #263c45; /* The Fallback */ background: rgba(38, 60, 69, 0.7); color: #ffffff; }

/***************************************************************/
/*                          Media                              */
/***************************************************************/
.col-media .col .col-inner { position: relative; padding: 0; }

.col-media .col .col-inner img { position: relative; top: 0; left: 0; z-index: 10; }

.col-media .col .col-inner .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 0; color: #fff; padding: 20px; }

.col-media .col .col-btn { background-color: #bccac4; font-size: 0; color: #bccac4; text-align: center; }

.col-media .col:hover img { z-index: 0; }

.col-media .col:hover .text { z-index: 10; }

.col-media .col:hover .text h2 { min-height: 175px; border-bottom: 1px solid white; margin-bottom: 15px; }

.col-media .col:hover .text h4 { font-size: 1.125em; }

.col-media .col:hover .col-btn { text-align: left; background-color: #556060; color: #fff; font-size: 14px; }

.col-media .col:hover .col-btn span { margin-left: 15px; }

/***************************************************************/
/*                          Events                             */
/***************************************************************/
.section--events h2 { margin-bottom: 1em; padding-bottom: 10px; border-bottom: 1px solid black; }

.featured-event .col-btn-text { background: #5ea891; color: #fff; }

.featured-event .col-btn-text:hover { background-color: #477E6D; }

/***************************************************************/
/*                          Explore                            */
/***************************************************************/
.section--explore .section--title { text-align: center; color: #fff; }

.section--explore .col { text-align: center; }

.section--explore .col .col-inner { position: relative; padding: 0; }

.section--explore .col .col-inner h2 { color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 10px; }

.section--explore .col.col-substance .col-btn { background-color: #e59600; }

.section--explore .col.col-substance .col-btn:hover { background-color: #AC7100; }

.section--explore .col.col-clinical .col-btn { background-color: #5ea891; }

.section--explore .col.col-clinical .col-btn:hover { background-color: #477E6D; }

.section--explore .col.col-collaboration .col-btn { background-color: #dc4b1f; }

.section--explore .col.col-collaboration .col-btn:hover { background-color: #A53817; }

.substance-header { padding: 0; }

.header-in-use { margin-top: 30px; }

/***************************************************************/
/*                         Text Sections                       */
/***************************************************************/
.section--text { background-color: #ffffff; color: #000000; }

.section--text.inverse { background-color: #000000; color: #ffffff; }

.section--text h1 { font-size: 2.75em; line-height: 0.95; margin-bottom: 1em; }

.section--text ol { margin: 0; padding: 0 0 0 40px; }

.section--text ul { padding-left: 40px; }

.section--text.sans--text h1 { font-size: 2.625em; }

.section--text.sans--text h2 { margin-bottom: 1em; }

.section--text.sans--text p, .section--text.sans--text li { margin-bottom: 1em; }

.section--text-centered { text-align: center; background-color: #ffffff; color: #000000; }

.section--text-centered h2 { margin: 0 auto; font-size: 2em; line-height: 1.14; -webkit-font-smoothing: antialiased; }

@media only screen and (min-width: 48em) { .section--text-centered h2 { max-width: 75%; font-size: 2.625em; } }

.section--text-centered ul { padding-left: 40px; }

.section--text-centered p, .section--text-centered li { margin: 0 auto; color: #000000; position: relative; z-index: 15; }

@media only screen and (min-width: 48em) { .section--text-centered p, .section--text-centered li { max-width: 65%; } }

.section--text-centered.bg--image { padding: 60px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.section--text-centered.home img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; }

.home.page .section--text-centered { padding: 60px 0; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.74+30 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.74) 30%, rgba(0, 0, 0, 0.74) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.74) 30%, rgba(0, 0, 0, 0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 ); /* IE6-9 */ }

.home.page .section--text-centered p { padding-top: 60px; color: #ffffff; }

.section-large-text { background-color: #000000; color: #f8f8f8; }

.section-large-text.inverse { background-color: #fff; color: #000000; }

.section-large-text .row { text-align: center; }

.section-large-text .col { text-align: left; }

.section-large-text h4 { font-family: "Graphik"; font-weight: 300; font-size: 1.375em; line-height: 1.45; margin-bottom: 15px; }

@media only screen and (min-width: 48em) { .section-large-text h4 { font-size: 1.625em; } }

.section-large-text ul { padding-left: 40px; margin-bottom: 20px; }

/***************************************************************/
/*                         Advisory                            */
/***************************************************************/
.section--advisory .col-wrap { padding: 0; border-bottom: 1px solid #a99966; }

.section--advisory .row h3 { text-transform: none; margin-bottom: 10px; float: left; margin-right: .5em; }

.section--advisory .row h4 { margin-bottom: 10px; }

.section--advisory .row p, .section--advisory .row li { font-size: 1.125em; }

.section--advisory .row ul { padding-left: 40px; }

/***************************************************************/
/*                        Substance                            */
/***************************************************************/
.section-substance h1 { font-size: 2em; margin-bottom: 30px; line-height: 1.125em; }

@media only screen and (min-width: 48em) { .section-substance h1 { font-size: 2.5em; } }

.section-substance .substance--text { background-color: #fff; }

.section-substance .substance--text ul { padding-left: 40px; }

.section-substance h2 { font-size: 1.625em; line-height: 1.2; margin-bottom: 1em; }

@media only screen and (min-width: 48em) { .section-substance h2 { font-size: 2em; } }

.section-substance .substance-widgets { padding-top: 0; padding-right: 0; }

@media only screen and (min-width: 48em) { .section-substance .image-box, .section-substance .text-box { margin-left: 1em; } }

.section-substance .image-box { position: relative; margin-bottom: 2em; }

.section-substance .text-box h2 { font-family: "adobe-jenson-pro", serif; font-style: italic; font-size: 1.625em; line-height: 1.2; }

@media only screen and (min-width: 48em) { .section-substance .text-box h2 { font-size: 2em; } }

.dropdown-substances { display: inline-block; border-radius: 5px; background: #d7dfdd; width: 100%; position: relative; font-size: 1em; }

@media only screen and (min-width: 48em) { .dropdown-substances { font-size: 2em; } }

.dropdown-substances .dropdown-label, .dropdown-substances li { color: #245f6e; display: block; padding: 20px; margin: 0; position: relative; }

.dropdown-substances .dropdown-label span, .dropdown-substances li span { height: 100%; width: 65px; top: 0; right: 0; position: absolute; padding: 20px; text-align: center; background: #9ec8b3; }

.dropdown-substances .dropdown-label span:after, .dropdown-substances li span:after { content: ''; display: inline-block; }

.dropdown-substances .dropdown-label span:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.dropdown-substances li { border-top: 1px solid #6d9454; }

.dropdown-substances li a { display: block; text-decoration: none; }

.dropdown-substances li:hover { background: #d7dfdd; }

.dropdown-substances li:hover span { background: #5ea891; }

.dropdown-substances ul { display: none; text-align: left; padding: 0; margin: 0; list-style: none; background: #fff; }

.dropdown-substances.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.dropdown-substances.open .dropdown-label span { background: #5ea891; }

.dropdown-substances.open .dropdown-label span:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.dropdown-substances.open ul { display: block; background: #fff; top: 40px; left: 0; width: 100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 10000; }

.gallery-btn { position: absolute; bottom: 40px; right: 20px; }

.banner img { width: 100%; }

.section--donate { text-align: center; }

.section--donate p { font-size: 0.875em; }

.section--donate .row { text-align: center; position: relative; }

.section--donate .row .col { text-align: center; position: relative; }

.donate--option .col { width: 50%; height: 88px; }

@media only screen and (min-width: 48em) { .donate--option .col { width: 16.66667%; height: auto; } }

.donate--amount .col { width: 25%; }

.donate--amount .col .col-inner { font-size: 0.875em; }

@media only screen and (min-width: 48em) { .donate--amount .col.col-1 { width: 8.33333%; }
  .donate--amount .col.col-2 { width: 16.66667%; }
  .donate--amount .col .col-inner { font-size: 1em; } }

.donate--option .col-inner, .donate--amount .col-inner { background-color: #fff; cursor: pointer; }

.donate--option .col-inner:hover, .donate--option .col-inner.selected, .donate--amount .col-inner:hover, .donate--amount .col-inner.selected { background-color: #e59600; color: #fff; }

.donate--option span, .donate--amount span { position: absolute; top: 36px; left: 25px; }

.donate--option .amount--custom, .donate--amount .amount--custom { max-width: 100%; text-align: left; border: none; padding: 20px; height: 64px; }

.donate-custom:hover input, .donate-custom:hover span, .donate-custom.selected input, .donate-custom.selected span { background-color: #e59600; color: #fff; }

.donate--amount, .updates { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #bccac4; }

.donate--information .label { padding: 0; font-size: 0.875em; text-align: left; }

@media only screen and (min-width: 48em) { .donate--information .label { padding: 20px; } }

.donate--information input[type=text], .donate--information input[type=email], .donate--information input[type=tel] { width: 100%; height: 61px; border: none; padding: 20px; font-size: 14px; }

.updates-checkbox { position: relative; }

.updates-checkbox input[type="checkbox"] { display: none; }

.updates-checkbox input[type="checkbox"] + label span { position: absolute; left: 15px; top: 37px; width: 15px; height: 15px; margin: 0; vertical-align: middle; background: #fff; cursor: pointer; border-radius: 5px; }

.updates-checkbox input[type="checkbox"]:checked + label span { background-repeat: no-repeat; background-position: center; }

.updates-checkbox label { float: left; text-align: left; font-size: 14px; }

.donate--finish input[type=submit] { width: 100%; max-width: 200px; height: 65px; background-image: url(../assets/img/icons/icon--external.png); background-color: #e59600; background-repeat: no-repeat; background-position: right 35px center; background-size: 16px; color: #fff; border-radius: 30px; border: none; text-align: left; padding: 0 35px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .donate--finish input[type=submit] { background-image: url(../assets/img/icons/icon--external@2x.png); } }

.donate--finish input[type=submit]:hover { background-color: #AC7100; }

.donate--finish .total .col-inner { text-align: left; }

.donate--finish .total p { font-size: 0.875em; }

.donate--finish .total h2 { font-size: 2em; display: inline-block; }

.donate--finish .total span { font-size: 1em; display: inline-block; }

label.error { position: absolute; top: -8px; margin-left: auto; margin-right: auto; left: 0; right: 0; }

input.error { border: 1px solid red !important; }

input:focus { outline: none; }

.section--blog-search input[type=text] { width: 100%; padding: 15px; border: 0; outline: none; margin-bottom: 30px; color: #000; font-size: 2.25em; }

.section--blog-search hr { border-top: 1px solid #000; }

.search-icon { position: absolute; top: 30px; right: 50px; background-image: url(../assets/img/icons/icon--search.png); width: 50px; height: 38px; background-size: 50px 38px; cursor: pointer; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .search-icon { background-image: url(../assets/img/icons/icon--search@2x.png); } }

.search-label { color: #000; font-size: 0.875em; }

.dropdown-search { display: inline-block; border-radius: 5px; background: #bccac4; width: 100%; position: relative; height: 40px; padding: 10px; }

.dropdown-search span { color: #fff; font-size: 0.875em; }

.dropdown-search:after { content: ''; position: absolute; top: 16px; right: 10px; }

.dropdown-search ul { display: none; text-align: left; padding: 0; margin: 0; list-style: none; background: #fff; }

.dropdown-search ul li { font-size: 0.875em; margin: 0; color: #a9a49a; display: block; padding: 10px; cursor: pointer; }

.dropdown-search ul li:hover { background-color: #bccac4; color: #fff; }

.dropdown-search.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.dropdown-search.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.dropdown-search.open ul { display: block; position: absolute; top: 40px; left: 0; width: 100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 10000; }

.menu-btn { display: none; width: 100%; padding: 5px; text-align: center; background: #0b2732; cursor: pointer; z-index: 999999; }

.menu-btn .burger { display: inline-block; vertical-align: middle; padding: 0 5px; width: 20px; height: 20px; position: relative; }

.menu-btn span { position: absolute; left: 0; display: block; width: 100%; margin-bottom: 5px; height: 2px; background-color: #fff; -webkit-transition: 0.3s all; transition: 0.3s all; }

.menu-btn span.span-01 { top: 3px; }

.menu-btn span.span-02 { top: 8px; }

.menu-btn span.span-03 { top: 13px; }

.menu-btn:after { content: "Menu"; display: inline-block; vertical-align: middle; margin: 0; padding: 0; color: #fff; font-size: 0.875em; }

.menu-btn.hidden { display: none; }

@media only screen and (min-width: 48em) { .menu-btn { top: 50px; left: 50px; } }

.menu-btn.dark-theme { background: #000; background: rgba(0, 0, 0, 0.2); }

.menu-btn.dark-theme:hover { background: rgba(0, 0, 0, 0.235); }

.menu-btn.menu-btn-open:after { content: "Close"; color: #a99966; }

.menu-btn.menu-btn-open span { background: #a99966; }

.menu-btn.menu-btn-open .span-01 { -ms-tranform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 8px; }

.menu-btn.menu-btn-open .span-02 { display: none; }

.menu-btn.menu-btn-open .span-03 { -ms-tranform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; }

.ie-8 .menu-btn-open .span-01 { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ margin-top: -5px; }

.ie-8 .menu-btn-open .span-03 { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483)"; margin-top: -5px; }

.back--btn { position: absolute; top: 0; right: 0; width: 65px; height: 65px; padding-top: 25px; padding-left: 10px; display: none; z-index: 999999999; cursor: pointer; }

.back--btn p { font-size: 0.875em; }

.back--btn:after { position: absolute; top: 27px; left: -5px; content: ""; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.menu-wrapper { position: fixed; top: 0; width: 100%; min-height: 50px; z-index: 99999; background: #0b2732; /* The Fallback */ background: rgba(11, 39, 50, 0.8); color: #fff; }

.menu-wrapper ul { list-style: none; float: left; width: auto; min-height: 50px; margin: 0 auto; padding: 0; }

@media only screen and (max-width: 63.9375em) { .menu-wrapper ul { min-height: 30px; } }

.menu-wrapper li { margin: 0; padding: 0; width: auto; min-height: 50px; position: relative; float: left; }

.menu-wrapper li a { display: block; width: auto; text-transform: uppercase; font-size: 14px; line-height: 18px; text-decoration: none; padding: 16px 10px 14px; }

@media only screen and (max-width: 63.9375em) { .menu-wrapper li { min-height: 30px; }
  .menu-wrapper li a { padding: 6px 10px 4px; } }

.menu-wrapper li > ul { display: none; position: absolute; left: 0; width: 100%; top: 100%; z-index: 10000; min-width: 200px; }

.menu-wrapper li > ul li { width: 100%; padding-left: 0; }

.menu-wrapper li > ul a { width: 100%; text-transform: none; }

@media only screen and (min-width: 48em) { .menu-wrapper li > ul { left: 0; top: 100%; width: auto; background: #245f6e; /* The Fallback */ background: rgba(36, 95, 110, 0.8); } }

.menu-wrapper li > ul.active { padding-top: 90px; display: block; left: 0; top: 0; position: fixed; background: #222222; height: 100%; }

.menu-wrapper li > ul.active .back--btn { display: block; }

.menu-wrapper li.submenu-open > ul { display: block; }

.menu-wrapper li:hover, .menu-wrapper li ul li:hover, .menu-wrapper li:hover ul li:hover { background-color: #245f6e; }

@media only screen and (min-width: 48em) { .menu-wrapper li:hover > ul, .menu-wrapper li ul li:hover > ul, .menu-wrapper li:hover ul li:hover > ul { display: block; } }

.menu-wrapper li.current_page_item { background-color: #245f6e; }

.menu-wrapper .header-top-right { float: right; height: 100%; }

.menu-wrapper .header-top-right a { display: inline-block; margin-top: 10px; }

.menu-wrapper .header-top-right a.footer--fb, .menu-wrapper .header-top-right a.footer--twitter, .menu-wrapper .header-top-right a.footer--youtube { margin-top: 13px; margin-right: 5px; }

.menu-wrapper .header-top-right a.donate { display: block; float: right; width: 100px; height: 35px; margin: 7px 5px 0 5px; padding: 9px 5px; border-radius: 20px; text-align: center; background: #ffb222; background: rgba(255, 178, 34, 0.8); cursor: pointer; color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none; }

.menu-wrapper .header-top-right .donate:hover, .menu-wrapper .header-top-right .donate.dark-theme:hover { background: #e59600; background: #ffb222; }

.menu-wrapper .menu-item-has-children > a { padding-right: 20px; }

.menu-wrapper .menu-item-has-children > a:after { content: ''; position: absolute; top: 0; right: 5px; width: 49px; height: 49px; margin: auto; background-repeat: no-repeat; background-position: right center; display: block; }

@media only screen and (max-width: 63.9375em) { .menu-wrapper .menu-item-has-children > a:after { height: 30px; } }

.close--btn { position: absolute; z-index: 99999999; top: 10px; right: 10px; cursor: pointer; }

.side-nav { margin-top: 50px; }

.side-nav li a { text-transform: none; }

@media only screen and (max-width: 29.9375em) { .menu-btn { display: block; }
  .menu-wrapper { display: none; position: static; }
  .menu-wrapper ul, .menu-wrapper .header-top-right { float: none; position: relative; overflow: auto; }
  .menu-wrapper ul a.footer--fb, .menu-wrapper ul a.footer--twitter, .menu-wrapper ul a.footer--youtube, .menu-wrapper .header-top-right a.footer--fb, .menu-wrapper .header-top-right a.footer--twitter, .menu-wrapper .header-top-right a.footer--youtube { margin-left: 10px; margin-right: 0; }
  .menu-wrapper ul a.donate, .menu-wrapper .header-top-right a.donate { width: 80px; height: 30px; margin: 10px 5px 0; padding: 6px 5px; border-radius: 20px; }
  .menu-wrapper li { float: none; }
  .menu-wrapper li > ul { display: block; position: relative; margin-left: 20px; }
  .menu-wrapper ul.submenu { position: static; } }

.footer { background: black; color: white; padding: 60px 0; }

.footer--logo { margin-bottom: 30px; }

.footer--address, .footer--email { font-size: 0.875em; display: block; }

.footer--email { text-decoration: none; margin-bottom: 15px; }

.footer--email:hover { color: #a99966; }

.btn--updates-container { display: inline-block; margin-top: 30px; width: 261px; height: 42px; font-size: 0.875em; position: relative; overflow: hidden; }

.btn--updates-container .btn--footer-updates { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #a99966; padding: 10px 70px 10px 20px; border-radius: 21px; cursor: pointer; }

.btn--updates-container .btn--footer-updates:after { content: ""; position: absolute; right: 25px; top: 15px; }

.btn--updates-container .footer--email-form { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; }

.btn--updates-container .footer--email-form input[type=email] { border-radius: 5px 21px 21px 5px; outline: none; border: none; position: absolute; width: 100%; height: 100%; padding: 10px; color: #000; }

.btn--updates-container .footer--email-form input[type=submit] { position: absolute; top: 0; right: 0; background: #a99966; border-top-right-radius: 21px; border-bottom-right-radius: 21px; border: none; outline: none; height: 100%; }

.footer--fb { display: inline-block; margin-right: 12px; overflow: hidden; text-indent: 100%; }

.footer--twitter { display: inline-block; margin-right: 12px; overflow: hidden; text-indent: 100%; }

.footer--instagram { display: inline-block; margin-right: 12px; overflow: hidden; text-indent: 100%; }

.footer--youtube { display: inline-block; overflow: hidden; text-indent: 100%; }

.footer--links { vertical-align: bottom; }

.footer--links .col { padding: 0; }

@media only screen and (min-width: 48em) { .footer--links .col { padding: 0 1em; } }

.footer--links p { border-top: 2px white solid; padding-top: 15px; font-size: 1em; }

.footer--links ul { list-style: none; }

@media only screen and (min-width: 48em) { .footer--links ul.split-list { -webkit-columns: 2; -moz-columns: 2; columns: 2; } }

.footer--links li { margin: 0; font-size: 0.875em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 0 0 20px 0; }

.footer--links li a { text-decoration: none; }

.footer--links li:hover { color: #a99966; }

.footer--links .footer-nav { margin-left: 1em; }

.footer--links .footer-nav li { display: inline-block; font-size: 1em; margin-right: 30px; }

.footer--links .footer-nav li.gold { color: #a99966; }

.footer--copyright { padding: 20px 0; border-top: 3px #999 solid; font-size: 0.75em; }

.footer .row { padding-bottom: 30px; }

.home--intro { background: #000; padding: 60px 0; text-align: center; }

@media only screen and (min-width: 48em) { .home--intro { padding: 120px 0; } }

.home--intro p { color: #fff; margin: 0 auto; position: relative; z-index: 15; }

@media only screen and (min-width: 48em) { .home--intro p { max-width: 65%; } }

.home--intro p span { color: #eb5c37; }

.h5--area { font-size: 1.125em; color: #a99966; }

.home--focus { background: #9ec8b3; /* The Fallback */ background: rgba(158, 200, 179, 0.4); /* _jm */ /* /jm */ }

@media only screen and (min-width: 48em) { .home--focus { padding: 0; } }

.home--focus .col { text-align: center; position: relative; text-decoration: none; /* _jm */ background: #0c5a6f; color: #fff; /* /jm */ }

@media only screen and (min-width: 48em) { .home--focus .col:before { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #000; position: absolute; top: 0; left: 0; right: 0; margin: auto; } }

.home--focus .col .inner { margin: 30px 0; padding: 30px 10px; }

.home--focus .col h3 { color: #5ea891; margin: 10px 0; }

.home--focus .col p { margin-bottom: 20px; padding-bottom: 30px; }

.home--focus .col:hover { /* _jm */ background: #114f61; color: #fff; /* /jm */ }

.home--focus .col .btn--home { position: absolute; bottom: 0; left: 0; right: 0; display: block; padding: 20px; text-align: center; background: #5ea891; }

@media only screen and (min-width: 48em) { .home--focus .col .btn--home { visibility: hidden; } }

.home--focus .col .btn--home span { display: inline-block; }

.home--focus .col:hover .btn--home { visibility: visible; }

body.home .home--focus { background: #0e647a; color: #ffffff; }

body.home { background-color: #000000; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

@media only screen and (min-width: 48em) { body.home { background-size: cover; } }

@media only screen and (min-width: 48em) { .conference-banner-wrapper { background-color: black; color: white; text-align: center; width: 100%; margin: 0 auto; padding: 20px 0; }
  .conference-banner { background-color: black; color: white; text-align: center; width: 900px; height: 120px; margin: 0 auto; }
  .conference-banner div { width: 33.33333%; float: left; padding: 0; text-align: center; vertical-align: middle; }
  .conference-banner div img { margin: 0 auto; }
  body.page-template-tpl-multi_slideshow section.header--bg-image, body.page-template-tpl-ps2017 section.header--bg-image { padding-bottom: none; }
  body.page-template-tpl-multi_slideshow .header--bg-image img, body.page-template-tpl-ps2017 .header--bg-image img { margin-bottom: 20px !important; } }

.aside-left span, .aside-right span, .image-box span { display: block; margin-top: 0.5em; }

.header--bg-image .breadcrumb { text-align: left; color: #fff; }

.clearfix, .share-widgets, .flexslider .slides, ._col-media, .press-article { *zoom: 1; }

.clearfix:before, .share-widgets:before, .flexslider .slides:before, ._col-media:before, .press-article:before, .clearfix:after, .share-widgets:after, .flexslider .slides:after, ._col-media:after, .press-article:after { content: " "; display: table; }

.clearfix:after, .share-widgets:after, .flexslider .slides:after, ._col-media:after, .press-article:after { clear: both; }

.share-widgets { margin: 0 0 1em 0; }

@media only screen and (min-width: 48em) { .share-widgets { margin: 0 0 3em 1em; } }

.share-widgets__list { float: left; border: 2px solid #5f5750; list-style: none; }

.share-widgets li { margin-left: 0; float: left; }

.share-widgets a, .share-widgets__title { display: block; width: 50px; height: 48px; overflow: hidden; text-indent: 200%; white-space: nowrap; position: relative; }

.share-widgets a span, .share-widgets__title span { background-image: url(../assets/img/icon--social-sharing.png); display: block; position: absolute; top: 50%; left: 50%; }

.share-widgets__title { background-color: #5f5750; }

.share-widgets__title span { width: 20px; height: 22px; margin: -11px 0 0 -10px; background-position: -1px -2px; }

.share-widgets__facebook span { width: 20px; height: 20px; margin: -10px 0 0 -10px; background-position: -22px -2px; }

.share-widgets__facebook:hover { background-color: #395190; }

.share-widgets__facebook:hover span { background-position: -22px -26px; }

.share-widgets__twitter span { width: 28px; height: 22px; margin: -11px 0 0 -14px; background-position: -46px -2px; }

.share-widgets__twitter:hover { background-color: #5facdc; }

.share-widgets__twitter:hover span { background-position: -46px -26px; }

.share-widgets__google span { width: 35px; height: 22px; margin: -11px 0 0 -17px; background-position: -75px -2px; }

.share-widgets__google:hover { background-color: #e44f44; }

.share-widgets__google:hover span { background-position: -75px -26px; }

/*.share-widgets { //@extend %clearfix; a { display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; //background: red; background-image: url(../assets/img/icon--social-sharing.png); background-size: 112px; } &__facebook { width: 27px; height: 28px; //background: url(../assets/img/icon--facebook-grey.png); } &__twitter { width: 30px; height: 25px; margin-top: 1px; //background: url(../assets/img/icon--twitter-grey.png); } &__google { width: 27px; height: 28px; //background: coral; } }*/
.substance-widgets hr { border: none; border-bottom: 1px solid; }

.section--pagination { background: #f0ebe1; text-align: center; padding-top: 0; /*.prev { display: inline-block; padding: 0 1em; }*/ }

.section--pagination a, .section--pagination span { text-decoration: none; display: inline-block; min-width: 1.75em; padding: 0.125em 0.5em; border-radius: 1em; }

.section--pagination a:hover { background: #556060; }

.section--pagination .current { background: #d7dfdd; }

.flexslider { margin: 1em 0; }

.flexslider img { width: 100%; }

.flexslider .slides { list-style: none; margin: 0; padding: 0 !important; }

.flexslider .slides li { margin: 0; padding: 0; }

.flex-control-nav { background: #5f5750; text-align: center; list-style: none; margin: 0; padding: 0; }

.flex-control-nav li { display: inline-block; margin: 0; padding: 0; padding-top: .125em; }

.flex-control-nav a { display: inline-block; margin: .25em; width: 6px; height: 6px; border-radius: 3px; background: #fff; overflow: hidden; text-indent: 200%; }

.flex-control-nav .flex-active { background: #a99966; }

.footer--links { position: relative; }

.image-credit { position: absolute; bottom: 100%; left: 32px; font-size: .75em; }

.image-credit__title { display: block; margin-bottom: .5em; }

.image-credit p { border: none; margin: 0; padding: 0; }

.search-btn a span { overflow: hidden; text-indent: 200%; white-space: nowrap; }

.search-btn { float: right; z-index: 999999; }

.search-btn a { display: block; width: 50px; height: 50px; float: left; padding: 15px; cursor: pointer; }

.search-btn a:hover { background-color: #245f6e; }

.search-btn a span { display: block; width: 20px; height: 20px; background: url(../assets/img/icons/icon--glass.png); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .search-btn a span { background-image: url(../assets/img/icons/icon--glass@2x.png); background-size: 20px; } }

.search__holder { position: fixed; z-index: 99999999; top: -999em; left: -999em; min-height: 100%; background: #222; background: rgba(34, 34, 34, 0.75); padding-left: 1em; padding-right: 1em; overflow: auto; }

.search__holder.open { top: 0; left: 0; right: 0; }

.search__close { display: block; width: 32px; height: 32px; background: url(../assets/img/search-close.png); overflow: hidden; text-indent: 100%; position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; cursor: pointer; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .search__close { background-image: url(../assets/img/search-close@2x.png); background-size: 32px; } }

.img--featured-thumbnail, .img--press, .img--media { background-repeat: no-repeat; background-position: center; background-size: cover; }

.img--featured-thumbnail { position: relative; margin-bottom: 1em; padding-bottom: 55.797101449%; }

.img--press { position: relative; margin-bottom: 1em; padding-bottom: 75%; }

.img--media { position: relative; z-index: 1; padding-bottom: 75%; }

.footer--links p a { text-decoration: none; }

.search-hl { color: #5ea891; }

.search-search-title { font-size: 2.5em; margin-bottom: .5em; }

.search-category-title { font-size: 1em; letter-spacing: .1em; text-transform: uppercase; margin: 2em 0 0; }

.pages-list { list-style: none; margin: 0; padding: 0; font-size: 1.625em; }

.pages-list li { font-size: 1em; line-height: 1.25; margin: 1.25em 0; padding: 0; }

.pages-list a { text-decoration: none; }

.link { position: relative; }

.link__link { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background: url(../assets/img/bg-transparent.png); background: transparent; }

.link.smaller { width: 75%; margin: 0 auto; }

@media only screen and (max-width: 29.9375em) { .link.smaller { width: 100%; } }

.link.smaller__link { background-image: none; }

.link.smaller .col-inner h2 { margin: 0; }

.link.smaller .col-btn { display: none; }

#menu-main-menu a { white-space: nowrap; }

.auto-click .dropdown-search.open ul { visibility: hidden; }

/*.wrapper { position: relative; &:before, &:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(#ff00ff, .25); } &:after { left: auto; right: 0; } }*/
.section--search .wrapper .wrapper { padding-left: 0; padding-right: 0; }

.section--search .wrapper section { padding-top: 0; padding-bottom: 0; }

.section--search .wrapper .section--posts, .section--search .wrapper .section--publications, .section--search .wrapper .section--featured-posts { margin-left: -1em; margin-right: -1em; }

@media (max-width: 640px) { .wrapper { padding-left: 0; padding-right: 0; }
  .header--fullscreen .header--logo, .header--bg-image img { max-width: 102px; } }

.press-article { text-align: left; background: #fff; margin: 1em 1em 2em; padding: 1em; /*@include breakpoint($m) { .img--press { margin-bottom: 0; } &__img { width: percentage(5 / 12); float: left; padding-right: .5em; } &__copy { width: percentage(7 / 12); float: left; padding-left: .5em; } }*/ }

.press-article.hidden { position: absolute; top: -999em; left: -999em; }

.press-article__type { font-size: 0.875em; padding: .25em 0; float: right; }

.press-article__source { font-size: 1.125em; font-style: italic; padding-bottom: .5em; border-bottom: 1px solid; margin-bottom: 1em; }

.press-article__title { font-size: 1.125em; margin-bottom: .5em; }

.press-article__content { margin-bottom: 1.75em; }

.press-article__content * { font-size: 0.875em; }

.press-article__link a { font-size: 0.875em; line-height: 1.5; display: inline-block; padding: .5em 1em; padding-right: 3em; color: #6d9454; text-decoration: none; border: 2px solid; border-radius: 2em; position: relative; }

.press-article__link a:after { content: ""; display: block; width: 7px; height: 12px; background: url(../assets/img/press--read-more.png); position: absolute; top: 50%; right: 1.25em; margin-top: -6px; }

@media (min-width: 540px) { .press-article { width: 50%; float: left; margin-left: 0; margin-right: 0; } }

@media (min-width: 768px) { .press-article { width: auto; float: none; margin-left: 1em; margin-right: 1em; }
  .press-article__img { width: 41.6666666667%; float: left; padding-right: .5em; }
  .press-article__copy { width: 58.3333333333%; float: left; padding-left: .5em; } }

@media (min-width: 1024px) { .press-article { width: 50%; float: left; margin-left: 0; margin-right: 0; } }

.press-filter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.press-filter { position: relative; z-index: 9; margin: 0 1em; background: #fff; color: #a1a7a6; border: 2px solid; border-radius: 8px; text-align: left; cursor: pointer; }

@media only screen and (min-width: 48em) { .press-filter { margin: 0; position: absolute; top: -.25em; left: 2em; } }

.press-filter * { font-size: 14px; line-height: 1; }

.press-filter__current { padding: .5em 1em; padding-right: 2.25em; position: relative; }

.press-filter__current:after { content: ""; display: block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid; position: absolute; top: 50%; right: .75em; margin-top: -3px; }

.open .press-filter__current:after { border-top: none; border-bottom: 6px solid; margin-top: -4px; }

.press-filter ul { position: absolute; top: -999em; left: -999em; list-style: none; margin: 0; padding: .5em 0; background: #fff; border: 2px solid; border-radius: 8px; margin-top: .25em; }

.press-filter ul li { margin: 0; padding: .5em 1em; }

.press-filter ul li:hover { background: #a1a7a6; color: #fff; }

.press-filter.open ul { top: 100%; left: 0; right: 0; }

@media only screen and (min-width: 48em) { .press-filter.open ul { right: auto; } }

/* - - - - - - - - Full box links - - - - - - - - */
.section--explore .col { position: relative; }

.section--explore .col .link-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.25); }

.flexslider .img--press { margin-bottom: 0; }

.donate--finish form { display: inline; }

.donate--finish input[type=submit] { background-color: #5ea891; margin: 0 .5em 1em; }

.donate--finish input[type=submit]:hover { background-color: #477E6D; }

.dropdown-search ul { max-height: 20em; overflow: auto; }

.col-publications { overflow: hidden; }
/*# sourceMappingURL=style.css.map */