@font-face {
    font-family: flexslider-icon;
    src: url(fonts/flexslider-icon.eot);
    src: url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(fonts/flexslider-icon.woff) format("woff"), url(fonts/flexslider-icon.ttf) format("truetype"), url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Glypha;
    src: url(/Content/fonts/86df1426-a04c-414d-bafb-e6d74c9098e9.eot?#iefix);
    src: url(/Content/fonts/86df1426-a04c-414d-bafb-e6d74c9098e9.eot?#iefix) format("eot"), url(/Content/fonts/e33aa439-02f8-483e-ab80-c311ea349aa9.woff2) format("woff2"), url(/Content/fonts/6145e78e-bfbf-4d1b-a738-c503677b16dd.woff) format("woff"), url(/Content/fonts/dba79c74-875b-4d13-a0c5-fb169ea9e21b.ttf) format("truetype"), url(/Content/fonts/263d7ab3-95a4-4bf1-95e9-aefb08ea11ce.svg#263d7ab3-95a4-4bf1-95e9-aefb08ea11ce) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Glypha;
    src: url(/Content/fonts/049bcf25-60d3-413d-8028-c46bd4e859c3.eot?#iefix);
    src: url(/Content/fonts/049bcf25-60d3-413d-8028-c46bd4e859c3.eot?#iefix) format("eot"), url(/Content/fonts/95e21e98-290d-49fc-867b-4e5814367b5a.woff2) format("woff2"), url(/Content/fonts/d87c2b74-5ceb-4cca-9bc3-b667eb7f7ef3.woff) format("woff"), url(/Content/fonts/cc760164-c91f-40bf-8f14-29d1ccb0b7dd.ttf) format("truetype"), url(/Content/fonts/b766f306-d3d3-4f8a-833c-bd541840d257.svg#b766f306-d3d3-4f8a-833c-bd541840d257) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Glypha;
    src: url(/Content/fonts/cddb6388-4704-431b-b0ec-c289811440b5.eot?#iefix);
    src: url(/Content/fonts/cddb6388-4704-431b-b0ec-c289811440b5.eot?#iefix) format("eot"), url(/Content/fonts/71fb3c94-7ec2-4ed3-afde-6bf3653b1bd3.woff2) format("woff2"), url(/Content/fonts/69261930-e5ff-461f-9c3b-9310d87f5b05.woff) format("woff"), url(/Content/fonts/7e7545e7-5cbb-410c-ae6f-aadd18d8d6ca.ttf) format("truetype"), url(/Content/fonts/06933b18-a53b-468e-b908-31962be98bee.svg#06933b18-a53b-468e-b908-31962be98bee) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Glypha-light;
    src: url(/Content/fonts/a040380c-30e0-4cdd-a30e-ae3b5ddaa23d.eot?#iefix);
    src: url(/Content/fonts/a040380c-30e0-4cdd-a30e-ae3b5ddaa23d.eot?#iefix) format("eot"), url(/Content/fonts/5ab66e10-5ecb-4d75-9266-928380b95efd.woff2) format("woff2"), url(/Content/fonts/5e161349-c189-4198-8d29-21fab594c817.woff) format("woff"), url(/Content/fonts/801fc555-fc24-4a31-afd3-49aafb275781.ttf) format("truetype"), url(/Content/fonts/b7fa6be9-8c12-474f-8a86-bf6651ac70ff.svg#b7fa6be9-8c12-474f-8a86-bf6651ac70ff) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Glypha;
    src: url(/Content/fonts/328f89eb-31e5-43d9-b8eb-265345fb9ef2.eot?#iefix);
    src: url(/Content/fonts/328f89eb-31e5-43d9-b8eb-265345fb9ef2.eot?#iefix) format("eot"), url(/Content/fonts/28ee96d9-04b2-4057-85da-c1098a81970a.woff2) format("woff2"), url(/Content/fonts/c211664d-2fe0-4bf4-bb9f-28e00e2e0916.woff) format("woff"), url(/Content/fonts/9ac10b4b-27d0-49b6-ac2d-87227d4ae6fa.ttf) format("truetype"), url(/Content/fonts/21cf78c1-3582-4aa1-97aa-219694200188.svg#21cf78c1-3582-4aa1-97aa-219694200188) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINEngschriftStd;
    src: url(/Content/fonts/304C30_0_0.eot);
    src: url(/Content/fonts/304C30_0_0.eot?#iefix) format("embedded-opentype"), url(/Content/fonts/304C30_0_0.woff2) format("woff2"), url(/Content/fonts/304C30_0_0.woff) format("woff"), url(/Content/fonts/304C30_0_0.ttf) format("truetype"), url(/Content/fonts/304C30_0_0.svg#wf) format("svg")
}

.flex-direction-nav a, .flex-direction-nav a:before {
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,.3)
}

.gform_fields, .standard-fields ol, .standard-fields ul, ol, ul {
    list-style: none
}

.flex-container a:hover, .flex-slider a:hover {
    outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0;
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    box-shadow: "" 0 1px 4px rgba(0,0,0,.2)
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden
    }

    .flexslider .slides img, .no-js .flexslider .slides > li:first-child, html[xmlns] .flexslider .slides {
        display: block
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    * html .flexslider .slides {
        height: 1%
    }

    .flexslider .slides {
        zoom: 1
    }

        .flexslider .slides img {
            width: 100%;
            height: auto;
            -moz-user-select: none
        }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

@-moz-document url-prefix() {
    .loading .flex-viewport {
        max-height: none
    }
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

    .flex-direction-nav a {
        text-decoration: none;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .flex-direction-nav a:before {
            font-family: flexslider-icon;
            font-size: 40px;
            display: inline-block;
            content: '\f001'
        }

    .flex-direction-nav .flex-next {
        text-align: right
    }

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

    .flex-pauseplay a:before {
        font-family: flexslider-icon;
        font-size: 20px;
        display: inline-block;
        content: '\f004'
    }

    .flex-pauseplay a:hover {
        opacity: 1
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003'
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,.7)
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,.9);
        cursor: default
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

        .flex-control-thumbs img:hover {
            opacity: 1
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.faux-block-container {
    position: relative
}

.faux-block-content a, .faux-block-content abbr[title] {
    position: relative;
    z-index: 2
}

.faux-block-content .faux-flush-link {
    z-index: 0
}

.faux-block-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(images/transparent.png.pagespeed.ce.YLL5FIQuiw.png);
    background-repeat: repeat
}

.masonry--third, .masonry-item {
    position: relative
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body, html {
    background: #f1f2f2
}

iframe, img {
    max-width: 100%;
    height: auto
}

.no-scroll body, html.no-scroll {
    overflow: hidden
}

.left-sidebar {
    width: 26%;
    float: left;
    padding-right: 10px
}

.sidebar-logo-link {
    display: block;
    margin-bottom: 30px
}

.sidebar-logo {
    display: block
}

.right-content-area {
    width: 74%;
    float: left;
    margin-top: 51px;
    margin-bottom: 24px
}

.right-content-area--no-side {
    margin-left: 26%;
    margin-top: 10px
}

.bleed-area {
    width: 90%
}

    .bleed-area .bleed-element, .bleed-area blockquote {
        margin-right: -11%
    }

        .bleed-area .bleed-element .fluid-width-video-wrapper, .bleed-area .bleed-element img {
            margin-bottom: 8px
        }

.fluid-width-video-wrapper iframe[src^="http://videoplayback.parliamentlive.tv"] {
    width: 100% !important;
    height: 100% !important
}

.standard-top-spacing {
    margin-top: 30px
}

@media (max-width:61.365em) {
    .row {
        padding: 0 14px
    }

    .bleed-area {
        width: 100%
    }

        .bleed-area .bleed-element, .bleed-area blockquote {
            margin-right: 0
        }

    .tablet-flush {
        margin-right: -14px !important;
        margin-left: -14px !important
    }
}

@media (max-width:43.74em) {
    .mobile-flush {
        margin-right: -14px !important;
        margin-left: -14px !important
    }

    .left-sidebar, .right-content-area {
        width: 100%
    }

    .side-nav {
        display: none
    }

    .right-content-area {
        margin-top: 0;
        margin-left: 0
    }

    .sidebar-logo {
        margin-bottom: 42px
    }
}

.post-date {
    margin-bottom: 12px;
    display: block
}

.post-meta {
    color: #4d4341;
    margin-bottom: 20px
}

.post-meta-highlight {
    color: #ee4036;
    display: block
}

.annual-event-meta {
    font-size: 15px;
    font-weight: 400;
    font-family: Glypha
}

.annual-event-logo-container .area-hub-logo {
    float: left
}

.annual-event-meta--floated {
    float: right
}

@media (max-width:61.365em) {
    .annual-event-meta {
        margin-top: 10px
    }

    .annual-event-logo-container .area-hub-logo {
        float: none
    }
}

.masonry--third {
    margin-bottom: 32px
}

    .masonry--third .masonry-item {
        width: 30.9%;
        margin-bottom: 20px;
        float: left
    }

        .masonry--third .masonry-item:nth-child(3n-2) {
            margin-right: 2.4%
        }

        .masonry--third .masonry-item:nth-child(3n-1) {
            margin-right: 1.2%;
            margin-left: 1.2%
        }

        .masonry--third .masonry-item:nth-child(3n) {
            margin-left: 2.4%
        }

        .masonry--third .masonry-item:nth-child(3n+1) {
            clear: left
        }

    .masonry--third.is-masonry .masonry-item {
        position: absolute
    }

        .masonry--third.is-masonry .masonry-item:nth-child(3n-1) {
            left: 33%
        }

        .masonry--third.is-masonry .masonry-item:nth-child(3n) {
            right: 0
        }

@media (max-width:43.74em) {
    .masonry--third .masonry-item {
        width: 46%
    }

        .masonry--third .masonry-item:nth-child(3n+1) {
            clear: none
        }

        .masonry--third .masonry-item:nth-child(2n+1) {
            clear: left;
            margin-left: 0;
            margin-right: 3%
        }

        .masonry--third .masonry-item:nth-child(2n) {
            margin-right: 2%;
            margin-left: 3%
        }

    .masonry--third.is-masonry .masonry-item:nth-child(2n+1) {
        left: 0;
        right: auto
    }

    .masonry--third.is-masonry .masonry-item:nth-child(2n) {
        right: 0;
        left: auto
    }
}

@media (max-width:31.24em) {
    .masonry--third {
        max-width: 300px;
        margin: 0 auto
    }

        .masonry--third .masonry-item {
            width: 100%;
            margin-right: auto;
            margin-left: auto
        }

            .masonry--third .masonry-item:nth-child(2n+1) {
                clear: none;
                margin-right: auto;
                margin-left: auto
            }

            .masonry--third .masonry-item:nth-child(2n) {
                margin-right: auto;
                margin-left: auto
            }
}

.form-success, .map-canvas {
    margin-bottom: 24px
}

    .map-canvas.is-processed {
        width: 100%;
        height: 400px
    }

.form_nojs_warning, .validation-error, .validation_error {
    display: block;
    background-color: #fef2e4;
    border: 1px solid #f2b876;
    color: #ea9e46;
    font-weight: 700;
    padding: 10px 30px 10px 10px;
    position: relative;
    margin-bottom: 24px
}

    .form_nojs_warning:after, .validation-error:after, .validation_error:after {
        font-weight: 700;
        font-size: 30px;
        content: "!";
        position: absolute;
        right: 10px;
        top: 0
    }

.form-success {
    display: block;
    background-color: rgba(222,236,225,.6);
    border: 1px solid #37b34a;
    color: #37b34a;
    font-weight: 700;
    padding: 10px 30px 10px 10px;
    position: relative
}

    .form-success:after {
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(images/form-success.svg);
        font-weight: 700;
        font-size: 30px;
        content: "\00a0";
        position: absolute;
        right: 10px;
        top: 5px
    }

.sitemap-print-only {
    display: none;
    margin-bottom: 4px
}

wbr:after {
    content: "\00200B"
}

.wp-caption {
    max-width: 100%
}

a[href*="//feeds.wordpress.com/1.0/gocomments"], img[src*="//feeds.wordpress.com/1.0/comments"] {
    display: none
}

.alignleft, .alignright {
    float: left;
    max-width: 50%;
    margin-right: 10px
}

.aligncenter, .alignnone {
    display: block;
    margin-bottom: 10px
}

@media (max-width:43.74em) {
    .alignleft, .alignright {
        float: none;
        max-width: 100%;
        margin-right: 0;
        display: block;
        margin-bottom: 10px
    }
}

body {
    transition: .2s ease opacity;
    font-family: Glypha,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.35
}

input {
    font-family: inherit
}

a {
    color: inherit
}

.heading-1 {
    font-size: 34px;
    color: #4d4341;
    position: relative;
    padding-top: 10px;
    margin-bottom: 26px;
    line-height: 1.1
}

    .heading-1:before {
        content: "\00a0";
        width: 60px;
        display: inline-block;
        background: #ee4036;
        height: 8px;
        position: absolute;
        top: 0;
        left: 0
    }

.heading-1--bold {
    font-size: 25px;
    font-weight: 700
}

.heading-1__light {
    font-family: Glypha-light,Helvetica,Arial,sans-serif
}

.heading-1--with-meta {
    margin-bottom: 8px
}

.content-block .gform_title, .content-block h2, .heading-2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

sub, sup {
    font-size: 12px
}

.content-block .heading-2--thin.heading-2--thin, .heading-2--thin {
    font-weight: 400;
    margin-bottom: 0
}

b, figcaption, strong {
    font-weight: 700
}

.heading-2--border {
    border-bottom: 1px solid #ee4036;
    border-bottom: 1px solid currentColor
}

.content-block h3, .heading-3 {
    font-weight: 700;
    margin-bottom: 5px
}

.content-block ol, .content-block p, .content-block ul {
    margin-bottom: 22px
}

    .content-block ol ul, .content-block ol > ol, .content-block p ul, .content-block p > ol, .content-block ul ul, .content-block ul > ol {
        margin-bottom: 0
    }

em, i {
    font-style: italic
}

sup {
    position: relative;
    top: -.15em;
    vertical-align: top
}

sub {
    vertical-align: sub
}

.content-block li {
    padding-left: 15px;
    position: relative
}

    .content-block li:before {
        content: "\2022";
        position: absolute;
        left: 2px;
        top: 2px;
        color: #ee4036
    }

.content-block ol {
    counter-reset: ordered-list-counter
}

    .content-block ol li {
        padding-left: 20px
    }

    .content-block ol > li:before {
        content: counter(ordered-list-counter) ". ";
        counter-increment: ordered-list-counter;
        top: 0
    }

.wide-border-heading {
    text-align: center;
    overflow: hidden;
    color: #262626;
    text-transform: uppercase;
    line-height: 1
}

.col-heading, .promo-heading {
    line-height: .9;
    color: #000;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif
}

.wide-border-heading:after, .wide-border-heading:before {
    background-color: #c7c7c7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.wide-border-heading:before {
    right: .4em;
    margin-left: -50%
}

.wide-border-heading:after {
    left: .4em;
    margin-right: -50%
}

.promo-heading {
    margin-bottom: 24px;
    font-size: 16px
}

.highlight-font-loaded .promo-heading {
    font-size: 31px
}

.col-heading {
    margin-bottom: 15px;
    font-size: 16px
}

.highlight-font-loaded .col-heading {
    font-size: 26px
}

.intro {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 20px
}

    .intro p:last-of-type {
        margin-bottom: 0
    }

blockquote {
    font-size: 30px;
    line-height: 1.1;
    border: 1px solid red;
    border-left: 0;
    border-right: 0;
    padding: 4px 0 15px;
    color: #ee4036;
    position: relative;
    margin-bottom: 38px
}

.content-block blockquote p {
    margin-bottom: 0
}

blockquote:after {
    content: "\201d";
    width: 40px;
    height: 30px;
    position: absolute;
    right: 33px;
    bottom: -16px;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    font-size: 170px;
    line-height: .7
}

blockquote p:last-child:after {
    content: "\00a0";
    display: inline-block;
    width: 80px
}

figcaption {
    font-size: 12px;
    margin-bottom: 17px;
    color: #011353
}

.content-block .page-style--general .gform_title, .page-style--general .case-study__content:after, .page-style--general .content-block .gform_title, .page-style--general .content-block h2, .page-style--general .content-block li:before, .page-style--general .footer-heading, .page-style--general .gf_progressbar_percentage span, .page-style--general .gf_progressbar_title, .page-style--general .heading-2, .page-style--general .journal-detail-list dt, .page-style--general .upper-nav .st_sharethis_custom, .page-style--general .upper-nav__home:hover, .page-style--general .upper-nav__links a:focus, .page-style--general .upper-nav__links a:hover {
    color: #ee4036
}

figcaption .source {
    font-weight: 400
}

.caption--audio:before, .caption--image:before, .caption--slideshare:before, .caption--video:before {
    content: "\00a0";
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    background-image: url(images/xmedia-icons.png.pagespeed.ic.RYDRhAL63C.png);
    background-repeat: no-repeat;
    vertical-align: top
}

.caption--video:before {
    width: 22px;
    background-position: -18px center
}

.caption--image:before {
    width: 16px;
    background-position: 0 center
}

.caption--audio:before {
    width: 14px;
    background-position: -42px center
}

.caption--slideshare:before {
    width: 14px;
    background-position: -57px center
}

@media (min-width:43.75em) {
    .wide-border-heading--no-desktop:after, .wide-border-heading--no-desktop:before {
        display: none
    }
}

@media (max-width:43.74em) {
    .wide-border-heading {
        margin-left: -14px;
        margin-right: -14px
    }

    .bleed-area blockquote, .bleed-element figcaption {
        padding-right: 8px;
        padding-left: 14px
    }
}

.cf:after, .cf:before {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

.page-style--general .case-study, .page-style--general .form-section--no-heading, .page-style--general .form-section__heading, .page-style--general .gsection_title, .page-style--general .header-search, .page-style--general .pagination .page-numbers .current, .page-style--general .pagination .page-numbers a:hover, .page-style--general .side-nav__item--current, .page-style--general .side-nav__item:hover, .page-style--general .upper-nav__links a {
    border-color: #ee4036
}

.page-style--general .colour-line, .page-style--general .gf_progressbar_percentage, .page-style--general .gform_button, .page-style--general .gform_next_button, .page-style--general .gform_previous_button, .page-style--general .heading-1:before, .page-style--general .solid-btn {
    background-color: #ee4036
}

.page-style--general blockquote {
    border-color: #ee4036;
    color: #ee4036
}

.page-style--general .upper-nav .st_sharethis_custom:after {
    background-position: -50px -22px
}

.page-style--general .upper-nav__home:before {
    background-position: -75px -22px
}

.content-block .page-style--policy .gform_title, .page-style--policy .case-study__content:after, .page-style--policy .content-block .gform_title, .page-style--policy .content-block h2, .page-style--policy .content-block li:before, .page-style--policy .footer-heading, .page-style--policy .gf_progressbar_percentage span, .page-style--policy .gf_progressbar_title, .page-style--policy .heading-2, .page-style--policy .journal-detail-list dt, .page-style--policy .upper-nav .st_sharethis_custom, .page-style--policy .upper-nav__home:hover, .page-style--policy .upper-nav__links a:focus, .page-style--policy .upper-nav__links a:hover {
    color: #f6921e
}

.page-style--general .gf_progressbar_percentage span:after {
    border-color: #ee4036 transparent transparent
}

.page-style--policy .case-study, .page-style--policy .form-section--no-heading, .page-style--policy .form-section__heading, .page-style--policy .gsection_title, .page-style--policy .header-search, .page-style--policy .pagination .page-numbers .current, .page-style--policy .pagination .page-numbers a:hover, .page-style--policy .side-nav__item--current, .page-style--policy .side-nav__item:hover, .page-style--policy .upper-nav__links a {
    border-color: #f6921e
}

.page-style--policy .colour-line, .page-style--policy .gf_progressbar_percentage, .page-style--policy .gform_button, .page-style--policy .gform_next_button, .page-style--policy .gform_previous_button, .page-style--policy .heading-1:before, .page-style--policy .solid-btn {
    background-color: #f6921e
}

.page-style--policy blockquote {
    border-color: #f6921e;
    color: #f6921e
}

.page-style--policy .upper-nav .st_sharethis_custom:after {
    background-position: -50px -44px
}

.page-style--policy .upper-nav__home:before {
    background-position: -75px -44px
}

.content-block .page-style--publications .gform_title, .page-style--publications .case-study__content:after, .page-style--publications .content-block .gform_title, .page-style--publications .content-block h2, .page-style--publications .content-block li:before, .page-style--publications .footer-heading, .page-style--publications .gf_progressbar_percentage span, .page-style--publications .gf_progressbar_title, .page-style--publications .heading-2, .page-style--publications .journal-detail-list dt, .page-style--publications .upper-nav .st_sharethis_custom, .page-style--publications .upper-nav__home:hover, .page-style--publications .upper-nav__links a:focus, .page-style--publications .upper-nav__links a:hover {
    color: #bec632
}

.page-style--policy .gf_progressbar_percentage span:after {
    border-color: #f6921e transparent transparent
}

.page-style--publications .case-study, .page-style--publications .form-section--no-heading, .page-style--publications .form-section__heading, .page-style--publications .gsection_title, .page-style--publications .header-search, .page-style--publications .pagination .page-numbers .current, .page-style--publications .pagination .page-numbers a:hover, .page-style--publications .side-nav__item--current, .page-style--publications .side-nav__item:hover, .page-style--publications .upper-nav__links a {
    border-color: #bec632
}

.page-style--publications .colour-line, .page-style--publications .gf_progressbar_percentage, .page-style--publications .gform_button, .page-style--publications .gform_next_button, .page-style--publications .gform_previous_button, .page-style--publications .heading-1:before, .page-style--publications .solid-btn {
    background-color: #bec632
}

.page-style--publications blockquote {
    border-color: #bec632;
    color: #bec632
}

.page-style--publications .upper-nav .st_sharethis_custom:after {
    background-position: -50px -66px
}

.page-style--publications .upper-nav__home:before {
    background-position: -75px -66px
}

.content-block .page-style--membership .gform_title, .page-style--membership .case-study__content:after, .page-style--membership .content-block .gform_title, .page-style--membership .content-block h2, .page-style--membership .content-block li:before, .page-style--membership .footer-heading, .page-style--membership .gf_progressbar_percentage span, .page-style--membership .gf_progressbar_title, .page-style--membership .heading-2, .page-style--membership .journal-detail-list dt, .page-style--membership .upper-nav .st_sharethis_custom, .page-style--membership .upper-nav__home:hover, .page-style--membership .upper-nav__links a:focus, .page-style--membership .upper-nav__links a:hover {
    color: #25a8e0
}

.page-style--publications .gf_progressbar_percentage span:after {
    border-color: #bec632 transparent transparent
}

.page-style--membership .case-study, .page-style--membership .form-section--no-heading, .page-style--membership .form-section__heading, .page-style--membership .gsection_title, .page-style--membership .header-search, .page-style--membership .pagination .page-numbers .current, .page-style--membership .pagination .page-numbers a:hover, .page-style--membership .side-nav__item--current, .page-style--membership .side-nav__item:hover, .page-style--membership .upper-nav__links a {
    border-color: #25a8e0
}

.page-style--membership .colour-line, .page-style--membership .gf_progressbar_percentage, .page-style--membership .gform_button, .page-style--membership .gform_next_button, .page-style--membership .gform_previous_button, .page-style--membership .heading-1:before, .page-style--membership .solid-btn {
    background-color: #25a8e0
}

.page-style--membership blockquote {
    border-color: #25a8e0;
    color: #25a8e0
}

.page-style--membership .upper-nav .st_sharethis_custom:after {
    background-position: -50px -88px
}

.page-style--membership .upper-nav__home:before {
    background-position: -75px -88px
}

.content-block .page-style--education .gform_title, .page-style--education .case-study__content:after, .page-style--education .content-block .gform_title, .page-style--education .content-block h2, .page-style--education .content-block li:before, .page-style--education .footer-heading, .page-style--education .gf_progressbar_percentage span, .page-style--education .gf_progressbar_title, .page-style--education .heading-2, .page-style--education .journal-detail-list dt, .page-style--education .upper-nav .st_sharethis_custom, .page-style--education .upper-nav__home:hover, .page-style--education .upper-nav__links a:focus, .page-style--education .upper-nav__links a:hover {
    color: #8e288c
}

.page-style--membership .gf_progressbar_percentage span:after {
    border-color: #25a8e0 transparent transparent
}

.page-style--education .case-study, .page-style--education .form-section--no-heading, .page-style--education .form-section__heading, .page-style--education .gsection_title, .page-style--education .header-search, .page-style--education .pagination .page-numbers .current, .page-style--education .pagination .page-numbers a:hover, .page-style--education .side-nav__item--current, .page-style--education .side-nav__item:hover, .page-style--education .upper-nav__links a {
    border-color: #8e288c
}

.page-style--education .colour-line, .page-style--education .gf_progressbar_percentage, .page-style--education .gform_button, .page-style--education .gform_next_button, .page-style--education .gform_previous_button, .page-style--education .heading-1:before, .page-style--education .solid-btn {
    background-color: #8e288c
}

.page-style--education blockquote {
    border-color: #8e288c;
    color: #8e288c
}

.page-style--education .upper-nav .st_sharethis_custom:after {
    background-position: -50px -110px
}

.page-style--education .upper-nav__home:before {
    background-position: -75px -110px
}

.content-block .page-style--funding .gform_title, .page-style--funding .case-study__content:after, .page-style--funding .content-block .gform_title, .page-style--funding .content-block h2, .page-style--funding .content-block li:before, .page-style--funding .footer-heading, .page-style--funding .gf_progressbar_percentage span, .page-style--funding .gf_progressbar_title, .page-style--funding .heading-2, .page-style--funding .journal-detail-list dt, .page-style--funding .upper-nav .st_sharethis_custom, .page-style--funding .upper-nav__home:hover, .page-style--funding .upper-nav__links a:focus, .page-style--funding .upper-nav__links a:hover {
    color: #d91c5c
}

.page-style--education .gf_progressbar_percentage span:after {
    border-color: #8e288c transparent transparent
}

.page-style--funding .case-study, .page-style--funding .form-section--no-heading, .page-style--funding .form-section__heading, .page-style--funding .gsection_title, .page-style--funding .header-search, .page-style--funding .pagination .page-numbers .current, .page-style--funding .pagination .page-numbers a:hover, .page-style--funding .side-nav__item--current, .page-style--funding .side-nav__item:hover, .page-style--funding .upper-nav__links a {
    border-color: #d91c5c
}

.page-style--funding .colour-line, .page-style--funding .gf_progressbar_percentage, .page-style--funding .gform_button, .page-style--funding .gform_next_button, .page-style--funding .gform_previous_button, .page-style--funding .heading-1:before, .page-style--funding .solid-btn {
    background-color: #d91c5c
}

.page-style--funding blockquote {
    border-color: #d91c5c;
    color: #d91c5c
}

.page-style--funding .upper-nav .st_sharethis_custom:after {
    background-position: -50px -132px
}

.page-style--funding .upper-nav__home:before {
    background-position: -75px -132px
}

.content-block .page-style--portal .gform_title, .page-style--portal .case-study__content:after, .page-style--portal .content-block .gform_title, .page-style--portal .content-block h2, .page-style--portal .content-block li:before, .page-style--portal .footer-heading, .page-style--portal .gf_progressbar_percentage span, .page-style--portal .gf_progressbar_title, .page-style--portal .heading-2, .page-style--portal .journal-detail-list dt, .page-style--portal .upper-nav .st_sharethis_custom, .page-style--portal .upper-nav__home:hover, .page-style--portal .upper-nav__links a:focus, .page-style--portal .upper-nav__links a:hover {
    color: #25a9df
}

.page-style--funding .gf_progressbar_percentage span:after {
    border-color: #d91c5c transparent transparent
}

.page-style--portal .case-study, .page-style--portal .form-section--no-heading, .page-style--portal .form-section__heading, .page-style--portal .gsection_title, .page-style--portal .header-search, .page-style--portal .pagination .page-numbers .current, .page-style--portal .pagination .page-numbers a:hover, .page-style--portal .side-nav__item--current, .page-style--portal .side-nav__item:hover, .page-style--portal .upper-nav__links a {
    border-color: #25a9df
}

.page-style--portal .colour-line, .page-style--portal .gf_progressbar_percentage, .page-style--portal .gform_button, .page-style--portal .gform_next_button, .page-style--portal .gform_previous_button, .page-style--portal .heading-1:before, .page-style--portal .solid-btn {
    background-color: #25a9df
}

.page-style--portal blockquote {
    border-color: #25a9df;
    color: #25a9df
}

.page-style--portal .upper-nav .st_sharethis_custom:after {
    background-position: -50px -88px
}

.page-style--portal .upper-nav__home:before {
    background-position: -75px -88px
}

.content-block .page-style--journal-ecology .gform_title, .page-style--journal-ecology .case-study__content:after, .page-style--journal-ecology .content-block .gform_title, .page-style--journal-ecology .content-block h2, .page-style--journal-ecology .content-block li:before, .page-style--journal-ecology .footer-heading, .page-style--journal-ecology .gf_progressbar_percentage span, .page-style--journal-ecology .gf_progressbar_title, .page-style--journal-ecology .heading-2, .page-style--journal-ecology .journal-detail-list dt, .page-style--journal-ecology .upper-nav .st_sharethis_custom, .page-style--journal-ecology .upper-nav__home:hover, .page-style--journal-ecology .upper-nav__links a:focus, .page-style--journal-ecology .upper-nav__links a:hover {
    color: #0e96d4
}

.page-style--portal .gf_progressbar_percentage span:after {
    border-color: #25a9df transparent transparent
}

.page-style--journal-ecology .case-study, .page-style--journal-ecology .form-section--no-heading, .page-style--journal-ecology .form-section__heading, .page-style--journal-ecology .gsection_title, .page-style--journal-ecology .header-search, .page-style--journal-ecology .pagination .page-numbers .current, .page-style--journal-ecology .pagination .page-numbers a:hover, .page-style--journal-ecology .side-nav__item--current, .page-style--journal-ecology .side-nav__item:hover, .page-style--journal-ecology .upper-nav__links a {
    border-color: #0e96d4
}

.page-style--journal-ecology .colour-line, .page-style--journal-ecology .gf_progressbar_percentage, .page-style--journal-ecology .gform_button, .page-style--journal-ecology .gform_next_button, .page-style--journal-ecology .gform_previous_button, .page-style--journal-ecology .heading-1:before, .page-style--journal-ecology .solid-btn {
    background-color: #0e96d4
}

.page-style--journal-ecology blockquote {
    border-color: #0e96d4;
    color: #0e96d4
}

.page-style--journal-ecology .upper-nav .st_sharethis_custom:after {
    background-position: -50px -154px
}

.page-style--journal-ecology .upper-nav__home:before {
    background-position: -75px -154px
}

.content-block .page-style--functional-ecology .gform_title, .page-style--functional-ecology .case-study__content:after, .page-style--functional-ecology .content-block .gform_title, .page-style--functional-ecology .content-block h2, .page-style--functional-ecology .content-block li:before, .page-style--functional-ecology .footer-heading, .page-style--functional-ecology .gf_progressbar_percentage span, .page-style--functional-ecology .gf_progressbar_title, .page-style--functional-ecology .heading-2, .page-style--functional-ecology .journal-detail-list dt, .page-style--functional-ecology .upper-nav .st_sharethis_custom, .page-style--functional-ecology .upper-nav__home:hover, .page-style--functional-ecology .upper-nav__links a:focus, .page-style--functional-ecology .upper-nav__links a:hover {
    color: #e38d26
}

.page-style--journal-ecology .gf_progressbar_percentage span:after {
    border-color: #0e96d4 transparent transparent
}

.page-style--functional-ecology .case-study, .page-style--functional-ecology .form-section--no-heading, .page-style--functional-ecology .form-section__heading, .page-style--functional-ecology .gsection_title, .page-style--functional-ecology .header-search, .page-style--functional-ecology .pagination .page-numbers .current, .page-style--functional-ecology .pagination .page-numbers a:hover, .page-style--functional-ecology .side-nav__item--current, .page-style--functional-ecology .side-nav__item:hover, .page-style--functional-ecology .upper-nav__links a {
    border-color: #e38d26
}

.page-style--functional-ecology .colour-line, .page-style--functional-ecology .gf_progressbar_percentage, .page-style--functional-ecology .gform_button, .page-style--functional-ecology .gform_next_button, .page-style--functional-ecology .gform_previous_button, .page-style--functional-ecology .heading-1:before, .page-style--functional-ecology .solid-btn {
    background-color: #e38d26
}

.page-style--functional-ecology blockquote {
    border-color: #e38d26;
    color: #e38d26
}

.page-style--functional-ecology .upper-nav .st_sharethis_custom:after {
    background-position: -50px -176px
}

.page-style--functional-ecology .upper-nav__home:before {
    background-position: -75px -176px
}

.content-block .page-style--journal-animal .gform_title, .page-style--journal-animal .case-study__content:after, .page-style--journal-animal .content-block .gform_title, .page-style--journal-animal .content-block h2, .page-style--journal-animal .content-block li:before, .page-style--journal-animal .footer-heading, .page-style--journal-animal .gf_progressbar_percentage span, .page-style--journal-animal .gf_progressbar_title, .page-style--journal-animal .heading-2, .page-style--journal-animal .journal-detail-list dt, .page-style--journal-animal .upper-nav .st_sharethis_custom, .page-style--journal-animal .upper-nav__home:hover, .page-style--journal-animal .upper-nav__links a:focus, .page-style--journal-animal .upper-nav__links a:hover {
    color: #7581bd
}

.page-style--functional-ecology .gf_progressbar_percentage span:after {
    border-color: #e38d26 transparent transparent
}

.page-style--journal-animal .case-study, .page-style--journal-animal .form-section--no-heading, .page-style--journal-animal .form-section__heading, .page-style--journal-animal .gsection_title, .page-style--journal-animal .header-search, .page-style--journal-animal .pagination .page-numbers .current, .page-style--journal-animal .pagination .page-numbers a:hover, .page-style--journal-animal .side-nav__item--current, .page-style--journal-animal .side-nav__item:hover, .page-style--journal-animal .upper-nav__links a {
    border-color: #7581bd
}

.page-style--journal-animal .colour-line, .page-style--journal-animal .gf_progressbar_percentage, .page-style--journal-animal .gform_button, .page-style--journal-animal .gform_next_button, .page-style--journal-animal .gform_previous_button, .page-style--journal-animal .heading-1:before, .page-style--journal-animal .solid-btn {
    background-color: #7581bd
}

.page-style--journal-animal blockquote {
    border-color: #7581bd;
    color: #7581bd
}

.page-style--journal-animal .upper-nav .st_sharethis_custom:after {
    background-position: -50px -198px
}

.page-style--journal-animal .upper-nav__home:before {
    background-position: -75px -198px
}

.content-block .page-style--journal-applied .gform_title, .page-style--journal-applied .case-study__content:after, .page-style--journal-applied .content-block .gform_title, .page-style--journal-applied .content-block h2, .page-style--journal-applied .content-block li:before, .page-style--journal-applied .footer-heading, .page-style--journal-applied .gf_progressbar_percentage span, .page-style--journal-applied .gf_progressbar_title, .page-style--journal-applied .heading-2, .page-style--journal-applied .journal-detail-list dt, .page-style--journal-applied .upper-nav .st_sharethis_custom, .page-style--journal-applied .upper-nav__home:hover, .page-style--journal-applied .upper-nav__links a:focus, .page-style--journal-applied .upper-nav__links a:hover {
    color: #48a749
}

.page-style--journal-animal .gf_progressbar_percentage span:after {
    border-color: #7581bd transparent transparent
}

.page-style--journal-applied .case-study, .page-style--journal-applied .form-section--no-heading, .page-style--journal-applied .form-section__heading, .page-style--journal-applied .gsection_title, .page-style--journal-applied .header-search, .page-style--journal-applied .pagination .page-numbers .current, .page-style--journal-applied .pagination .page-numbers a:hover, .page-style--journal-applied .side-nav__item--current, .page-style--journal-applied .side-nav__item:hover, .page-style--journal-applied .upper-nav__links a {
    border-color: #48a749
}

.page-style--journal-applied .colour-line, .page-style--journal-applied .gf_progressbar_percentage, .page-style--journal-applied .gform_button, .page-style--journal-applied .gform_next_button, .page-style--journal-applied .gform_previous_button, .page-style--journal-applied .heading-1:before, .page-style--journal-applied .solid-btn {
    background-color: #48a749
}

.page-style--journal-applied blockquote {
    border-color: #48a749;
    color: #48a749
}

.page-style--journal-applied .upper-nav .st_sharethis_custom:after {
    background-position: -50px -220px
}

.page-style--journal-applied .upper-nav__home:before {
    background-position: -75px -220px
}

.content-block .page-style--methods-evolution .gform_title, .page-style--methods-evolution .case-study__content:after, .page-style--methods-evolution .content-block .gform_title, .page-style--methods-evolution .content-block h2, .page-style--methods-evolution .content-block li:before, .page-style--methods-evolution .footer-heading, .page-style--methods-evolution .gf_progressbar_percentage span, .page-style--methods-evolution .gf_progressbar_title, .page-style--methods-evolution .heading-2, .page-style--methods-evolution .journal-detail-list dt, .page-style--methods-evolution .upper-nav .st_sharethis_custom, .page-style--methods-evolution .upper-nav__home:hover, .page-style--methods-evolution .upper-nav__links a:focus, .page-style--methods-evolution .upper-nav__links a:hover {
    color: #de2127
}

.page-style--journal-applied .gf_progressbar_percentage span:after {
    border-color: #48a749 transparent transparent
}

.page-style--methods-evolution .case-study, .page-style--methods-evolution .form-section--no-heading, .page-style--methods-evolution .form-section__heading, .page-style--methods-evolution .gsection_title, .page-style--methods-evolution .header-search, .page-style--methods-evolution .pagination .page-numbers .current, .page-style--methods-evolution .pagination .page-numbers a:hover, .page-style--methods-evolution .side-nav__item--current, .page-style--methods-evolution .side-nav__item:hover, .page-style--methods-evolution .upper-nav__links a {
    border-color: #de2127
}

.page-style--methods-evolution .colour-line, .page-style--methods-evolution .gf_progressbar_percentage, .page-style--methods-evolution .gform_button, .page-style--methods-evolution .gform_next_button, .page-style--methods-evolution .gform_previous_button, .page-style--methods-evolution .heading-1:before, .page-style--methods-evolution .solid-btn {
    background-color: #de2127
}

.page-style--methods-evolution blockquote {
    border-color: #de2127;
    color: #de2127
}

.page-style--methods-evolution .upper-nav .st_sharethis_custom:after {
    background-position: -50px -242px
}

.page-style--methods-evolution .upper-nav__home:before {
    background-position: -75px -242px
}

.content-block .page-style--ecology-evolution .gform_title, .page-style--ecology-evolution .case-study__content:after, .page-style--ecology-evolution .content-block .gform_title, .page-style--ecology-evolution .content-block h2, .page-style--ecology-evolution .content-block li:before, .page-style--ecology-evolution .footer-heading, .page-style--ecology-evolution .gf_progressbar_percentage span, .page-style--ecology-evolution .gf_progressbar_title, .page-style--ecology-evolution .heading-2, .page-style--ecology-evolution .journal-detail-list dt, .page-style--ecology-evolution .upper-nav .st_sharethis_custom, .page-style--ecology-evolution .upper-nav__home:hover, .page-style--ecology-evolution .upper-nav__links a:focus, .page-style--ecology-evolution .upper-nav__links a:hover {
    color: #2796a9
}

.page-style--methods-evolution .gf_progressbar_percentage span:after {
    border-color: #de2127 transparent transparent
}

.page-style--ecology-evolution .case-study, .page-style--ecology-evolution .form-section--no-heading, .page-style--ecology-evolution .form-section__heading, .page-style--ecology-evolution .gsection_title, .page-style--ecology-evolution .header-search, .page-style--ecology-evolution .pagination .page-numbers .current, .page-style--ecology-evolution .pagination .page-numbers a:hover, .page-style--ecology-evolution .side-nav__item--current, .page-style--ecology-evolution .side-nav__item:hover, .page-style--ecology-evolution .upper-nav__links a {
    border-color: #2796a9
}

.page-style--ecology-evolution .colour-line, .page-style--ecology-evolution .gf_progressbar_percentage, .page-style--ecology-evolution .gform_button, .page-style--ecology-evolution .gform_next_button, .page-style--ecology-evolution .gform_previous_button, .page-style--ecology-evolution .heading-1:before, .page-style--ecology-evolution .solid-btn {
    background-color: #2796a9
}

.page-style--ecology-evolution blockquote {
    border-color: #2796a9;
    color: #2796a9
}

.page-style--ecology-evolution .upper-nav .st_sharethis_custom:after {
    background-position: -50px -264px
}

.page-style--ecology-evolution .upper-nav__home:before {
    background-position: -75px -264px
}

.page-style--ecology-evolution .gf_progressbar_percentage span:after {
    border-color: #2796a9 transparent transparent
}

.form-section {
    margin-top: 20px
}

.form-section__heading {
    border-top: 3px solid #ee4036;
    display: block;
    width: 100%
}

.form-section--no-heading {
    border-top: 3px solid #ee4036;
    padding-top: 14px
}

.standard-fields label {
    font-size: 12px;
    font-weight: 700;
    display: block;
    color: #3f3f3f;
    padding-bottom: 4px
}

.standard-fields .inline-label {
    display: inline
}

.standard-fields input, .standard-fields select, .standard-fields textarea {
    font-size: 12px;
    border: 1px solid #dcdddd;
    padding: 9px 11px;
    width: 100%
}

    .standard-fields input:last-child, .standard-fields select:last-child, .standard-fields textarea:last-child {
        margin-bottom: 12px
    }

.standard-fields textarea {
    font-family: inherit;
    resize: vertical
}

.upper-nav, .upper-nav__home {
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif
}

.standard-fields .error-container {
    position: relative
}

    .standard-fields .error-container:before {
        display: block;
        background-color: transparent;
        height: 0;
        width: 0;
        content: " ";
        position: absolute;
        left: -24px;
        top: 20px;
        border-top: transparent;
        border-right: transparent;
        border-bottom: transparent;
        border-left: #f6921e;
        border-width: 18px;
        border-style: solid
    }

    .standard-fields .error-container input, .standard-fields .error-container select, .standard-fields .error-container textarea {
        background-color: #fef2e4;
        border: 1px solid #f2b876;
        color: #e47f09;
        font-weight: 700
    }

    .standard-fields .error-container :-moz-placeholder, .standard-fields .error-container :-ms-input-placeholder, .standard-fields .error-container ::-moz-placeholder, .standard-fields .error-container ::-ms-input-placeholder, .standard-fields .error-container ::-webkit-input-placeholder, .standard-fields .error-container ::placeholder {
        color: #ea9e46
    }

    .standard-fields .error-container input, .standard-fields .error-container textarea {
        background-image: url(images/exclamation-error.png.pagespeed.ce.vrxQsixJAp.png);
        background-repeat: no-repeat;
        background-position: right 7px center;
        padding-right: 18px
    }

.ie8 .standard-fields .error-container input, .ie8 .standard-fields .error-container textarea {
    background-image: none
}

.standard-fields .error-container label {
    color: #e47f09;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px
}

.standard-fields ol li, .standard-fields ul li {
    padding: 0
}

    .standard-fields ol li:before, .standard-fields ul li:before {
        content: none
    }

.primary-nav__item:after, .primary-nav__link:before, .progressbar_percentage span:after, .upper-nav .st_sharethis_custom:after, .upper-nav__home:before {
    content: "\00a0"
}

.standard-fields li label {
    padding-bottom: 0
}

.standard-fields input[type="radio"], .standard-fields input[type="checkbox"] {
    display: inline-block;
    width: auto;
    vertical-align: top;
    vertical-align: sub
}

.faux-label {
    font-size: 12px;
    font-weight: 700;
    display: block;
    color: #3f3f3f;
    padding-bottom: 4px
}

@media (min-width:43.75em) {
    .form-group--1, .form-group--10, .form-group--11, .form-group--12, .form-group--2, .form-group--3, .form-group--4, .form-group--5, .form-group--7, .form-group--8, .form-group--9 {
        float: left;
        margin-right: 1%
    }

    .form-group--1 {
        width: 7.3333333333%
    }

    .form-group--2 {
        width: 15.6666666667%
    }

    .form-group--3 {
        width: 24%
    }

    .form-group--4 {
        width: 32.3333333333%
    }

    .form-group--5 {
        width: 40.6666666667%
    }

    .form-group--6 {
        float: left;
        width: 49%;
        margin-right: 1%
    }

    .form-group--7 {
        width: 57.3333333333%
    }

    .form-group--8 {
        width: 65.6666666667%
    }

    .form-group--9 {
        width: 74%
    }

    .form-group--10 {
        width: 82.3333333333%
    }

    .form-group--11 {
        width: 90.6666666667%
    }

    .form-group--12 {
        width: 99%
    }

    .progressbar_wrapper {
        display: -ms-flexbox;
        display: flex
    }

        .progressbar_wrapper .progressbar_title {
            white-space: nowrap
        }

        .progressbar_wrapper .progressbar {
            table-layout: auto;
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin-bottom: 13px
        }
}

.form-group--separate-date select {
    width: 22.7%;
    margin-right: 1%
}

.form-group--mw-60 {
    max-width: 60%
}

@media (max-width:43.74em) {
    .progressbar_wrapper .progressbar_title {
        margin-bottom: 12px
    }
}

.progressbar {
    background: #9c9c9c;
    display: inline-block;
    width: 100%
}

.progressbar_title {
    font-size: 26px;
    font-weight: 700;
    margin-right: 15px;
    display: inline-block
}

.progressbar_percentage {
    height: 4px;
    display: block;
    position: relative
}

.upper-nav .st_sharethis_custom, .upper-nav__home:before, .upper-nav__links, .upper-nav__links a, .upper-nav__right {
    display: inline-block
}

.progressbar_percentage span {
    position: absolute;
    top: -22px;
    right: -12px;
    font-weight: 700;
    font-size: 10px;
    padding-bottom: 6px;
    min-width: 24px;
    text-align: center
}

    .progressbar_percentage span:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        display: inline-block;
        border-color: #d91c5c transparent transparent;
        border-style: solid;
        border-width: 6px 5px 0
    }

.upper-nav {
    background: #000;
    color: #fff;
    text-align: left;
    padding: 10.5px 0;
    line-height: 1
}

.upper-nav__home {
    text-decoration: none;
    text-transform: uppercase
}

    .upper-nav__home:before {
        width: 16px;
        height: 16px;
        background: url(images/theme-icons.svg) -75px -22px no-repeat;
        margin-right: 6px;
        vertical-align: bottom
    }

.no-svg .upper-nav__home:before {
    background-image: url(images/xtheme-icons.png.pagespeed.ic.sU21jvJR9D.png)
}

.upper-nav__home:hover {
    color: #ee4036
}

.upper-nav__right {
    float: right
}

.upper-nav__links {
    margin-right: 30px
}

    .upper-nav__links a {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        padding: 0 6px;
        text-decoration: none;
        border-right: 1px solid #ee4036
    }

        .upper-nav__links a:last-of-type {
            border-right: none
        }

        .upper-nav__links a:focus, .upper-nav__links a:hover, a.upper-nav__link--current {
            color: #ee4036
        }

.upper-nav .st_sharethis_custom {
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    cursor: pointer;
    font: inherit;
    color: #ee4036;
    font-size: 14px;
    text-decoration: none;
    display: none
}

.primary-nav__item, .primary-nav__list, .st-loaded .upper-nav .st_sharethis_custom {
    display: inline-block
}

.upper-nav .st_sharethis_custom:after {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 3px;
    background: url(images/theme-icons.svg) -50px -22px;
    vertical-align: top
}

.no-svg .upper-nav .st_sharethis_custom:after {
    background-image: url(images/xtheme-icons.png.pagespeed.ic.sU21jvJR9D.png)
}

.upper-nav__donate-link {
    text-decoration: none;
    min-height: 21px;
    padding: 2px 7px;
    background-color: #ee4036;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center
}

.primary-nav {
    border-bottom: 1px solid #ccc5d5;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 12px
}

.header-search__input, .primary-nav__submenu {
    font-family: Glypha,Helvetica,Arial,sans-serif
}

.highlight-font-loaded .primary-nav {
    font-weight: 400;
    font-size: 20px
}

.primary-nav__list {
    float: left
}

.primary-nav__item {
    position: relative;
    margin: 0 2px 0 12px;
    float: left
}

    .primary-nav__item:first-child {
        margin-left: 0
    }

    .primary-nav__item:after {
        position: absolute;
        display: block;
        right: -6px;
        top: 22px;
        width: 1px;
        height: 22px;
        background: #ccc5d5;
        pointer-events: none
    }

.primary-nav__item--mobile {
    display: none
}

.primary-nav__link {
    padding: 19.5px 3px 19.5px 0;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase
}

    .primary-nav__link:before {
        position: absolute;
        display: block;
        right: 0;
        left: 0;
        bottom: 0;
        height: 0;
        background: #ee4036;
        opacity: .3;
        transition: .3s ease height, opacity;
        overflow: hidden
    }

    .primary-nav__item--current .primary-nav__link:before, .primary-nav__item:hover .primary-nav__link:before, .primary-nav__link:focus:before {
        height: 5px;
        opacity: 1
    }

.primary-nav__item:hover .primary-nav__submenu--first, .primary-nav__submenu--first:hover {
    display: block
}

.primary-nav__item--children .primary-nav__link {
    padding-right: 0
}

    .primary-nav__item--children .primary-nav__link:after {
        content: "\00a0";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 2px;
        background: url(images/theme-icons.svg);
        vertical-align: sub
    }

.no-svg .primary-nav__item--children .primary-nav__link:after {
    background-image: url(images/xtheme-icons.png.pagespeed.ic.sU21jvJR9D.png)
}

.primary-nav__item--children:hover .primary-nav__link:after, .primary-nav__item--current .primary-nav__link:after, .primary-nav__link:focus:after {
    background-position: 0 -22px
}

.primary-nav__submenu {
    position: absolute;
    background: #fff;
    min-width: 160px;
    box-shadow: 1px 3px 5px 0 rgba(0,0,0,.18);
    display: none;
    line-height: 1.2;
    z-index: 10
}

.primary-nav__child-link {
    text-decoration: none;
    font-size: 14px;
    padding: 5px 8px;
    display: inline-block;
    width: 100%;
    transition: .2s ease background
}

    .primary-nav__child-link:hover {
        text-decoration: underline
    }

    .primary-nav__child-link--current, .primary-nav__child-link:hover {
        background: #fef0df
    }

.header-search {
    display: inline-block;
    border-bottom: 5px solid #ee4036;
    float: right;
    margin-top: 22px;
    font-size: 12px
}

.header-search__input {
    width: 80px;
    background: 0 0;
    border: none;
    font-size: 12px;
    line-height: 1.5
}

.site-header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    border-bottom: 1px solid #fff
}

    .site-header--fixed .upper-nav__home {
        display: block !important
    }

.header-search__submit {
    border: none;
    background: url(images/search-magnify.svg) center no-repeat;
    -webkit-appearance: none;
    cursor: pointer;
    font: inherit;
    width: 26px;
    text-indent: -9999px;
    background-size: 16px 16px
}

.menu-state, .menu-toggle, .primary-nav__submenu--grandchildren, .primary-nav__toggle {
    display: none
}

@media (min-width:61.375em) {
    .primary-nav__list {
        left: -12px;
        position: relative
    }
}

@media (max-width:61.365em) {
    .upper-nav__home {
        display: none
    }

    .upper-nav__links {
        padding: 4px 0;
        display: inline-block
    }

    .menu-toggle {
        border: none;
        background: 0 0;
        -webkit-appearance: none;
        cursor: pointer;
        font: inherit;
        display: block;
        float: left;
        color: #fff;
        padding: 4px 0
    }

    .primary-nav {
        display: none;
        height: 0
    }

    .menu-toggle-state:checked ~ .site-header .upper-nav {
        background: #fff
    }

    .menu-toggle-state:checked ~ .site-header .upper-nav__links a {
        color: #818181
    }

    .menu-toggle-state:checked ~ .site-header .menu-toggle {
        color: #000
    }

    .menu-toggle-state:checked ~ .site-header .primary-nav {
        height: calc(100vh - 32px);
        overflow: auto;
        display: block;
        font-size: 15px;
        -webkit-animation-name: slide-mobilenav-open;
        animation-name: slide-mobilenav-open;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

        .menu-toggle-state:checked ~ .site-header .primary-nav .row {
            padding-bottom: 20px
        }

    .header-search {
        float: none;
        background: #fff;
        width: 100%
    }

        .header-search form {
            display: -ms-flexbox;
            display: flex;
            width: 100%
        }

    .header-search__input {
        padding: 7px 6px;
        -ms-flex: 1 0 10px;
        flex: 1 0 10px
    }

    .header-search__submit {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .primary-nav__item {
        border-bottom: 1px solid #dbdcdd
    }

    .primary-nav__item--mobile {
        display: block
    }

    .primary-nav__link {
        font-size: 25px;
        line-height: .8;
        padding: 8px 14px;
        width: 100%
    }

    .primary-nav__item, .primary-nav__list {
        display: block;
        float: none;
        margin: 0
    }

        .primary-nav__item--children .primary-nav__link:after, .primary-nav__item:after, .primary-nav__link:before {
            display: none
        }

    .primary-nav__item--current .primary-nav__link:before {
        content: "\00a0";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 5px;
        height: 37px !important;
        opacity: 1
    }

    .primary-nav__submenu {
        position: relative;
        background: 0 0;
        width: auto;
        box-shadow: none
    }

    .primary-nav__toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid #dbdcdd;
        padding: 12px 8px 0 14px;
        height: 36px;
        width: 44px;
        text-indent: -9999px
    }

    .primary-nav__toggle-icon:after {
        content: "\00a0";
        width: 10px;
        height: 10px;
        position: absolute;
        right: 8px;
        background: url(images/theme-icons.svg);
        -webkit-transform: scale(2.3);
        -ms-transform: scale(2.3);
        transform: scale(2.3);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right
    }

    .primary-nav__child-item .primary-nav__toggle-icon:after {
        right: 11px;
        top: 14px;
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8)
    }

    .menu-state:checked ~ .primary-nav__submenu {
        display: block !important
    }

    .primary-nav__item:hover .primary-nav__submenu, .primary-nav__submenu:hover {
        display: none
    }

    .primary-nav__child-link {
        padding: 10px 8px 10px 22px
    }

    .primary-nav__child-item {
        border-top: 1px solid #dbdcdd;
        position: relative
    }

    .primary-nav__submenu--grandchildren .primary-nav__child-link {
        padding-left: 48px
    }

    .primary-nav__child-link:focus, .primary-nav__child-link:hover {
        background: #e0e1e1 !important
    }

    .primary-nav__item--general.primary-nav__item--current .primary-nav__link {
        color: #ee4036
    }

    .primary-nav__item--general .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -22px
    }
}

.breadcrumb a, .footer-heading {
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.line.mid, .share-overlay__method-text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

@media (max-width:43.74em) {
    .st-loaded .upper-nav .st_sharethis_custom, a.upper-nav-hide-mob {
        display: none
    }

    .upper-nav__links {
        margin-right: 3px
    }
}

.primary-nav__item--policy .primary-nav__link:before {
    background: #f6921e
}

.primary-nav__item--policy .primary-nav__link:focus:after, .primary-nav__item--policy.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--policy:hover .primary-nav__link:after {
    background-position: 0 -44px
}

.primary-nav__item--policy .primary-nav__child-link--current, .primary-nav__item--policy .primary-nav__child-link:focus, .primary-nav__item--policy .primary-nav__child-link:hover {
    background: #fef0e0;
    background: rgba(246,146,30,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--policy.primary-nav__item--current .primary-nav__link {
        color: #f6921e
    }

    .primary-nav__item--policy .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -44px
    }
}

.primary-nav__item--publications .primary-nav__link:before {
    background: #bec632
}

.primary-nav__item--publications .primary-nav__link:focus:after, .primary-nav__item--publications.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--publications:hover .primary-nav__link:after {
    background-position: 0 -66px
}

.primary-nav__item--publications .primary-nav__child-link--current, .primary-nav__item--publications .primary-nav__child-link:focus, .primary-nav__item--publications .primary-nav__child-link:hover {
    background: #f6f7e2;
    background: rgba(190,198,50,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--publications.primary-nav__item--current .primary-nav__link {
        color: #bec632
    }

    .primary-nav__item--publications .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -66px
    }
}

.primary-nav__item--membership .primary-nav__link:before {
    background: #25a8e0
}

.primary-nav__item--membership .primary-nav__link:focus:after, .primary-nav__item--membership.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--membership:hover .primary-nav__link:after {
    background-position: 0 -88px
}

.primary-nav__item--membership .primary-nav__child-link--current, .primary-nav__item--membership .primary-nav__child-link:focus, .primary-nav__item--membership .primary-nav__child-link:hover {
    background: #e0f3fb;
    background: rgba(37,168,224,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--membership.primary-nav__item--current .primary-nav__link {
        color: #25a8e0
    }

    .primary-nav__item--membership .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -88px
    }
}

.primary-nav__item--education .primary-nav__link:before {
    background: #8e288c
}

.primary-nav__item--education .primary-nav__link:focus:after, .primary-nav__item--education.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--education:hover .primary-nav__link:after {
    background-position: 0 -110px
}

.primary-nav__item--education .primary-nav__child-link--current, .primary-nav__item--education .primary-nav__child-link:focus, .primary-nav__item--education .primary-nav__child-link:hover {
    background: #efe1ef;
    background: rgba(142,40,140,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--education.primary-nav__item--current .primary-nav__link {
        color: #8e288c
    }

    .primary-nav__item--education .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -110px
    }
}

.primary-nav__item--funding .primary-nav__link:before {
    background: #d91c5c
}

.primary-nav__item--funding .primary-nav__link:focus:after, .primary-nav__item--funding.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--funding:hover .primary-nav__link:after {
    background-position: 0 -132px
}

.primary-nav__item--funding .primary-nav__child-link--current, .primary-nav__item--funding .primary-nav__child-link:focus, .primary-nav__item--funding .primary-nav__child-link:hover {
    background: #fadfe8;
    background: rgba(217,28,92,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--funding.primary-nav__item--current .primary-nav__link {
        color: #d91c5c
    }

    .primary-nav__item--funding .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -132px
    }
}

.primary-nav__item--portal .primary-nav__link:before {
    background: #25a9df
}

.primary-nav__item--portal .primary-nav__link:focus:after, .primary-nav__item--portal.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--portal:hover .primary-nav__link:after {
    background-position: 0 -88px
}

.primary-nav__item--portal .primary-nav__child-link--current, .primary-nav__item--portal .primary-nav__child-link:focus, .primary-nav__item--portal .primary-nav__child-link:hover {
    background: #e0f3fb;
    background: rgba(37,169,223,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--portal.primary-nav__item--current .primary-nav__link {
        color: #25a9df
    }

    .primary-nav__item--portal .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -88px
    }
}

.primary-nav__item--journal-ecology .primary-nav__link:before {
    background: #0e96d4
}

.primary-nav__item--journal-ecology .primary-nav__link:focus:after, .primary-nav__item--journal-ecology.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--journal-ecology:hover .primary-nav__link:after {
    background-position: 0 -154px
}

.primary-nav__item--journal-ecology .primary-nav__child-link--current, .primary-nav__item--journal-ecology .primary-nav__child-link:focus, .primary-nav__item--journal-ecology .primary-nav__child-link:hover {
    background: #ddf0f9;
    background: rgba(14,150,212,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--journal-ecology.primary-nav__item--current .primary-nav__link {
        color: #0e96d4
    }

    .primary-nav__item--journal-ecology .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -154px
    }
}

.primary-nav__item--functional-ecology .primary-nav__link:before {
    background: #e38d26
}

.primary-nav__item--functional-ecology .primary-nav__link:focus:after, .primary-nav__item--functional-ecology.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--functional-ecology:hover .primary-nav__link:after {
    background-position: 0 -176px
}

.primary-nav__item--functional-ecology .primary-nav__child-link--current, .primary-nav__item--functional-ecology .primary-nav__child-link:focus, .primary-nav__item--functional-ecology .primary-nav__child-link:hover {
    background: #fbefe1;
    background: rgba(227,141,38,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--functional-ecology.primary-nav__item--current .primary-nav__link {
        color: #e38d26
    }

    .primary-nav__item--functional-ecology .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -176px
    }
}

.primary-nav__item--journal-animal .primary-nav__link:before {
    background: #7581bd
}

.primary-nav__item--journal-animal .primary-nav__link:focus:after, .primary-nav__item--journal-animal.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--journal-animal:hover .primary-nav__link:after {
    background-position: 0 -198px
}

.primary-nav__item--journal-animal .primary-nav__child-link--current, .primary-nav__item--journal-animal .primary-nav__child-link:focus, .primary-nav__item--journal-animal .primary-nav__child-link:hover {
    background: #ecedf6;
    background: rgba(117,129,189,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--journal-animal.primary-nav__item--current .primary-nav__link {
        color: #7581bd
    }

    .primary-nav__item--journal-animal .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -198px
    }
}

.primary-nav__item--journal-applied .primary-nav__link:before {
    background: #48a749
}

.primary-nav__item--journal-applied .primary-nav__link:focus:after, .primary-nav__item--journal-applied.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--journal-applied:hover .primary-nav__link:after {
    background-position: 0 -220px
}

.primary-nav__item--journal-applied .primary-nav__child-link--current, .primary-nav__item--journal-applied .primary-nav__child-link:focus, .primary-nav__item--journal-applied .primary-nav__child-link:hover {
    background: #e5f3e6;
    background: rgba(72,167,73,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--journal-applied.primary-nav__item--current .primary-nav__link {
        color: #48a749
    }

    .primary-nav__item--journal-applied .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -220px
    }
}

.primary-nav__item--methods-evolution .primary-nav__link:before {
    background: #de2127
}

.primary-nav__item--methods-evolution .primary-nav__link:focus:after, .primary-nav__item--methods-evolution.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--methods-evolution:hover .primary-nav__link:after {
    background-position: 0 -242px
}

.primary-nav__item--methods-evolution .primary-nav__child-link--current, .primary-nav__item--methods-evolution .primary-nav__child-link:focus, .primary-nav__item--methods-evolution .primary-nav__child-link:hover {
    background: #fae0e1;
    background: rgba(222,33,39,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--methods-evolution.primary-nav__item--current .primary-nav__link {
        color: #de2127
    }

    .primary-nav__item--methods-evolution .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -242px
    }
}

.primary-nav__item--ecology-evolution .primary-nav__link:before {
    background: #2796a9
}

.primary-nav__item--ecology-evolution .primary-nav__link:focus:after, .primary-nav__item--ecology-evolution.primary-nav__item--current .primary-nav__link:after, .primary-nav__item--ecology-evolution:hover .primary-nav__link:after {
    background-position: 0 -264px
}

.primary-nav__item--ecology-evolution .primary-nav__child-link--current, .primary-nav__item--ecology-evolution .primary-nav__child-link:focus, .primary-nav__item--ecology-evolution .primary-nav__child-link:hover {
    background: #e1f0f3;
    background: rgba(39,150,169,.14)
}

@media (max-width:61.365em) {
    .primary-nav__item--ecology-evolution.primary-nav__item--current .primary-nav__link {
        color: #2796a9
    }

    .primary-nav__item--ecology-evolution .menu-state:checked ~ .primary-nav__toggle .primary-nav__toggle-icon:after {
        background-position: -25px -264px
    }
}

@-webkit-keyframes slide-mobilenav-open {
    from {
        height: 0
    }

    to {
        height: calc(100vh - 32px)
    }
}

@keyframes slide-mobilenav-open {
    from {
        height: 0
    }

    to {
        height: calc(100vh - 32px)
    }
}

.ie8 .primary-nav__submenu {
    border: 1px solid #e3e3e3
}

.footer-upper {
    border: 1px solid #c7c7c7;
    border-width: 1px 0;
    padding: 24px 0
}

.footer-connect {
    float: right;
    max-width: 42%
}

.footer-link-list {
    width: 44%;
    float: left
}

    .footer-link-list .link-list {
        width: 50%;
        float: left
    }

.link-list {
    color: #333
}

    .link-list li {
        margin-bottom: 6px;
        position: relative;
        padding-left: 0
    }

        .link-list li:before {
            content: none
        }

        .link-list li ul {
            margin-left: 15px;
            margin-top: 6px
        }

    .link-list a:before {
        content: "\00a0";
        display: inline-block;
        height: 12px;
        width: 4px;
        background: #c7c7c7;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        transition: .4s ease
    }

    .link-list a {
        padding-left: 8px;
        text-decoration: none
    }

        .link-list a:hover {
            text-decoration: underline
        }

            .link-list a:hover:before {
                background: #ee4036
            }

.footer-heading {
    font-size: 30px;
    color: #ee4036
}

.footer-form {
    text-align: center;
    padding: 20px 25px 30px
}

    .footer-form .result-message {
        padding-top: 30px;
        color: #444;
        font-weight: 700
    }

.footer-form__desc {
    color: #444
}

    .footer-form__desc p {
        font-size: 14px;
        margin-bottom: 14px
    }

.footer-form__input {
    font-size: 12px;
    border: 1px solid #dcdddd;
    padding: 9px 11px;
    color: #3f3f3f;
    display: block;
    margin: 0 auto 14px;
    width: 276px;
    max-width: 100%
}

.footer-form__button {
    margin-bottom: 14px
}

.footer-address, .footer-terms-links {
    font-size: 12px;
    color: #232222;
    text-align: center
}

.footer-terms-links {
    margin-bottom: 20px
}

    .footer-terms-links li {
        display: inline-block
    }

    .footer-terms-links a {
        padding: 10px;
        text-decoration: none;
        display: inline-block
    }

    .footer-terms-links li:after {
        content: "\00a0";
        display: inline-block;
        height: 10px;
        width: 1px;
        background: #929292;
        vertical-align: middle
    }

    .footer-terms-links li:last-child:after {
        display: none
    }

    .footer-terms-links a:hover {
        text-decoration: underline
    }

.breadcrumb a, .btn, .card a, .donate-cta__link, .event-promo a, .gform_button, .gform_next_button, .gform_previous_button, .hub-extended-link, .pagination .page-numbers .current, .pagination .page-numbers a, .person a, .person-details__content a, .person-promo__job a, .person-promo__name a, .share-overlay__link, .side-nav__item a, .solid-btn {
    text-decoration: none
}

.mobile-conect-container {
    display: none
}

.footer-social {
    margin-top: 10px
}

.social-link {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 16px;
    margin-top: 6px;
    background-image: url(images/social-sprite.svg?v=2);
    background-size: 280px 40px;
    background-repeat: no-repeat
}

    .social-link:focus, .social-link:hover {
        opacity: .6
    }

.no-svg .social-link {
    background-image: url(images/xsocial-sprite.png,qv=2.pagespeed.ic.MhgGeWyzSz.png)
}

.social-link--twitter {
    background-position: -40px 0
}

.social-link--soundcloud {
    background-position: -80px 0
}

.social-link--googleplus {
    background-position: -120px 0
}

.social-link--youtube {
    background-position: -160px 0
}

.social-link--linkedin {
    background-position: -200px 0
}

.social-link--instagram {
    background-position: -240px 0
}

@media (max-width:31.24em) {
    .footer-connect {
        text-align: center
    }

    .footer-connect, .footer-link-list {
        width: 100%;
        float: none;
        max-width: 100%;
        clear: both
    }

    .footer-terms-links li {
        display: inline
    }

        .footer-terms-links li:nth-child(2n):after {
            content: "\A";
            display: inline;
            white-space: pre
        }

    .mobile-conect-container {
        display: block;
        border-top: 1px solid #c7c7c7;
        padding: 30px 0
    }
}

.burgerx {
    width: 16px;
    height: 12px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 2px
}

.line {
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    background-color: #ee4036;
    -webkit-transition: .6s cubic-bezier(.175,.885,.32,1.275) all !important;
    -moz-transition: .6s cubic-bezier(.175,.885,.32,1.275) all !important;
    -ms-transition: .6s cubic-bezier(.175,.885,.32,1.275) all !important;
    -o-transition: .6s cubic-bezier(.175,.885,.32,1.275) all !important;
    transition: .6s cubic-bezier(.175,.885,.32,1.275) all !important
}

.side-nav__icon, .side-nav__item a {
    display: inline-block
}

.line.top {
    top: 0
}

.line.mid {
    top: 50%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transform: translateY(-50%)
}

.line.bottom {
    bottom: 0;
    opacity: 1;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.is-open .burgerx.fade .line.top {
    top: 50%;
    -webkit-transform: rotateZ(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotateZ(-45deg) translateY(-50%)
}

.is-open .burgerx.fade .line.mid {
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg)
}

.is-open .burgerx.fade .line.bottom {
    opacity: 0
}

.side-nav {
    line-height: 1;
    width: 190px;
    max-width: 100%;
    padding-top: 10px;
    margin-bottom: 40px
}

.side-nav__item {
    font-size: 15px;
    line-height: 1.14;
    border-left: 3px solid transparent;
    margin-left: -11px;
    margin-bottom: 4px
}

    .side-nav__item a {
        color: #515151;
        padding: 2.5px 8px;
        width: 100%
    }

    .side-nav__item--current, .side-nav__item:focus, .side-nav__item:hover {
        background: #fff;
        border-color: red;
        font-weight: 700
    }

.side-nav__item--children-open > a .side-nav__icon:after, .side-nav__item--has-children .side-nav__icon:after {
    content: "\00a0";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    background-image: url(images/theme-icons.svg);
    vertical-align: sub
}

.no-svg .side-nav__item--children-open > a .side-nav__icon:after, .no-svg .side-nav__item--has-children .side-nav__icon:after {
    background-image: url(images/xtheme-icons.png.pagespeed.ic.sU21jvJR9D.png)
}

.side-nav__item--children-open > a .side-nav__icon:after {
    display: none
}

.breadcrumb li, .breadcrumb__divider, .person-promo {
    display: inline-block
}

.side-nav__item--children-open {
    padding-bottom: 2px
}

    .side-nav__item--children-open a {
        padding-bottom: 5px
    }

.side-nav__child {
    margin-left: 8px;
    margin-right: 4px;
    margin-bottom: 4px
}

    .side-nav__child--current, .side-nav__child:hover {
        background: #f1f2f2;
        font-weight: 700
    }

.breadcrumb {
    margin-bottom: 20px
}

    .breadcrumb a {
        font-size: 18px;
        color: #a4a4a4;
        line-height: 1.4
    }

        .breadcrumb a:hover, .breadcrumb__current a {
            color: #606060
        }

.breadcrumb__divider {
    background: url(images/xbreadcrumb-divide.png.pagespeed.ic.kSout2PwCT.png) no-repeat;
    background-size: 100% auto;
    width: 7px;
    height: 13px;
    margin-left: 5px
}

.person-promos {
    text-align: center
}

.person-promo {
    width: 470px;
    max-width: 100%;
    margin: 0 auto 32px;
    position: relative;
    text-align: left
}

.btn, .doc-blocks, .gf_progressbar_percentage span, .pagination, .tweet-actions, .tweet-list, .tweet-slider {
    text-align: center
}

.person-promo__details {
    width: 51%;
    float: left;
    padding: 13px;
    z-index: 2;
    position: relative
}

.person-promo__image {
    width: 49%;
    float: right;
    transition: .4s ease opacity
}

    .person-promo__image img {
        display: block
    }

    .person-promo__image:focus, .person-promo__image:hover {
        opacity: .8
    }

.person-promo__job, .person-promo__name {
    font-size: 18px;
    line-height: 1.2
}

    .person-promo__job a:focus, .person-promo__job a:hover, .person-promo__name a:focus, .person-promo__name a:hover {
        color: #333
    }

.person-promo__job {
    font-family: glypha-light
}

.person-promo__networks {
    position: relative;
    margin-top: 16px;
    padding-top: 17px;
    font-size: 13px;
    line-height: 1.45
}

    .person-promo__networks a {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word
    }

    .person-promo__networks:before {
        content: "\00a0";
        width: 60px;
        display: inline-block;
        background: #ee4036;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0
    }

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before, .flex-direction-nav li:before, .slides li:before {
    content: ""
}

.person-promo:before {
    position: absolute;
    background: #dadbdb;
    width: 50.6%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    display: block
}

@media (min-width:61.375em) {
    .person-promo:first-of-type:nth-last-child(2) {
        margin-right: 15px
    }
}

@media (max-width:43.74em) {
    .person-promo {
        width: 230px;
        max-width: 100%;
        background: #dadbdb
    }

    .person-promo__details, .person-promo__image {
        width: 100%;
        float: none
    }

    .person-promo:before {
        display: none
    }
}

@media (max-width:61.365em) {
    .hub-contact .person-promo {
        width: 202px;
        background: #dadbdb
    }

    .hub-contact .person-promo__details, .hub-contact .person-promo__image {
        width: 100%;
        float: none
    }

    .hub-contact .person-promo:before {
        display: none
    }
}

.carousel-container {
    clear: both
}

.carousel {
    margin: 20px 0 0;
    position: relative
}

.carousel-image__caption {
    min-height: 30px;
    width: 84%;
    width: calc(100% - 80px)
}

.flex-direction-nav li, .slides li {
    padding: 0;
    margin: 0
}

.flex-direction-nav {
    position: absolute;
    background: #f1f2f2;
    display: block;
    bottom: 0;
    right: 0;
    padding: 8px 0 0;
    width: 80px;
    height: 34px
}

    .flex-direction-nav a {
        background: url(images/slider-arrows.png.pagespeed.ce.EucR9eZAFv.png) no-repeat;
        display: block;
        width: 21px;
        height: 32px;
        font-size: 0;
        opacity: .6;
        background-size: 40px
    }

        .flex-direction-nav a:hover {
            opacity: 1
        }

    .flex-direction-nav .flex-prev {
        left: 10px;
        margin: 0
    }

    .flex-direction-nav .flex-next {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        right: 10px;
        margin: 0
    }

.gfield_list_cell input, .ginput_container, .ginput_container_address > span, .gsection_description {
    margin-bottom: 12px
}

@media (max-width:61.365em) {
    .flex-direction-nav {
        padding-top: 0;
        margin-top: -8px
    }

    .carousel-image__caption {
        padding-left: 0
    }
}

.gform_fields li {
    padding: 0
}

    .gform_fields li:before {
        content: none
    }

.gsection {
    margin-top: 20px;
    padding-top: 4px
}

.gsection_title {
    border-top: 3px solid #ee4036
}

.ginput_full, .ginput_left, .ginput_right {
    display: block
}

.gform_body label {
    font-size: 12px;
    font-weight: 700;
    display: block;
    color: #3f3f3f;
    padding-bottom: 4px
}

.gform_body input:not(.gform_button):not(.gform_next_button):not(.gform_previous_button), .gform_body select, .gform_body textarea {
    font-size: 12px;
    border: 1px solid #dcdddd;
    padding: 9px 11px
}

.gform_body textarea {
    width: 100%
}

.gform_body input.small, .gform_body select.small {
    width: 28%
}

.gform_body input.medium, .gform_body select.medium {
    width: 70%
}

.gform_body input.full, .gform_body select.full, .ginput_complex input {
    width: 100%
}

.gform_body .ginput_left select, .gform_body .ginput_right select {
    height: 35px;
    width: 100%
}

.gform_body .ginput_container_select select {
    height: 35px
}

.ie8 input:not(.gform_button,.gform_next_button), .ie8 select, .ie8 textarea {
    font-size: 12px;
    border: 1px solid #dcdddd;
    padding: 9px 11px
}

.gform_previous_button.gform_previous_button {
    background: #9c9c9c
}

.ginput_container_time {
    display: inline-block;
    vertical-align: top
}

.ginput_complex .ginput_left, .ginput_complex .ginput_right {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.ginput_complex .ginput_left {
    padding-right: 10px
}

.gfield_checkbox label, .gfield_radio label {
    display: inline-block;
    vertical-align: middle
}

.gform_confirmation_wrapper, .gform_footer, .gform_page_footer {
    margin-bottom: 50px
}

.gfield_description.validation_message, label.error {
    color: #e47f09;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px
}

.gfield_error .ginput_container {
    margin-bottom: 6px
}

    .gfield_error .ginput_container:before {
        display: block;
        background-color: transparent;
        height: 0;
        width: 0;
        content: " ";
        position: absolute;
        left: -24px;
        top: 20px;
        border-top: transparent;
        border-right: transparent;
        border-bottom: transparent;
        border-left: #f6921e;
        border-width: 18px;
        border-style: solid
    }

    .gfield_error .ginput_container input, .gfield_error .ginput_container select, .gfield_error .ginput_container textarea {
        background-color: #fef2e4;
        border: 1px solid #f2b876;
        color: #e47f09;
        font-weight: 700
    }

    .gfield_error .ginput_container :-moz-placeholder, .gfield_error .ginput_container :-ms-input-placeholder, .gfield_error .ginput_container ::-moz-placeholder, .gfield_error .ginput_container ::-ms-input-placeholder, .gfield_error .ginput_container ::-webkit-input-placeholder, .gfield_error .ginput_container ::placeholder {
        color: #ea9e46
    }

    .gfield_error .ginput_container input, .gfield_error .ginput_container textarea {
        background-image: url(images/exclamation-error.png.pagespeed.ce.vrxQsixJAp.png);
        background-repeat: no-repeat;
        background-position: right 7px center;
        padding-right: 18px
    }

.ie8 .gfield_error .ginput_container input, .ie8 .gfield_error .ginput_container textarea {
    background-image: none
}

.gfield_error .ginput_container.ginput_container_address:before {
    top: 43px
}

@media (min-width:43.75em) {
    .gf_progressbar_wrapper {
        display: -ms-flexbox;
        display: flex
    }

        .gf_progressbar_wrapper .gf_progressbar_title {
            white-space: nowrap
        }

        .gf_progressbar_wrapper .gf_progressbar {
            table-layout: auto;
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin-bottom: 13px
        }
}

@media (max-width:43.74em) {
    .gf_progressbar_wrapper .gf_progressbar_title {
        margin-bottom: 12px
    }
}

.gf_progressbar {
    background: #9c9c9c;
    display: inline-block;
    width: 100%
}

.gf_progressbar_title {
    font-size: 26px;
    font-weight: 700;
    margin-right: 15px;
    display: inline-block
}

.gf_progressbar_percentage {
    height: 4px;
    display: block;
    position: relative
}

    .gf_progressbar_percentage span {
        position: absolute;
        top: -22px;
        right: -12px;
        font-weight: 700;
        font-size: 10px;
        padding-bottom: 6px;
        min-width: 24px
    }

        .gf_progressbar_percentage span:after {
            content: "\00a0";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            display: inline-block;
            border-color: #d91c5c transparent transparent;
            border-style: solid;
            border-width: 6px 5px 0
        }

.btn {
    min-width: 130px;
    border: 1px solid #828181;
    margin: 0 auto;
    font-family: Glypha-light,Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 8px 16px;
    text-transform: uppercase
}

    .btn:focus, .btn:hover {
        background: #dfdfdf
    }

.faux-block-link:hover + .faux-block-content .btn--inherit-hover {
    background: inherit
}

.gform_button, .gform_next_button, .gform_previous_button, .solid-btn {
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
    font: inherit;
    width: auto;
    font-size: 22px;
    background: #ee4036;
    color: #fff;
    padding: 4px 36px;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

.pagination .page-numbers .current, .tweet-list__link strong, .tweet-slider__link strong {
    font-weight: 700
}

.gform_button, .gform_next_button, .gform_previous_button, .solid-btn--wide {
    min-width: 214px
}

.solid-btn--small {
    font-size: 18px;
    padding: 4px 14px
}

.solid-btn--signup {
    padding-left: 40px;
    background-image: url(images/xletter-icon.png.pagespeed.ic.ZcUup-7eFr.png);
    background-repeat: no-repeat;
    background-position: left 12px center
}

.pagination .page-numbers li {
    display: inline-block;
    font-size: 16px
}

.pagination .page-numbers .current, .pagination .page-numbers a {
    padding: 2px 5.5px 48px;
    display: inline-block;
    margin-right: 2px;
    border-top: 2px solid transparent;
    letter-spacing: -.015em;
    transition: .2s ease
}

    .pagination .page-numbers .current, .pagination .page-numbers a:hover {
        background: #fff;
        border-color: #ee4036
    }

.tweet-list__link:after, .tweet-list__link:before, .tweet-list__title:after, .tweet-list__title:before {
    background: url(images/twitter-logo.svg) 100% no-repeat;
    bottom: 10px;
    content: "\00a0"
}

.pagination .page-numbers .dots {
    margin: 0 6px 0 -4px
}

.pagination ul.page-numbers {
    display: inline-block
}

.pagination__label {
    font-size: 12px;
    margin-right: 6px
}

.pagination--padding-bottom {
    margin-bottom: 20px
}

.tweet {
    padding-top: 8px;
    padding-bottom: 15px;
    font-size: 20px;
    font-family: Glypha-light,Helvetica,Arial,sans-serif;
    color: #2d2d2d
}

    .tweet a {
        font-family: Glypha,Helvetica,Arial,sans-serif
    }

.tweet-list, .tweet-list__tweet {
    border-bottom: 1px solid #c7c7c7
}

    .tweet-list__tweet:last-of-type {
        border: none
    }

.tweet-list__link {
    position: relative;
    color: #5d5d5e;
    font-size: 14px;
    padding-bottom: 10px;
    clear: both
}

    .tweet-list__link a {
        color: #2693bf
    }

    .tweet-list__link:after, .tweet-list__link:before {
        position: absolute;
        width: 30px;
        height: 24px
    }

    .tweet-list__link:before {
        left: 8px
    }

    .tweet-list__link:after {
        right: 8px;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: "FlipH"
    }

.tweet-actions {
    margin-top: 4px
}

.tweet-action {
    display: inline-block;
    margin: 0 25px;
    width: 28px;
    height: 24px;
    position: relative
}

    .tweet-action svg {
        fill: #aab8c2
    }

    .tweet-action:active {
        opacity: .5
    }

.tweet-action--reply {
    width: 17px
}

    .tweet-action--reply:hover svg {
        fill: #0a15f5
    }

.tweet-action--retweet {
    width: 20px
}

    .tweet-action--retweet:hover svg {
        fill: #19cf86
    }

.tweet-action--like {
    width: 14px
}

    .tweet-action--like:hover svg {
        fill: #e81c4f
    }

.tweet-slider {
    overflow: hidden;
    position: relative
}

.tweet-slider__tweet {
    padding-right: 68px;
    padding-left: 68px
}

.tweet-list__title:after, .tweet-list__title:before {
    width: 42px;
    height: 34px;
    display: inline-block;
    vertical-align: bottom
}

.tweet-list__title:after {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"
}

.tweet-slider__link {
    position: relative;
    color: #5d5d5e;
    font-size: 14px;
    padding-bottom: 30px;
    clear: both
}

    .tweet-slider__link a {
        color: #2693bf
    }

.tweet-slider__control {
    border: none;
    background: url(images/slider-arrows.png.pagespeed.ce.EucR9eZAFv.png) no-repeat;
    -webkit-appearance: none;
    cursor: pointer;
    font: inherit;
    position: absolute;
    top: 50%;
    height: 45px;
    width: 30px;
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
    background-size: auto 45px;
    z-index: 10
}

.tweet-slider__control--prev {
    left: 0;
    background-position: 0 0
}

.tweet-slider__control--next {
    right: 0;
    background-position: -28px 0
}

@media (max-width:43.74em) {
    .tweet-slider__control {
        display: none
    }

    .tweet-slider__tweet {
        padding-right: 8px;
        padding-left: 8px
    }
}

.banner {
    background-size: cover;
    overflow: hidden;
    position: relative
}

.banner-overlay {
    width: 345px;
    position: relative;
    z-index: 3
}

.card .btn, .event-promo .btn {
    z-index: 0
}

.banner-overlay__desc {
    background: #fff;
    padding: 20px 45px 22px 39px;
    font-family: Glypha-light,Helvetica,Arial,sans-serif;
    font-size: 25px;
    line-height: 1.1;
    position: relative
}

    .banner-overlay__desc:before {
        content: "\00a0";
        width: 60px;
        display: inline-block;
        background: #ee4036;
        height: 10px;
        position: absolute;
        top: 0
    }

.banner-overlay__title {
    font-weight: 700;
    font-family: Glypha,Helvetica,Arial,sans-serif
}

.card__meta, .event-promo__header {
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.banner-overlay__upper {
    border: 42px solid #fff;
    border-width: 42px 39px 86px 40px;
    display: -ms-flexbox;
    display: flex
}

.banner-overlay__logo img, .banner-overlay__logolink, .banner-overlay__logotext img {
    display: block
}

.banner-overlay__logotext {
    background: #fff;
    float: left;
    padding-left: 14px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.banner-overlay__logo {
    float: left;
    display: block;
    position: relative;
    text-decoration: none
}

.banner-overlay__logo--transparent img {
    visibility: hidden
}

.banner-overlay__logo:after, .banner-overlay__logo:before {
    content: "\00a0";
    position: absolute;
    right: 0;
    width: 56%;
    height: 3.25%;
    background: #fff
}

.banner-overlay__logo:before {
    top: 30%
}

.banner-overlay__logo:after {
    top: 65%
}

.banner-mobile-image {
    display: none
}

@media (max-width:31.24em) {
    .banner-mobile-image {
        width: 100%;
        height: auto;
        display: block
    }

    .banner {
        height: auto;
        background-color: #fff !important;
        background-size: 0
    }

    .banner-overlay {
        width: auto
    }

    .banner-overlay__desc {
        padding-left: 0;
        padding-right: 0
    }

    .banner-overlay__upper {
        border-width: 14px 0 28px
    }

    .banner-overlay__logo img {
        visibility: visible
    }

    .backstretch {
        display: none
    }
}

.doc-block {
    padding: 16px 10px 70px 16px;
    background: #f6921e;
    width: 31.8%;
    margin-right: 2.2%;
    margin-bottom: 20px;
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.doc-block__header {
    min-height: 74px;
    position: relative;
    margin-bottom: 12px;
    line-height: 1.2
}

    .doc-block__header:after {
        content: "\00a0";
        display: block;
        position: absolute;
        bottom: 0;
        background: #fff;
        width: 62px;
        height: 1px
    }

.doc-block__title {
    font-size: 20px;
    display: block
}

.doc-block__size {
    font-size: 14px;
    padding-bottom: 8px;
    display: inline-block
}

.doc-block__desc {
    font-size: 13px;
    padding-bottom: 10px
}

.doc-block__btn {
    display: block;
    width: 130px;
    border-color: #fff;
    color: #fff;
    position: absolute !important;
    bottom: 20px;
    left: 0;
    right: 0
}

    .doc-block__btn:after {
        content: "\00a0";
        display: inline-block;
        width: 16px;
        height: 18px;
        margin-left: 2px;
        vertical-align: bottom;
        background-image: url(images/download-white.png.pagespeed.ce.AWwRhk-BJc.png);
        background-repeat: no-repeat;
        background-size: 16px auto;
        background-position: center
    }

.card__header:after, .event-promo__header:after {
    bottom: 0;
    height: 1px;
    content: "\00a0"
}

.doc-block:last-child {
    margin-right: 0
}

.doc-block:hover {
    background: #fbc98f
}

.doc-block:nth-child(2) {
    background: #da1d5f
}

    .doc-block:nth-child(2):hover {
        background: #ed8eaf
    }

.doc-block:nth-child(3) {
    background: #bec632
}

    .doc-block:nth-child(3):hover {
        background: #dfe399
    }

.doc-block:nth-child(4) {
    background: #00a69c
}

    .doc-block:nth-child(4):hover {
        background: #80d3ce
    }

@media (min-width:43.75em) {
    .doc-block:first-child:nth-last-child(4), .doc-block:first-child:nth-last-child(4) ~ .doc-block {
        width: 23.2%
    }
}

@media (max-width:43.74em) {
    .doc-block {
        width: 48.9%;
        margin: 0 2.2% 20px 0
    }

        .doc-block:nth-child(2n) {
            margin-right: 0
        }
}

@media (max-width:31.24em) {
    .doc-block {
        width: 100%;
        margin: 0 0 20px
    }
}

.event-promo:hover .event-promo__button {
    background: #dfdfdf
}

.event-promo__content {
    padding: 14px 18px 22px
}

.event-promo__meta {
    color: #fff
}

.event-promo__header {
    font-size: 14px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px
}

    .event-promo__header:after {
        position: absolute;
        width: 60px;
        background: #fff;
        display: block
    }

.event-promo__name, .event-promo__teaser {
    max-width: 400px
}

.event-promo__name {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 12px
}

.event-promo__location {
    color: #fff;
    opacity: .8
}

.event-promo__teaser {
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 18px
}

.event-promo__button {
    display: block;
    text-align: center;
    width: 130px;
    border: 1px solid #fff;
    color: #fff;
    margin: 0 auto
}

.event-promo__img {
    display: block
}

.event-promo--left {
    margin-right: 1.14%
}

.event-promo--right {
    margin-left: 1.14%
}

.event-promo--left, .event-promo--right {
    margin-bottom: 18px;
    width: 48.85%;
    float: left
}

.event-promo--small .event-promo__name {
    font-size: 20px
}

.event-promo + .col-heading {
    padding-top: 20px
}

@media (max-width:43.74em) {
    .event-promo--left, .event-promo--right {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }
}

.event-promo--brand-1 .faux-block-content {
    background: #be202e;
    color: #fff
}

.event-promo--brand-1 .faux-block-link:hover + .faux-block-content {
    background: #df9097
}

.event-promo--brand-2 .faux-block-content {
    background: #ee4036;
    color: #000
}

.event-promo--brand-2 .faux-block-link:hover + .faux-block-content {
    background: #f7a09b
}

.event-promo--brand-3 .faux-block-content {
    background: #f05a28;
    color: #000
}

.event-promo--brand-3 .faux-block-link:hover + .faux-block-content {
    background: #f8ad94
}

.event-promo--brand-4 .faux-block-content {
    background: #f6921e;
    color: #000
}

.event-promo--brand-4 .faux-block-link:hover + .faux-block-content {
    background: #fbc98f
}

.event-promo--brand-5 .faux-block-content {
    background: #fcba11;
    color: #000
}

.event-promo--brand-5 .faux-block-link:hover + .faux-block-content {
    background: #fedd88
}

.event-promo--brand-6 .faux-block-content {
    background: #bec632;
    color: #000
}

.event-promo--brand-6 .faux-block-link:hover + .faux-block-content {
    background: #dfe399
}

.event-promo--brand-7 .faux-block-content {
    background: #8cc542;
    color: #000
}

.event-promo--brand-7 .faux-block-link:hover + .faux-block-content {
    background: #c6e2a1
}

.event-promo--brand-8 .faux-block-content {
    background: #39b249;
    color: #000
}

.event-promo--brand-8 .faux-block-link:hover + .faux-block-content {
    background: #9cd9a4
}

.event-promo--brand-9 .faux-block-content {
    background: #009245;
    color: #000
}

.event-promo--brand-9 .faux-block-link:hover + .faux-block-content {
    background: #80c9a2
}

.event-promo--brand-10 .faux-block-content {
    background: #016938;
    color: #fff
}

.event-promo--brand-10 .faux-block-link:hover + .faux-block-content {
    background: #80b49c
}

.event-promo--brand-11 .faux-block-content {
    background: #28b573;
    color: #000
}

.event-promo--brand-11 .faux-block-link:hover + .faux-block-content {
    background: #94dab9
}

.event-promo--brand-12 .faux-block-content {
    background: #00a69c;
    color: #000
}

.event-promo--brand-12 .faux-block-link:hover + .faux-block-content {
    background: #80d3ce
}

.event-promo--brand-13 .faux-block-content {
    background: #25a9df;
    color: #000
}

.event-promo--brand-13 .faux-block-link:hover + .faux-block-content {
    background: #92d4ef
}

.event-promo--brand-14 .faux-block-content {
    background: #1d75bc;
    color: #fff
}

.event-promo--brand-14 .faux-block-link:hover + .faux-block-content {
    background: #8ebade
}

.event-promo--brand-15 .faux-block-content {
    background: #293b8f;
    color: #fff
}

.event-promo--brand-15 .faux-block-link:hover + .faux-block-content {
    background: #949dc7
}

.event-promo--brand-16 .faux-block-content {
    background: #652f8d;
    color: #fff
}

.event-promo--brand-16 .faux-block-link:hover + .faux-block-content {
    background: #b297c6
}

.event-promo--brand-17 .faux-block-content {
    background: #8e288c;
    color: #fff
}

.event-promo--brand-17 .faux-block-link:hover + .faux-block-content {
    background: #c794c6
}

.event-promo--brand-18 .faux-block-content {
    background: #da1d5f;
    color: #fff
}

.event-promo--brand-18 .faux-block-link:hover + .faux-block-content {
    background: #ed8eaf
}

.related-events {
    text-align: center
}

.related-event {
    text-align: left;
    display: inline-block;
    margin-right: 2%;
    max-width: none;
    width: 40%;
    margin-bottom: 24px;
    vertical-align: bottom
}

.card a, .card__img {
    display: block
}

.related-event .btn {
    max-width: 130px
}

.related-event:last-child {
    margin-right: 0
}

@media (min-width:43.75em) {
    .related-event:first-child:nth-last-child(3), .related-event:first-child:nth-last-child(3) ~ .related-event {
        width: 31.8%
    }
}

@media (max-width:43.74em) {
    .related-event {
        width: 100%;
        max-width: 300px
    }
}

.ie8.cards--third .card {
    width: 30.6%;
    margin-bottom: 20px;
    float: left;
    margin-left: 1.3%
}

.card {
    background: #fff;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

    .card .faux-block-link:hover + .faux-block-content .card__img {
        opacity: .5
    }

    .card .faux-block-link:hover + .faux-block-content .card__content {
        background: #dfdfdf
    }

.card__content {
    padding: 14px 18px 22px
}

.card__header {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px
}

    .card__header .card__name {
        margin-bottom: 0
    }

    .card__header:after {
        position: absolute;
        width: 60px;
        background: #fff;
        display: block
    }

.card__meta {
    font-size: 14px;
    color: #828181
}

.card__name {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 12px
}

.card__name--big {
    font-size: 24px
}

.card__teaser {
    font-size: 13px;
    line-height: 1.45
}

.card__button {
    margin-top: 34px
}

.card--left {
    margin-right: 1.14%
}

.card--right {
    margin-left: 1.14%
}

.card--left, .card--right {
    margin-bottom: 18px;
    width: 48.85%;
    float: left
}

.card--border-bottom {
    border-bottom: 8px solid
}

    .card--border-bottom .faux-block-link {
        bottom: -8px
    }

.card--border-top {
    border-top: 2px solid
}

    .card--border-top .faux-block-link {
        top: -2px
    }

    .card--border-bottom .card__content, .card--border-top .card__content {
        border: 1px solid #e4e5e5
    }

.card--general {
    border-color: #ee4036
}

    .card--general .card__category {
        color: #ee4036
    }

    .card--general .card__header:after {
        background-color: #ee4036
    }

.card--policy {
    border-color: #f6921e
}

    .card--policy .card__category {
        color: #f6921e
    }

    .card--policy .card__header:after {
        background-color: #f6921e
    }

.card--publications {
    border-color: #bec632
}

    .card--publications .card__category {
        color: #bec632
    }

    .card--publications .card__header:after {
        background-color: #bec632
    }

.card--membership {
    border-color: #25a8e0
}

    .card--membership .card__category {
        color: #25a8e0
    }

    .card--membership .card__header:after {
        background-color: #25a8e0
    }

.card--education {
    border-color: #8e288c
}

    .card--education .card__category {
        color: #8e288c
    }

    .card--education .card__header:after {
        background-color: #8e288c
    }

.card--funding {
    border-color: #d91c5c
}

    .card--funding .card__category {
        color: #d91c5c
    }

    .card--funding .card__header:after {
        background-color: #d91c5c
    }

.card--portal {
    border-color: #25a9df
}

    .card--portal .card__category {
        color: #25a9df
    }

    .card--portal .card__header:after {
        background-color: #25a9df
    }

.card--journal-ecology {
    border-color: #0e96d4
}

    .card--journal-ecology .card__category {
        color: #0e96d4
    }

    .card--journal-ecology .card__header:after {
        background-color: #0e96d4
    }

.card--functional-ecology {
    border-color: #e38d26
}

    .card--functional-ecology .card__category {
        color: #e38d26
    }

    .card--functional-ecology .card__header:after {
        background-color: #e38d26
    }

.card--journal-animal {
    border-color: #7581bd
}

    .card--journal-animal .card__category {
        color: #7581bd
    }

    .card--journal-animal .card__header:after {
        background-color: #7581bd
    }

.card--journal-applied {
    border-color: #48a749
}

    .card--journal-applied .card__category {
        color: #48a749
    }

    .card--journal-applied .card__header:after {
        background-color: #48a749
    }

.card--methods-evolution {
    border-color: #de2127
}

    .card--methods-evolution .card__category {
        color: #de2127
    }

    .card--methods-evolution .card__header:after {
        background-color: #de2127
    }

.card--ecology-evolution {
    border-color: #2796a9
}

    .card--ecology-evolution .card__category {
        color: #2796a9
    }

    .card--ecology-evolution .card__header:after {
        background-color: #2796a9
    }

@media (min-width:43.75em) {
    .cards--third .card {
        width: 31.7%;
        max-width: 305px;
        margin-bottom: 20px;
        float: left
    }

        .cards--third .card:nth-of-type(3n-2) {
            margin-right: 1.63%
        }

        .cards--third .card:nth-of-type(3n-1) {
            margin-right: .8%;
            margin-left: .8%
        }

        .cards--third .card:nth-of-type(3n) {
            margin-left: 1.63%
        }
}

@media (max-width:43.74em) {
    .cards--third .card {
        width: 100%;
        max-width: 305px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 17px
    }
}

.related-cards {
    text-align: center
}

.related-card {
    text-align: left;
    display: inline-block;
    margin-right: 2%;
    max-width: none;
    width: 40%;
    margin-bottom: 24px;
    vertical-align: bottom
}

    .related-card .btn {
        max-width: 130px
    }

    .related-card:last-child {
        margin-right: 0
    }

@media (min-width:43.75em) {
    .related-card:first-child:nth-last-child(3), .related-card:first-child:nth-last-child(3) ~ .related-card {
        width: 31.8%
    }
}

@media (max-width:43.74em) {
    .related-card {
        width: 100%;
        max-width: 300px
    }
}

.ie8 .cards--third .card {
    width: 30%;
    margin-left: 3%;
    margin-bottom: 20px;
    float: left
}

.donate-cta {
    background-color: #ee4036;
    color: #fff;
    padding: 8px 19px;
    position: relative;
    clear: both
}

    .donate-cta .donate-cta__heading, .donate-cta .donate-cta__share-text {
        color: #fbc9c9;
        font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
        text-transform: uppercase
    }

    .donate-cta .donate-cta__heading {
        font-size: 30px;
        margin-bottom: 3px
    }

.donate-cta__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

.donate-cta .donate-cta__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    font-size: 18px
}

.donate-cta__content > p {
    margin-bottom: 0
}

.donate-cta .donate-cta__share-text {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 22px
}

.donate-cta__share-text::after {
    content: "\00a0";
    vertical-align: sub;
    background-image: url(images/share.svg);
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 6px
}

.donate-cta__link {
    display: inline-block;
    padding: 7px 10px;
    line-height: .8;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    background-color: #fff;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-left: 12px
}

.donate-cta__container, .donate-cta__heading, .donate-cta__share-text {
    letter-spacing: -.015em
}

@media (max-width:43.74em) {
    .donate-cta__container {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

    .donate-cta .donate-cta__content {
        margin-bottom: 14px
    }

    .donate-cta__link {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-left: 0;
        margin-bottom: 18px
    }
}

.share-overlay {
    display: none;
    position: absolute;
    min-width: 150px;
    top: calc(100% + 6px);
    left: 0;
    background-color: #000;
    padding: 15px;
    z-index: 10
}

    .share-overlay.is-open {
        display: block
    }

    .share-overlay::before {
        content: '';
        display: block;
        position: absolute;
        top: -15px;
        left: 15px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #000
    }

.share-overlay__close-icon-container {
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 14px;
    cursor: pointer
}

.share-overlay__close-icon {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 3px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .share-overlay__close-icon::after {
        content: '';
        display: block;
        height: 100%;
        width: 3px;
        background-color: #fff;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

.document-block__download:after, .document-block__intro:before, .hub-extended-link__teaser:before, .hub-link__title:before, cite:after {
    content: "\00a0"
}

.share-overlay__heading {
    float: left;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    font-size: 24px;
    text-transform: uppercase
}

.area-hub-masthead__content, .full-width-casestudy__role, .hub-extended-link {
    font-family: Glypha-light,Helvetica,Arial,sans-serif
}

.share-overlay__method-container {
    position: relative
}

.share-overlay__method-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 16px;
    margin-top: 6px
}

.share-overlay__method-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.share-overlay__method-icon svg {
    width: 40px;
    height: 40px
}

.share-overlay__method-icon path {
    fill: #ee4036
}

.share-overlay__method-container:focus path, .share-overlay__method-container:hover path {
    fill: #fff
}

.no-svg .share-overlay__method {
    background-image: url(images/xsocial-sprite.png,qv=2.pagespeed.ic.MhgGeWyzSz.png)
}

.pop-up {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.9);
    z-index: 10
}

.pop-up--stripe .pop-up__content {
    max-width: 580px
}

.pop-up__content {
    background: #f1f2f2;
    border: 1px solid #dedfdf;
    max-width: 960px;
    margin: 88px auto;
    padding: 18px 22px 22px;
    position: relative;
    z-index: 20;
    max-height: 80vh;
    overflow: auto
}

.area-hub-container.has-size-set, .hub-banner, .hub-top-section.has-size-set {
    overflow: hidden
}

.pop-up__text p {
    margin-bottom: 8px
}

.pop-up__actions {
    margin-top: 18px
}

.pop-up__button {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.pop-up__loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    text-align: center
}

.pop-up__loading-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:50em) {
    .pop-up--stripe .pop-up__content {
        max-width: 90%
    }

    .pop-up__button {
        display: block;
        margin-left: 0;
        margin-bottom: 10px
    }
}

.home-banner {
    height: 442px;
    margin-bottom: 14px
}

@media (max-width:31.24em) {
    .home-banner {
        height: auto
    }
}

.full-width-casestudy {
    margin-bottom: 16px;
    position: relative
}

    .full-width-casestudy .faux-block-content:before {
        content: "\00a0";
        position: absolute;
        background: #fff;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        display: block;
        border: 1px solid #e4e5e5;
        border-right: none;
        transition: .2s ease
    }

    .full-width-casestudy .faux-block-link {
        z-index: 10
    }

        .full-width-casestudy .faux-block-link:focus + .faux-block-content:before, .full-width-casestudy .faux-block-link:hover + .faux-block-content:before {
            background: #dfdfdf
        }

.full-width-casestudy__image {
    float: right;
    width: 50%
}

.faux-block-link + .faux-block-content .full-width-casestudy__image {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg\ xmlns=\'http://www.w3.org/2000/svg\'><filter\ id=\'grayscale\'><feColorMatrix\ type=\'matrix\'\ values=\'0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0\ 0\ 0\ 1\ 0\'/></filter></svg>#grayscale);
    filter: grayscale(100%);
    filter: gray;
    transition: .2s all ease-in
}

.faux-block-link:focus + .faux-block-content .full-width-casestudy__image, .faux-block-link:hover + .faux-block-content .full-width-casestudy__image {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
    filter: grayscale(0)
}

.full-width-casestudy__image.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.faux-block-link:focus + .faux-block-content .full-width-casestudy__image.grayscale-replaced > svg, .faux-block-link:hover + .faux-block-content .full-width-casestudy__image.grayscale-replaced > svg {
    opacity: 0
}

.full-width-casestudy__image.grayscale-replaced > svg {
    transition: .2s all ease-in;
    opacity: 1
}

.full-width-casestudy__details {
    width: 50%;
    padding: 17px 20px;
    z-index: 2;
    font-size: 22px;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0
}

cite {
    display: block;
    color: #343536;
    font-size: 24px;
    padding-bottom: 16px;
    margin-bottom: 18px;
    position: relative
}

    cite:after {
        position: absolute;
        width: 60px;
        height: 1px;
        background: #ee4036;
        display: block;
        left: 0;
        bottom: 0
    }

@media (max-width:61.365em) {
    .full-width-casestudy {
        background: #fff
    }

        .full-width-casestudy:before {
            display: none
        }

    .full-width-casestudy__details {
        position: relative;
        border: 1px solid #e4e5e5;
        border-color: #e4e5e5 !important;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 50px
    }

        .full-width-casestudy__details:after {
            bottom: 10px
        }

    .full-width-casestudy__image {
        float: none;
        display: block;
        width: auto;
        margin: 0 auto
    }

    .full-width-casestudy .faux-block-content:before {
        width: 100%
    }
}

@media (min-width:31.25em) and (max-width:61.365em) {
    .full-width-casestudy {
        border: 1px solid #e4e5e5
    }

    .full-width-casestudy__details {
        border: none
    }
}

.document-section-title {
    font-size: 24px;
    font-weight: 700;
    border-top: 3px solid #ee4036;
    margin-bottom: 7px
}

.document-section-title--border {
    border-bottom: 1px solid #bcbdbd;
    margin-bottom: 0;
    padding-bottom: 6px
}

.document-section-subtitle {
    color: #5b5b5b;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #bcbdbd;
    line-height: .85;
    margin-bottom: 4px;
    padding-bottom: 8px
}

.document-block {
    padding: 10px 0;
    border-bottom: 1px solid #bcbdbd
}

    .document-block:last-of-type {
        margin-bottom: 8px
    }

        .document-block:last-of-type:not(.document-block--last) {
            border-bottom: none
        }

.document-block--last {
    margin-bottom: 10px
}

.document-block__intro {
    color: #5b5b5b;
    margin-bottom: 5px;
    position: relative
}

    .document-block__intro p {
        margin-bottom: 0
    }

    .document-block__intro:before {
        position: absolute;
        left: -8px;
        top: 5px;
        bottom: 5px;
        width: 4px;
        background: #ee4036
    }

.document-block__title {
    color: #000;
    font-weight: 700
}

.document-block__size {
    color: #5b5b5b;
    margin-bottom: 14px
}

.document-block__desc p {
    margin-bottom: 15px
}

.document-block__download {
    margin-bottom: 15px;
    display: inline-block;
    color: #303030;
    border-color: #303030
}

    .document-block__download:after {
        display: inline-block;
        width: 18px;
        height: 20px;
        margin-left: 2px;
        vertical-align: bottom;
        background-image: url(images/download-black.png.pagespeed.ce.ais6JzDGsW.png);
        background-repeat: no-repeat;
        background-size: 16px 19px;
        background-position: center
    }

.hub-banner, .hub-banner .banner-overlay__desc {
    height: 400px
}

@media (max-width:61.365em) {
    .bleed-area .bleed-element.document-section-title {
        margin-left: 0;
        margin-right: 0
    }
}

.page-style--general .document-section-title {
    border-top-color: #ee4036
}

.page-style--general .document-block__intro:before {
    background: #ee4036
}

.page-style--policy .document-section-title {
    border-top-color: #f6921e
}

.page-style--policy .document-block__intro:before {
    background: #f6921e
}

.page-style--publications .document-section-title {
    border-top-color: #bec632
}

.page-style--publications .document-block__intro:before {
    background: #bec632
}

.page-style--membership .document-section-title {
    border-top-color: #25a8e0
}

.page-style--membership .document-block__intro:before {
    background: #25a8e0
}

.page-style--education .document-section-title {
    border-top-color: #8e288c
}

.page-style--education .document-block__intro:before {
    background: #8e288c
}

.page-style--funding .document-section-title {
    border-top-color: #d91c5c
}

.page-style--funding .document-block__intro:before {
    background: #d91c5c
}

.page-style--portal .document-section-title {
    border-top-color: #25a9df
}

.page-style--portal .document-block__intro:before {
    background: #25a9df
}

.journal-info {
    background: #fff;
    padding: 18px 32px 22px 18px;
    border: 1px solid #e7e7e7;
    margin-bottom: 12px;
    margin-top: 34px
}

.journal-detail-list {
    width: 58%;
    float: left;
    margin-right: 4%
}

    .journal-detail-list dt {
        display: block;
        font-size: 12px;
        color: #37b34a;
        font-weight: 700;
        border-top: 1px solid #e7e7e7;
        line-height: 1;
        padding-top: 8px;
        margin-top: 6px
    }

        .journal-detail-list dt:first-of-type {
            border-top: 0;
            margin-top: 0;
            padding-top: 0
        }

    .journal-detail-list dd {
        font-size: 15px;
        display: inline-block
    }

.journal-detail-list__note {
    font-weight: 400
}

.journal-clickthrough {
    width: 38%;
    float: left;
    text-align: center
}

    .journal-clickthrough.journal-clickthrough img {
        margin-bottom: 25px
    }

.journal-read-all {
    width: 176px;
    margin-left: 150px;
    display: block
}

@media (max-width:37.49em) {
    .journal-detail-list {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .journal-clickthrough.journal-clickthrough img {
        display: block
    }

    .journal-clickthrough {
        width: auto;
        text-align: left;
        float: none
    }
}

.floating-form__links, .hub-contact {
    text-align: center
}

.hub-banner .banner-overlay {
    width: 442px;
    width: 49.8%
}

.hub-banner .banner-overlay__upper {
    border-bottom-width: 56px;
    border-right-width: 0
}

.hub-banner .banner-overlay__logotext {
    padding-right: calc(100% - 267px)
}

@media (min-width:31.25em) {
    .banner-overlay {
        min-width: 380px
    }
}

@media (max-width:31.24em) {
    .hub-banner, .hub-banner .banner-overlay__desc {
        height: auto
    }

    .hub-banner {
        background-color: #fff;
        background-size: 0
    }

        .hub-banner .banner-overlay {
            width: auto
        }

        .hub-banner .banner-overlay__desc {
            padding-left: 0;
            padding-right: 0
        }

        .hub-banner .banner-overlay__upper {
            border-width: 14px 0 28px
        }

        .hub-banner .banner-overlay__logo img {
            visibility: visible
        }
}

.hub-top-section {
    margin-bottom: 14px;
    position: relative
}

.hub-links {
    width: 49.8%;
    margin-right: 1.6%;
    border: 1px solid #e4e5e5;
    border-top: none;
    background: #fff;
    box-sizing: content-box;
    margin-left: -1px
}

.hub-link .faux-block-content {
    padding: 16px 20px 16px 34px;
    border-bottom: 1px solid #e4e5e5;
    box-sizing: border-box
}

.hub-link__content, .hub-link__image {
    width: 50%;
    float: left;
    padding-right: 15px
}

.hub-link__teaser {
    font-size: 13px;
    line-height: 1.5;
    padding-bottom: 40px
}

.hub-link__btn.hub-link__btn {
    position: absolute;
    bottom: 16px;
    width: 130px;
    z-index: 0
}

.hub-link:last-child .faux-block-content {
    border-bottom: none
}

.hub-link__title {
    font-size: 24px;
    position: relative;
    padding: 8px 0
}

    .hub-link__title:before {
        width: 60px;
        display: inline-block;
        background: #ee4036;
        height: 8px;
        position: absolute;
        top: 0;
        left: 0
    }

.hub-link .faux-block-link:hover + .faux-block-content {
    background: #dfdfdf
}

.hub-contact {
    box-sizing: border-box;
    padding: 0 34px 16px
}

.hub-narrow-col {
    width: 23.5%;
    margin-top: 10px
}

    .hub-narrow-col:nth-child(2) {
        margin-right: 1.4%
    }

.hub-links, .hub-narrow-col {
    float: left
}

.hub-extended-links {
    border-top: 2px solid red;
    margin-top: 17px
}

.hub-extended-link {
    display: block;
    border-bottom: 2px solid red;
    padding: 10px 18px;
    font-size: 20px;
    line-height: 1.2
}

.hub-extended-link__teaser {
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 18px;
    padding-top: 10px;
    position: relative;
    margin-top: 10px
}

    .hub-extended-link__teaser:before {
        position: absolute;
        bottom: 0;
        top: 0;
        height: 1px;
        width: 60px;
        background: #25a9df;
        display: block
    }

a.hub-extended-link:hover {
    background: #dfdfdf
}

.hub-extended-links__more {
    display: block;
    margin: 28px auto;
    width: 130px
}

.area-hub-link__title:before, .area-hub-masthead__title:before {
    content: "\00a0";
    display: inline-block;
    top: 0
}

.hub-extended-links--events {
    background: rgba(246,146,30,.15);
    border-bottom: 1px solid transparent
}

.hub-extended-links--news {
    background: #fff;
    border-left: 1px solid #e4e5e5;
    border-right: 1px solid #e4e5e5;
    border-bottom: 1px solid #e4e5e5
}

    .hub-extended-links--news a.hub-extended-link:hover {
        background: #dfdfdf
    }

.hub-top-section.has-size-set .hub-extended-links {
    height: 20000px
}

.hub-top-section.has-size-set .hub-narrow-col:nth-child(2):after {
    content: "\00a0";
    height: 1px;
    background: #e4e5e5;
    position: absolute;
    bottom: 0;
    width: 23.5%
}

.hub-related-content {
    width: 65%;
    margin-right: 4%;
    float: left
}

    .hub-related-content .card {
        width: 47.5%;
        float: left
    }

        .hub-related-content .card:first-child {
            margin-right: 5%
        }

.hub-tweets {
    width: 31%;
    float: left
}

@media (min-width:43.75em) {
    .hub-top-section.has-size-set .hub-contact {
        margin-bottom: 3000px
    }
}

@media (min-width:31.25em) and (max-width:43.74em) {
    .hub-links, .hub-narrow-col {
        overflow: hidden
    }

    .hub-narrow-col {
        width: 49.3%;
        margin-top: 10px
    }
}

@media (max-width:61.365em) {
    .hub-related-content, .hub-tweets {
        width: 100%;
        float: none;
        clear: both
    }

    .hub-related-content {
        margin-bottom: 20px
    }

        .hub-related-content > div {
            margin: 0 auto;
            max-width: 635px
        }
}

@media (max-width:43.74em) {
    .hub-links {
        margin-bottom: 12px;
        width: auto;
        margin-right: -14px;
        margin-left: -14px
    }
}

@media (max-width:31.24em) {
    .hub-narrow-col {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 12px
    }

    .hub-link .faux-block-content {
        padding: 14px 14px 60px
    }

    .hub-link__teaser {
        padding-bottom: 8px
    }

    .hub-link__btn {
        left: 0;
        right: 0
    }

    .hub-link__content {
        width: 64%
    }

    .hub-link__image {
        width: 36%;
        float: right
    }
}

.page-style--general .hub-extended-links--events {
    background: #f1d7d6;
    background: rgba(238,64,54,.15)
}

.page-style--general .hub-extended-link {
    border-color: #ee4036
}

.page-style--general .hub-extended-links {
    border-top-color: #ee4036
}

.page-style--general .hub-banner .banner-overlay__desc:before, .page-style--general .hub-link__title:before {
    background-color: #ee4036
}

.page-style--general .hub-banner .banner-overlay__title, .page-style--general .hub-link__title {
    color: #ee4036
}

.page-style--general .hub-extended-links--events .hub-extended-link:hover {
    background-color: #fdeceb
}

.page-style--policy .hub-extended-links--events {
    background: #f2e4d2;
    background: rgba(246,146,30,.15)
}

.page-style--policy .hub-extended-link {
    border-color: #f6921e
}

.page-style--policy .hub-extended-links {
    border-top-color: #f6921e
}

.page-style--policy .hub-banner .banner-overlay__desc:before, .page-style--policy .hub-link__title:before {
    background-color: #f6921e
}

.page-style--policy .hub-banner .banner-overlay__title, .page-style--policy .hub-link__title {
    color: #f6921e
}

.page-style--policy .hub-extended-links--events .hub-extended-link:hover {
    background-color: #fef4e9
}

.page-style--publications .hub-extended-links--events {
    background: #e9ebd5;
    background: rgba(190,198,50,.15)
}

.page-style--publications .hub-extended-link {
    border-color: #bec632
}

.page-style--publications .hub-extended-links {
    border-top-color: #bec632
}

.page-style--publications .hub-banner .banner-overlay__desc:before, .page-style--publications .hub-link__title:before {
    background-color: #bec632
}

.page-style--publications .hub-banner .banner-overlay__title, .page-style--publications .hub-link__title {
    color: #bec632
}

.page-style--publications .hub-extended-links--events .hub-extended-link:hover {
    background-color: #f9f9eb
}

.page-style--membership .hub-extended-links--events {
    background: #d2e7ef;
    background: rgba(37,168,224,.15)
}

.page-style--membership .hub-extended-link {
    border-color: #25a8e0
}

.page-style--membership .hub-extended-links {
    border-top-color: #25a8e0
}

.page-style--membership .hub-banner .banner-overlay__desc:before, .page-style--membership .hub-link__title:before {
    background-color: #25a8e0
}

.page-style--membership .hub-banner .banner-overlay__title, .page-style--membership .hub-link__title {
    color: #25a8e0
}

.page-style--membership .hub-extended-links--events .hub-extended-link:hover {
    background-color: #e9f6fc
}

.page-style--education .hub-extended-links--events {
    background: #e2d4e3;
    background: rgba(142,40,140,.15)
}

.page-style--education .hub-extended-link {
    border-color: #8e288c
}

.page-style--education .hub-extended-links {
    border-top-color: #8e288c
}

.page-style--education .hub-banner .banner-overlay__desc:before, .page-style--education .hub-link__title:before {
    background-color: #8e288c
}

.page-style--education .hub-banner .banner-overlay__title, .page-style--education .hub-link__title {
    color: #8e288c
}

.page-style--education .hub-extended-links--events .hub-extended-link:hover {
    background-color: #f4eaf4
}

.page-style--funding .hub-extended-links--events {
    background: #edd2dc;
    background: rgba(217,28,92,.15)
}

.page-style--funding .hub-extended-link {
    border-color: #d91c5c
}

.page-style--funding .hub-extended-links {
    border-top-color: #d91c5c
}

.page-style--funding .hub-banner .banner-overlay__desc:before, .page-style--funding .hub-link__title:before {
    background-color: #d91c5c
}

.page-style--funding .hub-banner .banner-overlay__title, .page-style--funding .hub-link__title {
    color: #d91c5c
}

.page-style--funding .hub-extended-links--events .hub-extended-link:hover {
    background-color: #fbe8ef
}

.page-style--portal .hub-extended-links--events {
    background: #d2e7ef;
    background: rgba(37,169,223,.15)
}

.page-style--portal .hub-extended-link {
    border-color: #25a9df
}

.page-style--portal .hub-extended-links {
    border-top-color: #25a9df
}

.page-style--portal .hub-banner .banner-overlay__desc:before, .page-style--portal .hub-link__title:before {
    background-color: #25a9df
}

.page-style--portal .hub-banner .banner-overlay__title, .page-style--portal .hub-link__title {
    color: #25a9df
}

.page-style--portal .hub-extended-links--events .hub-extended-link:hover {
    background-color: #e9f6fc
}

.area-hub-logo {
    margin-bottom: 50px
}

.area-hub-masthead {
    margin-bottom: 23px
}

.area-hub-masthead__content, .area-hub-masthead__image {
    width: 49%;
    float: left
}

.area-hub-masthead__image {
    padding-left: 10px
}

.area-hub-masthead__content {
    padding-right: 4%;
    margin-right: 2%;
    font-size: 25px;
    line-height: 1.1;
    position: relative
}

.area-hub-masthead__title:before {
    width: 60px;
    background: #ee4036;
    height: 10px;
    position: absolute
}

.area-hub-masthead__title {
    font-weight: 700;
    font-family: Glypha,Helvetica,Arial,sans-serif;
    position: relative;
    padding-top: 14px
}

.person-details__expertise, .person__role {
    font-family: Glypha-light,Helvetica,Arial,sans-serif
}

.area-hub-left {
    width: 74.3%;
    margin-right: 1.4%;
    float: left
}

.area-hub-right {
    float: left;
    width: 24.3%
}

.area-hub-links {
    border: 1px solid #e4e5e5;
    background: #fff;
    box-sizing: content-box;
    margin-left: -1px;
    margin-bottom: 14px
}

.area-hub-container, .area-hub__event {
    margin-bottom: 20px
}

.area-hub-link {
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #e4e5e5
}

    .area-hub-link .faux-block-content {
        box-sizing: border-box;
        padding: 18px 24px 18px 28px
    }

    .area-hub-link .faux-block-link:hover + .faux-block-content {
        background: #dfdfdf
    }

.area-hub-link__teaser {
    font-size: 13px;
    line-height: 1.5;
    padding-bottom: 56px
}

.area-hub-link__btn.area-hub-link__btn {
    position: absolute;
    bottom: 18px;
    width: 130px;
    z-index: 0
}

.area-hub-divider {
    background: #e4e5e5;
    height: 1px;
    clear: both
}

.area-hub-link__title {
    font-size: 24px;
    position: relative;
    padding: 10px 0 8px;
    line-height: 1.2
}

    .area-hub-link__title:before {
        width: 60px;
        background: #ee4036;
        height: 8px;
        position: absolute;
        left: 0
    }

.area-hub-links--3-col .area-hub-link {
    width: 33.33%
}

    .area-hub-links--3-col .area-hub-link:nth-child(4n-1) {
        border-right: none
    }

.area-hub-links--4-col .area-hub-link {
    width: 25%
}

    .area-hub-links--4-col .area-hub-link:nth-child(5n-1) {
        border-right: none
    }

.area-hub__event {
    width: 66.2%;
    float: left;
    margin-right: 1.5%
}

.area-hub__more-events {
    width: 32.3%;
    float: left;
    margin-top: 0;
    border-top: 0
}

.area-hub-container.has-size-set .hub-extended-links {
    height: 20000px
}

@media (min-width:61.375em) {
    .area-hub-container.has-size-set .event-promo .faux-block-content {
        height: 20000px
    }

    .az-filter__container {
        letter-spacing: 1.2px
    }
}

.person-details__heading:after, .person__role:after {
    content: "\00a0";
    height: 1px;
    bottom: 0;
    left: 0
}

.page-style--general .area-hub-link__title:before, .page-style--general .area-hub-masthead__title:before {
    background-color: #ee4036
}

.page-style--general .area-hub-link__title, .page-style--general .area-hub-masthead__title {
    color: #ee4036
}

.page-style--policy .area-hub-link__title:before, .page-style--policy .area-hub-masthead__title:before {
    background-color: #f6921e
}

.page-style--policy .area-hub-link__title, .page-style--policy .area-hub-masthead__title {
    color: #f6921e
}

.page-style--publications .area-hub-link__title:before, .page-style--publications .area-hub-masthead__title:before {
    background-color: #bec632
}

.page-style--publications .area-hub-link__title, .page-style--publications .area-hub-masthead__title {
    color: #bec632
}

.page-style--membership .area-hub-link__title:before, .page-style--membership .area-hub-masthead__title:before {
    background-color: #25a8e0
}

.page-style--membership .area-hub-link__title, .page-style--membership .area-hub-masthead__title {
    color: #25a8e0
}

.page-style--education .area-hub-link__title:before, .page-style--education .area-hub-masthead__title:before {
    background-color: #8e288c
}

.page-style--education .area-hub-link__title, .page-style--education .area-hub-masthead__title {
    color: #8e288c
}

.page-style--funding .area-hub-link__title:before, .page-style--funding .area-hub-masthead__title:before {
    background-color: #d91c5c
}

.page-style--funding .area-hub-link__title, .page-style--funding .area-hub-masthead__title {
    color: #d91c5c
}

.page-style--portal .area-hub-link__title:before, .page-style--portal .area-hub-masthead__title:before {
    background-color: #25a9df
}

.page-style--portal .area-hub-link__title, .page-style--portal .area-hub-masthead__title {
    color: #25a9df
}

@media (max-width:31.24em) {
    .area-hub-masthead__image {
        width: auto;
        float: none;
        max-width: 100vw;
        padding: 0
    }

    .area-hub-masthead__content {
        width: 100%;
        float: none;
        margin-bottom: 16px
    }
}

@media (max-width:43.74em) {
    .area-hub-link, .area-hub-links--3-col .area-hub-link, .area-hub-links--4-col .area-hub-link {
        width: 100%;
        float: none;
        border-bottom: 1px solid #e4e5e5
    }

    .area-hub-divider {
        display: none
    }
}

@media (max-width:61.365em) {
    .area-hub-left, .area-hub__event, .area-hub__more-events {
        width: 100%;
        float: none
    }
}

@media (min-width:43.75em) and (max-width:61.365em) {
    .area-hub-right, .area-hub__events {
        width: 49.3%;
        float: left
    }

    .area-hub__events {
        margin-right: 1.4%
    }
}

@media (max-width:43.74em) {
    .area-hub-right {
        float: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.person-grid-section {
    border-top: 1px solid #ee4036;
    margin-bottom: 16px
}

    .content-block .person-grid-section .gform_title, .person-grid-section .content-block .gform_title, .person-grid-section .heading-2 {
        margin-bottom: 10px
    }

.person {
    margin-right: 2.1%;
    width: 31.9%;
    float: left;
    margin-bottom: 16px;
    color: #fff;
    transition: .2s all ease-in
}

.person__img {
    display: block;
    width: 100%;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg\ xmlns=\'http://www.w3.org/2000/svg\'><filter\ id=\'grayscale\'><feColorMatrix\ type=\'matrix\'\ values=\'0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0\ 0\ 0\ 1\ 0\'/></filter></svg>#grayscale);
    filter: grayscale(100%);
    filter: gray;
    transition: .4s all ease-in
}

.person:hover {
    color: #000;
    background: #fff
}

    .person:focus .person__img, .person:hover .person__img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: none;
        filter: grayscale(0)
    }

.person__img.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.person:focus .person__img.grayscale-replaced > svg, .person:hover .person__img.grayscale-replaced > svg {
    opacity: 0
}

.person__img.grayscale-replaced > svg {
    transition: .4s all ease-in;
    opacity: 1
}

.person:hover .person__role:after {
    background: #ee4036
}

.person:nth-of-type(3n) {
    margin-right: 0
}

.person__content {
    padding: 0 8px;
    min-height: 140px
}

.person__name {
    color: #000;
    font-size: 20px
}

.person__role {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    position: relative;
    line-height: 1.2
}

    .person__role:after {
        width: 62px;
        background: #fff;
        position: absolute
    }

.person__expertise {
    margin-bottom: 20px
}

.person-details {
    background: #fff;
    margin-bottom: 30px
}

.person-details__img {
    width: 60%;
    float: left
}

.person-details__content {
    width: 40%;
    float: left;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1.5
}

    .person-details__content p {
        margin-bottom: 0
    }

    .person-details__content a {
        display: block
    }

        .az-filter__container a, .person-details__content a:hover {
            text-decoration: underline
        }

.person-details__letters li {
    display: inline-block
}

    .person-details__letters li:before {
        top: 0
    }

    .person-details__letters li:first-child {
        padding-left: 0
    }

        .person-details__letters li:first-child:before {
            display: none
        }

.person-details__section.person-details__section {
    margin-bottom: 10px
}

.person-details__heading {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative
}

    .person-details__heading:after {
        width: 62px;
        background: #ee4036;
        position: absolute
    }

.person-details__expertise {
    display: block
}

.person--brand-1 {
    background: #be202e
}

.person--brand-2 {
    background: #ee4036
}

.person--brand-3 {
    background: #f05a28
}

.person--brand-4 {
    background: #f6921e
}

.person--brand-5 {
    background: #fcba11
}

.person--brand-6 {
    background: #bec632
}

.person--brand-7 {
    background: #8cc542
}

.person--brand-8 {
    background: #39b249
}

.person--brand-9 {
    background: #009245
}

.person--brand-10 {
    background: #016938
}

.person--brand-11 {
    background: #28b573
}

.person--brand-12 {
    background: #00a69c
}

.person--brand-13 {
    background: #25a9df
}

.person--brand-14 {
    background: #1d75bc
}

.person--brand-15 {
    background: #293b8f
}

.person--brand-16 {
    background: #652f8d
}

.person--brand-17 {
    background: #8e288c
}

.person--brand-18 {
    background: #da1d5f
}

@media (max-width:43.74em) {
    .person-details__content {
        float: none;
        width: 100%
    }

    .person-details__img {
        float: none;
        width: auto
    }
}

@media (min-width:25em) and (max-width:37.5em) {
    .person:nth-of-type(3n) {
        margin-right: 2.1%
    }

    .person:nth-of-type(2n) {
        margin-right: 0
    }

    .person {
        width: 48.9%
    }
}

@media (max-width:25em) {
    .person, .person:nth-of-type(3n) {
        width: 100%;
        margin-right: 0
    }
}

.case-study {
    padding: 30px 0 32px;
    border-width: 1px 0;
    border-style: solid;
    position: relative
}

    .case-study + .case-study {
        border-top: none
    }

.case-study__content, .case-study__image {
    float: left
}

.case-study__content {
    width: 46.4%;
    padding-right: 15px;
    margin-top: -7px
}

    .case-study__content h2 {
        line-height: 1.1
    }

    .case-study__content p {
        margin-bottom: 18px
    }

        .case-study__content p:last-child {
            margin-bottom: 0
        }

.case-study__image {
    width: 53.6%
}

.case-study__role {
    font-weight: 400
}

.case-study__content:after {
    content: "\201d";
    width: 40px;
    height: 30px;
    position: absolute;
    right: 33px;
    bottom: -16px;
    font-family: DINEngschriftStd,Helvetica,Arial,sans-serif;
    font-size: 170px;
    line-height: .7
}

@media (max-width:43.74em) {
    .case-study {
        padding-bottom: 0
    }

    .case-study__content {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-bottom: 20px
    }

    .case-study__image {
        width: auto
    }
}

.no-js .right-filter-area {
    display: none
}

.right-filter-area {
    float: right;
    width: 66%;
    border-top: 1px solid #ccc5d5;
    border-bottom: 1px solid #ccc5d5;
    padding-bottom: 26px
}

.archive-header {
    margin-bottom: 32px
}

.archive-filter {
    width: 48%;
    float: left
}

    .archive-filter:first-child {
        margin-right: 4%
    }

.archive-filter__label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 2.2
}

.archive-filter__select {
    width: 100%;
    font-size: 12px;
    padding: 9px;
    border: 1px solid #dcdddd
}

.archive-content {
    margin-bottom: 20px
}

.archive-feature-area {
    margin-bottom: 16px
}

.archive-featured {
    width: 74.4%;
    float: left;
    margin-right: 1.6%
}

    .archive-featured .card--border-bottom {
        border-bottom-width: 0
    }

        .archive-featured .card--border-bottom .faux-block-link {
            bottom: 0
        }

        .archive-featured .card--border-bottom .faux-block-content {
            border-color: inherit
        }

        .archive-featured .card--border-bottom .card__content {
            border: 0;
            border-bottom: 8px solid;
            border-color: inherit
        }

        .archive-featured .card--border-bottom .card__button {
            max-width: 130px
        }

    .archive-featured .card, .archive-featured .event-promo {
        max-width: 100%
    }

    .archive-featured .card__content, .archive-featured .event-promo__content {
        width: 240px;
        float: left
    }

.archive-cross-promo {
    width: 24%;
    float: left
}

    .archive-cross-promo .promo-heading {
        margin-bottom: 8px
    }

.archive-feature-image-container {
    width: calc(100% - 240px);
    float: left
}

.archive-tweet-list {
    margin-bottom: 35px
}

@media (max-width:43.74em) {
    .right-filter-area {
        width: 100%;
        border-bottom: 0;
        float: none
    }
}

@media (max-width:61.365em) {
    .archive-featured {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 6px
    }

    .archive-cross-promo {
        width: 100%
    }
}

@media (max-width:31.24em) {
    .archive-feature-image-container, .archive-featured .card__content, .archive-filter {
        width: 100%;
        float: none
    }

    .archive-featured .card--border-bottom {
        border-bottom-width: 8px
    }

    .archive-feature-image-container img {
        display: block
    }

    .archive-featured .card--border-bottom .card__content {
        border-bottom-width: 0
    }
}

.ie8 .archive-feature-image-container {
    width: 474px
}

.search-permalink {
    color: #ee4036;
    font-size: 12px;
    display: block
}

.search-results {
    margin-bottom: 20px
}

.search-result {
    max-width: none;
    margin-bottom: 4px;
    border: 1px solid #e4e5e5
}

    .search-result .card__name {
        margin-right: 70px
    }

.search-result__type {
    position: absolute;
    top: 14px;
    right: 18px
}

.no-results-form {
    padding-top: 40px
}

.no-results-form__input {
    font-size: 12px;
    border: 1px solid #dcdddd;
    padding: 9px 11px;
    width: 300px;
    max-width: 80%
}

@media (max-width:43.74em) {
    .search-result .card__name {
        margin-right: 0
    }

    .search-result__type {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 10px;
        padding-top: 6px
    }

        .search-result__type:before {
            content: "\00a0";
            top: 0;
            height: 1px;
            position: absolute;
            width: 60px;
            background: #ccc5d5;
            display: block
        }
}

.colour-line {
    display: block;
    width: 100%;
    height: 3px;
    margin: 10px 0
}

.az-filter__container {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 4px;
    display: inline-block;
    color: #d3d3d3
}

    .az-filter__container a {
        color: #000
    }

        .az-filter__container a:hover, .bioflora-search__clear, .floating-form__links a, .page-style--portal .logout-link, a.hub-extended-link.hub-extended-link--no-cross:hover {
            text-decoration: none
        }

    .az-filter__container .az-filter__current {
        font-weight: 700;
        text-decoration: none
    }

.az-filter__showall {
    margin-top: 25px;
    margin-bottom: 18px
}

.bioflora-search {
    margin: 20px 0
}

.bioflora-search__container {
    position: relative;
    width: 75%;
    margin-right: 10px;
    float: left
}

.bioflora-search__input {
    padding: 8px 25px 8px 8px;
    width: 100%
}

.bioflora-search__clear {
    position: absolute;
    right: 10px;
    top: 9px;
    background-image: url(images/search-magnify.svg);
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    transition: background-image .2s linear
}

.bioflora-search__year-range {
    height: 33px
}

.bioflora-table {
    width: 100%
}

.bioflora-table__row {
    border-bottom: 1px solid #d3d3d3
}

.bioflora-table__row--header {
    border-bottom-width: 3px;
    font-weight: 700;
    text-transform: uppercase
}

.bioflora-table__cell {
    padding: 10px 5px;
    word-wrap: break-word
}

.bioflora-table__cell--species {
    width: 30%
}

.bioflora-table__cell--family {
    width: 19%
}

.bioflora-table__cell--author {
    width: 27%
}

.bioflora-table__cell--year {
    width: 8%
}

.bioflora-table__cell--additional {
    width: 16%
}

.autocomplete-suggestions {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-top: none;
    position: absolute;
    width: 100%;
    display: none
}

    .autocomplete-suggestions:focus, .autocomplete-suggestions:hover, .bioflora-search__input:focus ~ .autocomplete-suggestions {
        display: block
    }

.az-filter__mobile-container {
    display: none
}

@media (max-width:43.74em) {
    .bioflora-search__container {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width:31.24em) {
    .az-filter__mobile-container {
        display: inline
    }

    .az-filter__container {
        display: none
    }

    .bioflora-table {
        font-size: 12px
    }
}

@media (max-width:25em) {
    .bioflora-table {
        font-size: 10px
    }
}

.page-style--portal .link-list a:hover:before {
    background: #25a9df
}

.portal-current-plan {
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 30px
}

    .portal-current-plan p {
        margin-bottom: 10px
    }

.portal-current-plan__date {
    font-size: 20px
}

.portal-current-plan__divide {
    border-color: #d1d1d1;
    border-width: 1px 0 0;
    margin: 10px 0
}

.price-line {
    margin-bottom: 34px
}

.price-line__price {
    float: right;
    font-size: 30px;
    margin-top: -10px
}

    .price-line__price + .price-line__price {
        clear: both;
        padding-top: 10px
    }

.price-line__freq {
    font-weight: 300;
    color: #606060
}

.price-line--new-block {
    margin-top: 40px;
    border-top: 1px solid #d1d1d1;
    padding-top: 20px
}

.buy-btn {
    min-width: 158px;
    float: right;
    margin-bottom: 18px
}

.plan-block {
    width: 48.5%;
    margin-right: 3%;
    background-color: #d91c5c;
    color: #fff;
    float: left;
    margin-bottom: 26px;
    position: relative;
    padding: 20px
}

.plan-block__header {
    font-size: 24px;
    position: relative;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-bottom: 14px
}

    .plan-block__header:after {
        content: "\00a0";
        display: block;
        position: absolute;
        bottom: 0;
        background: #fff;
        width: 62px;
        height: 1px
    }

.plan-block__title {
    display: block;
    color: #fff
}

.plan-block__btn, .standard-fields .inline-checkbox-label {
    display: inline-block
}

.plan-block__select {
    width: 100%;
    background: #fff;
    border: none;
    padding: 10px 14px;
    margin-bottom: 24px
}

.plan-block__desc {
    font-size: 13px;
    width: 100%
}

    .plan-block__desc li {
        padding-bottom: 8px;
        padding-left: 10px;
        position: relative
    }

        .plan-block__desc li:before {
            content: "\00a0";
            position: absolute;
            left: 0;
            top: 7px;
            width: 4px;
            height: 4px;
            background-color: #fff
        }

.plan-block__btn {
    border-color: #fff;
    color: #fff;
    background: 0 0;
    cursor: pointer;
    margin: 0 10px 0 0;
    width: calc(50% - 20px);
    min-width: inherit
}

    .plan-block__btn + .plan-block__btn {
        margin-right: 0
    }

.plan-block__btn-container {
    position: absolute;
    width: 100%;
    bottom: 20px
}

.plan-block:nth-child(2) {
    background-color: #37b349
}

.plan-block:nth-child(3) {
    background-color: #f6921e
}

.plan-block:nth-child(4) {
    background-color: #1d75bc
}

.plan-block:nth-child(2n+0) {
    margin-right: 0
}

.plan-block--third {
    width: 32%
}

    .plan-block--third, .plan-block--third:nth-child(2n+0) {
        margin-right: 2%
    }

        .plan-block--third:nth-child(3n+0) {
            margin-right: 0
        }

.renew-btn {
    margin: 20px 0;
    width: 220px
}

.standard-fields input[type="checkbox"].inline-checkbox {
    vertical-align: text-top
}

.portal-direct-debit-logo {
    height: 26px;
    float: right;
    margin: 6px 16px
}

.education-employment-other-container, .hidden-form {
    display: none
}

.content-block--event-checkout {
    float: left;
    width: 100%
}

.inline-form {
    display: inline-block;
    width: 50%;
    float: left
}

.confirmation-form {
    margin-top: 34px
}

@media (min-width:50em) {
    .plan-block .plan-block__header {
        font-size: 20px
    }
}

@media (max-width:50em) {
    .plan-block {
        width: 100%;
        margin-right: 0
    }

    .plan-block__btn {
        width: 130px
    }
}

.standard-fields__error-text.standard-fields__error-text {
    color: #ee4036
}

input + .standard-fields__error-text {
    margin-bottom: 12px
}

.page-style--portal .upper-nav {
    border-bottom: 1px solid #2b2b2b;
    font-size: 15px
}

.page-style--portal .primary-nav__item--current, .page-style--portal .upper-nav__home, .page-style--portal .upper-nav__home:hover {
    color: #25a9df
}

.page-style--portal .line {
    background-color: #25a9df
}

.page-style--portal .primary-nav {
    background: #000;
    color: #fff
}

.page-style--portal .primary-nav__list {
    left: 0
}

.page-style--portal .primary-nav__item:after {
    background: #25a9df
}

.page-style--portal .primary-nav__item--children:hover .primary-nav__link:after, .page-style--portal .primary-nav__item--current .primary-nav__link:after, .page-style--portal .primary-nav__link:focus:after {
    background-position: 0 -88px
}

.page-style--portal .primary-nav__item--no-border:after {
    content: none
}

.page-style--portal .primary-nav__item--right {
    float: right;
    color: #25a9df
}

.page-style--portal .logout-link {
    padding: 19.5px 3px 19.5px 0;
    display: inline-block;
    text-transform: uppercase
}

    .page-style--portal .logout-link:before {
        content: "\00a0";
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-color: none;
        background-image: url(images/logout-icon.png.pagespeed.ce.gPubrRwPKz.png);
        display: inline-block;
        margin-right: 6px;
        vertical-align: sub
    }

.page-style--portal .primary-nav__item:hover {
    color: #25a9df
}

.page-style--portal .primary-nav__submenu {
    background: #2b2b2b;
    color: #fff
}

.page-style--portal .primary-nav__child-link--current, .page-style--portal .primary-nav__child-link:hover {
    background: #000
}

.page-style--portal .primary-nav__link:before {
    background: #25a9df
}

@media (max-width:61.365em) {
    .page-style--portal .primary-nav__list {
        width: auto
    }

    .page-style--portal .primary-nav__item--right {
        float: none;
        color: #fff
    }
}

@media (min-width:61.375em) {
    .page-style--portal .primary-nav__list .primary-nav__link:before {
        display: none;
        content: none
    }
}

.page-style--portal .ie8 .primary-nav__link:before {
    display: none;
    content: none
}

.floating-form {
    background: #f1f2f2;
    border: 1px solid #dedfdf;
    max-width: 385px;
    margin: 88px auto;
    padding: 18px 22px 22px;
    position: relative;
    z-index: 10;
    max-height: 90vh;
    overflow: auto
}

.bes-table tr, .bes-table--gdpr {
    border-bottom: 1px solid #d1d1d1
}

.floating-form input {
    width: 100%;
    margin-bottom: 16px
}

.floating-form__logo {
    margin-bottom: 18px
}

.floating-form__links a {
    display: block;
    padding: 2px 0
}

    .floating-form__links a:hover {
        text-decoration: underline
    }

input.floating-form__submit {
    width: 150px;
    margin: 0 auto 10px;
    display: block
}

.floating-form__background-front {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 1000px;
    pointer-events: none;
    background: #242424;
    background: rgba(0,0,0,.85)
}

.floating-form__background-image {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 1063px;
    margin: 0 auto
}

.floating-form__background-front .floating-form__background-image {
    pointer-events: none
}

@media (max-width:61.365em) {
    .floating-form {
        margin: 40px auto 20px
    }

    .floating-form__background-front {
        background: #000
    }

    .floating-form__background-image {
        display: none
    }
}

.bes-table {
    width: 100%
}

    .bes-table thead {
        font-weight: 700
    }

    .bes-table td {
        padding: 9px 0
    }

.bes-table--section-end {
    margin-bottom: 22px
}

.bes-table--gdpr tr {
    border-bottom: none
}

.bes-table--gdpr-error .gbpr__question-row td {
    padding-bottom: 0
}

.bes-table label {
    display: inline-block;
    width: 100%;
    margin-top: -9px;
    margin-bottom: -9px;
    padding: 9px 0
}

.bes-table__control {
    text-align: right
}

.bes-table select {
    max-width: 60px
}

.bes-table input {
    margin-bottom: 0
}

.bes-donations__amount {
    display: inline-block;
    margin: 0 5px;
    height: 26px;
    padding: 2px 0
}

.bes-donations__amount-surprise {
    display: none;
    margin-left: 5px
}

.bes-donations__amount-surprise-input.bes-donations__amount-surprise-input {
    width: auto
}

.donation__gift-aid.donation__gift-aid {
    display: none;
    margin: 20px 5px 0
}

.bes-donations__amounts-heading.bes-donations__amounts-heading, .bes-donations__gift-aid-select.bes-donations__gift-aid-select {
    margin-bottom: 0
}

.bes-donations__amounts {
    margin-bottom: 8px
}

.gdpr-questions__heading.gdpr-questions__heading {
    margin-bottom: 0;
    font-weight: 700
}

.gdpr-questions__answers {
    width: 90px
}

.gdpr-questions__answer.gdpr-questions__answer {
    width: auto
}

.gdpr__error-col.gdpr__error-col {
    padding-top: 0
}

@media (max-width:50em) {
    .pop-up__dont-show {
        display: block
    }
}

.stripe-form {
    margin-top: 20px
}

.stripe-form__field {
    vertical-align: top;
    margin-bottom: 14px
}

.stripe-form__label {
    font-size: 12px;
    font-weight: 700;
    display: block;
    color: #3f3f3f;
    padding-bottom: 4px
}

.stripe-form__input {
    border: 1px solid #dcdddd;
    padding: 9px 11px;
    background-color: #fff;
    color: #32325d
}

.stripe-form__error {
    display: none;
    color: #ee4036;
    font-size: 12px;
    margin-bottom: 0
}

.stripe-form__error--visible {
    display: block
}

.stripe-form__submit {
    margin: 0;
    color: #fff
}

.stripe-form__logos {
    text-align: center;
    margin-top: 18px
}

.stripe-form__logo-row.stripe-form__logo-row {
    margin-bottom: 0;
    font-weight: 700
}

.stripe-form__logo {
    height: 40px;
    width: auto;
    vertical-align: middle
}

.price-line--stripe.price-line--stripe {
    margin: 18px 0
}

@media (min-width:50em) {
    .stripe-form__field--half-width {
        display: inline-block;
        width: calc(50% - 8px)
    }

        .stripe-form__field--half-width:first-child {
            margin: 0 5px 14px 0
        }

        .stripe-form__field--half-width:last-child {
            margin: 0 0 14px 5px
        }
}

@media print {
    .footer-form, .footer-terms-links, .footer-upper, .journal-clickthrough .btn, .journal-read-all, .like-story, .right-filter-area, .side-nav, .site-header {
        display: none
    }

    body {
        font-size: 12px
    }

    body, html {
        background: 0 0
    }

    a[data-shortlink]:after {
        content: " (" attr(data-shortlink) ")"
    }

    .footer-address {
        padding: 20px
    }

    .masonry-item {
        top: 0 !important;
        left: 0 !important;
        position: relative !important
    }

    .breadcrumb a {
        font-size: 14px
    }

    .area-hub-link .faux-block-content {
        min-height: auto !important
    }

    .sitemap-print-only {
        display: block
    }
}