/* Minification failed. Returning unminified contents.
(7357,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/**************************************************************************************************
*   Main CSS - contains the core reset and majority of styles for the project
**************************************************************************************************/
/**************************************************************************************************
* Browser reset
**************************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    visibility: hidden !important;
    display: block !important;
}

.ng-hide {
    display: none !important;
}
/**************************************************************************************************
* Fonts and Icons
**************************************************************************************************/
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix') format('eot'),url('https://royalsociety.org/css/Redesign2015/Fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235') format('svg');
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix') format('eot'),url('https://royalsociety.org/css/Redesign2015/Fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2') format('svg');
}

@font-face {
    font-family: 'Proxima Nova Semi';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix') format('eot'),url('https://royalsociety.org/css/Redesign2015/Fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c') format('svg');
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix') format('eot'),url('https://royalsociety.org/css/Redesign2015/Fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f') format('svg');
}

@font-face {
    font-family: 'icomoon';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?-6fpyd1');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?#iefix-6fpyd1') format('embedded-opentype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.woff?-6fpyd1') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.ttf?-6fpyd1') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.svg?-6fpyd1#icomoon') format('svg');
}

.icon {
    position: relative;
}

    .icon:before {
        display: inline-block;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon:after {
        display: inline-block;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.iconKey:before {
    content: '\e602';
    margin: 0 0 0 10px;
    font-size: 24px;
}

.iconKeyActive:before {
    color: #ed8b00;
}

.iconSearch:before {
    content: '\e601';
    float: right;
    margin: 0 0 0 10px;
    font-size: 24px;
}

.iconMenu:before {
    content: '\e600';
    font-size: 24px;
}

.iconArrowUp:before {
    content: '\e608';
    position: relative;
    top: 2px;
    left: -5px;
    font-size: 18px;
    text-decoration: none;
}

.iconArrowDown:before {
    content: '\e609';
    position: relative;
    top: 2px;
    left: -5px;
    font-size: 18px;
    text-decoration: none;
}

.iconArrowLeft:before {
    content: '\e60a';
    font-size: 12px;
}

.iconArrowRight:before {
    content: '\e60b';
    font-size: 12px;
}

.iconArrowRightLink:after {
    content: '\e60b';
    font-size: 12px;
    color: #c7bfbd;
}

.iconFlip:before {
    content: '\e603';
    font-size: 20px;
    color: #fff;
}

.iconNavigateUp:before {
    content: '\e604';
}

.iconNavigateDown:before {
    content: '\e605';
}

.iconNavigateLeft:before {
    content: '\e606';
    font-size: 25px;
}

.iconNavigateRight:before {
    content: '\e607';
    font-size: 25px;
}

.iconEmail:before {
    content: '\e610';
    font-size: 22px;
}

.iconPhone:before {
    content: '\e60f';
    font-size: 28px;
}

.iconRss:before {
    content: '\e614';
    margin: 0 10px 0 0;
    font-size: 18px;
    text-decoration: none;
}

.iconExternalLink:before {
    content: '\e615';
    font-size: 16px;
}

.iconFilters:before {
    content: '\e60c';
    margin: 0 15px 0 0;
    font-size: 18px;
}

.iconTick:before {
    content: '\e616';
    font-size: 20px;
}

.iconPlay:before {
    content: '\e612';
}

.iconPlus:before,
.iconCross:before {
    content: '\e617';
    margin: 0 8px 0 0;
    font-size: 16px;
}

.iconMinus:before {
    content: '\e623';
    margin: 0 8px 0 0;
    font-size: 16px;
}

.iconCross:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.iconWarning:before {
    content: '\e621';
    position: relative;
    top: 1px;
    padding: 0 7px 0 0;
    color: #ed8b00;
}

.iconCalendar:before {
    content: '\e622';
    margin: 0 15px 0 0;
}

.iconQuoteLeft:before {
    content: '\e60d';
    color: #6f263d;
    font-size: 37px;
}

.iconQuoteRight:before {
    content: '\e60e';
    color: #6f263d;
    font-size: 37px;
}

.iconPdf:before,
.iconPDF:before {
    content: '\e618';
}

.iconDoc:before,
.iconDOC:before {
    content: '\e61a';
}

.iconXls:before,
.iconXLS:before {
    content: '\e619';
}

.iconFacebook:before {
    content: '\e61b';
}

.iconTwitter:before {
    content: '\e61c';
}

.iconYoutube:before {
    content: '\e611';
}

.iconGooglePlus:before {
    content: '\e61d';
}

.iconLinkedIn:before {
    content: '\e61f';
}

.iconPinterest:before {
    content: '\e620';
}

.iconInstagram:before {
    content: '\e61e';
}

.overflowAccordion.open span:before {
    content: '\e604';
}

.expandFilters:before {
    content: '\e605';
    margin: 0 15px 0 0;
    font-size: 14px;
}

.expandFilters.active:before {
    content: '\e604';
}

.ui-datepicker-prev:before {
    content: '\e606';
    font-size: 20px;
}

.ui-datepicker-next:before {
    content: '\e607';
    font-size: 20px;
}

.speakers > .reveal:before {
    content: '\e605';
    margin: 0 10px 0 0;
    font-size: 14px;
}

.speakers > .reveal.active:before {
    content: '\e604';
}
/* items we cant add classes to */
h3.accordion:before {
    content: '\e605';
    position: absolute;
    right: 20px;
    display: inline-block;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #ba0c2f;
    -moz-transition: transform ease-in-out 0.5s;
    -o-transition: transform ease-in-out 0.5s;
    -webkit-transition: transform ease-in-out 0.5s;
    transition: transform ease-in-out 0.5s;
}

.styledSelect:before {
    content: '\e605';
    background: #ba0c2f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px 18px;
    height: 44px;
    width: 55px;
    color: #fff;
    font-size: 12px;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    -moz-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.rolodexControls li a:before {
    content: '\e607';
    position: absolute;
    top: 31px;
    right: 10px;
    display: inline-block;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* Required for IE8 and below only */
    -moz-transition: opacity linear 0.5s;
    -o-transition: opacity linear 0.5s;
    -webkit-transition: opacity linear 0.5s;
    transition: opacity linear 0.5s;
}

.reverseRolodex .rolodexControls li a::before {
    content: '\e606';
    right: auto;
    left: 10px;
}

.scfValidator:before,
.scfValidatorRequired:before {
    content: '\e621';
    position: relative;
    top: 1px;
    padding: 0 7px 0 0;
    display: inline-block;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ed8b00;
}
/**************************************************************************************************
* Global styles
**************************************************************************************************/
html {
    background: #e8e6df;
    color: #333132;
    font: 62.5%/1.375 'Proxima Nova', Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

h1 {
    margin: 0 0 0.6em 0;
    font: 3.8em/1.16 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

h2 {
    margin: 0 0 0.6em 0;
    font: 3.2em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

h3 {
    margin: 0 0 0.6em 0;
    font: 2.8em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

h4 {
    margin: 0 0 1em 0;
    font: 2.2em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

p,
.contentList,
.rteContent ul,
.rteContent ol {
    margin: 0 0 22px 0;
    font-size: 1.6em;
}

    .contentList ul,
    .rteContent ul ul,
    .rteContent ol ol {
        font-size: 1em;
    }

    .contentList > li,
    .rteContent ul > li,
    .rteContent ol > li {
        padding: 0 0 22px 0;
    }

    .contentList.squareList,
    .rteContent ul,
    .rteContent ol {
        margin-left: 15px;
    }

        .squareList ul li:before,
        .rteContent ul li:before {
            content: '';
            background: #ba0c2f;
            float: left;
            margin: 8px 10px 0 -15px;
            height: 6px;
            width: 6px;
        }

a {
    color: #ba0c2f;
}


    a[href^='mailto'] {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

.secondaryLink {
    color: #6f263d;
}

a:hover {
    text-decoration: none;
}

img,
audio {
    display: block;
    max-width: 100%;
}

strong,
.semi {
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.bold {
    font-family: 'Proxima Nova Bold', Arial, Helvetica, sans-serif;
}

em {
    font-style: italic;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

hr {
    background: #d6d2c4;
    border: 0;
    margin: 0 0 22px 0;
    height: 1px;
    color: #d6d2c4;
}

.pageWrap {
    position: relative;
    height: 100%;
    width: 100%;
}

.siteContainer {
    background: #e8e6df;
    position: relative;
    left: 0;
    -moz-transition: left 1s ease;
    -o-transition: left 1s ease;
    -webkit-transition: left 1s ease;
    transition: left 1s ease;
    overflow: hidden;
    z-index: 2;
}

    .siteContainer.sideNavVisible {
        box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.5);
        left: -76.5625%;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.wrapper {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1265px;
}

.inlineList li {
    float: left;
    padding: 0 0 0 25px;
}

    .inlineList li:first-child {
        padding: 0;
    }

.dashedList:before {
    content: '-';
    float: left;
    margin: 0 5px 0 0;
}

.contentBox {
    background: #fff;
    padding: 22px 25px;
}
/* cookied */
.cookied {
    background: #333132;
    display: none;
    position: fixed;
    left: 0;
    padding: 10px 60px 10px 10px;
    padding-right: calc(1% + 60px);
    width: 100%;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    z-index: 9999;
}

    .cookied a {
        color: #fff;
    }

        .cookied a.cookiedOK {
            background: #ba0c2f;
            border-radius: 5px;
            position: absolute;
            right: 0;
            top: 5px;
            margin-right: 1%;
            padding: 5px 10px;
            color: #fff;
            text-decoration: none;
        }
/**************************************************************************************************
* Column layouts
**************************************************************************************************/
.colList {
    margin: 0 -13px 0 -12px;
}

.col {
    float: left;
    position: relative;
    margin-bottom: 22px;
    padding: 0 13px 0 12px;
}

.twoCol > .col {
    width: 50%;
}

.threeCol > .col {
    width: 33.3333333333%;
}

.fourCol > .col,
.fourColRestricted > .col {
    width: 25%;
}

.sixCol > .col {
    width: 16.6666666667%;
}

.eightCol > .col {
    width: 12.5%;
}

    .twoCol > .col:nth-child(2n+1),
    .threeCol > .col:nth-child(3n+1),
    .fourCol > .col:nth-child(4n+1),
    .fourColRestricted > .col:nth-child(4n+1),
    .sixCol > .col:nth-child(6n+1),
    .eightCol > .col:nth-child(8n+1) {
        clear: both;
    }

.colList.collapse {
    margin: 0;
}

    .colList.collapse > .col {
        padding: 0;
    }

.col.span2 {
    width: 50%;
}
/**************************************************************************************************
* Header
**************************************************************************************************/
.globalHeader {
    position: relative;
    margin: 0 0 22px 0;
    z-index: 100;
}

    .globalHeader a,
    .drawer label,
    .drawer p {
        color: #fff;
    }

.drawer {
    background: #333132;
    height: 0;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.94);
    overflow: hidden;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

    .drawer.openDrawer {
        height: 88px;
    }

    .drawer .wrapper {
        position: relative;
        margin: 5px auto;
    }

    .drawer .loggedInUser p {
        margin: 0 0 0 25px;
        font-size: 1.7em;
        line-height: 50px;
    }

    .drawer .loggedInUser li {
        float: left;
        font-size: 1.7em;
        line-height: 50px;
    }

    .drawer .loggedInUser a {
        border-left: 1px solid #978c87;
        display: inline-block;
        margin: 0 0 0 21px;
        padding: 0 0 0 25px;
        line-height: 30px;
    }

#siteSearch {
    background: #fff;
    border: 0;
    width: 320px;
}

.loginLabel {
    font-size: 1.7em;
    line-height: 44px;
}

.fellowLogin .textbox {
    width: 275px;
}

.fellowLogin .btn {
    margin: 0 30px 0 0;
    min-width: 0;
}

.forgotPass {
    font-size: 1.6em;
}

.loginError {
    margin: -11px 0 11px 0;
    color: #fff;
}

.headerContainer {
    background: #ba0c2f;
    position: relative;
    padding: 22px 0;
    z-index: 20;
}

.headerLogo {
    background: url(https://royalsociety.org/images/Redesign2015/logo.png) no-repeat left top;
    background-size: 100% 100%;
    height: 26px;
    width: 389px;
    text-indent: -9999px;
}

.activeTopLink {
    background-color: #333132;
    border-radius: 0 0 5px 5px;
    display: block;
    margin: -22px -12px -15px -12px;
    padding: 22px 12px 20px 12px;
}
/**************************************************************************************************
* Footer
**************************************************************************************************/
.shareLinks {
    border-right: 1px solid #d6d2c4;
    margin: 0;
    display: block;
    width: 33%;
    padding-left: 51px;
    font-size: 2.2em;
    line-height: 2;
}

    .shareLinks a {
        display: inline-block;
        position: relative;
        top: 2px;
        margin: 0 0 0 30px;
        width: 30px;
        color: #333132;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        -moz-transition: color 0.15s linear;
        -o-transition: color 0.15s linear;
        -webkit-transition: color 0.15s linear;
        transition: color 0.15s linear;
        outline: none;
    }

        .shareLinks a:hover {
            color: #ba0c2f;
        }

    .shareLinks .iconFacebook {
        margin: 0;
    }

.socialLinks {
    border-right: 1px solid #d6d2c4;
    margin: 0;
    width: 50%;
    font-size: 24px;
    line-height: 2;
}

.socialCol > .col {
    width: 20%;
}

.socialIcon {
    width: 25px;
}

.biggerIcon {
    font-size: 24px;
    color: #333132;
}

.globalFooter {
    margin: 44px 0 22px 0;
    padding: 0 20px;
    text-align: center;
}

.footerLogo {
    margin: 33px auto;
    height: 19px;
    width: 280px;
}

.crest {
    margin: 44px auto 33px auto;
}

.globalFooter .crest {
    height: 125px;
    width: 120px;
}

.globalFooter p {
    color: #6e6662;
    font-size: 1.4em;
    line-height: 22px;
}

.globalFooter a {
    color: #333132;
    text-decoration: none;
}

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

.globalFooter .connectLinks {
    font-size: 1.5em;
}

.connectLinks a {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 30px;
    color: #333132;
    font-size: 18px;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
}

.globalFooter .connectLinks a:hover {
    color: #ba0c2f;
    text-decoration: none;
}

.backToTop {
    display: inline-block;
    font-size: 1.5em;
}

    .backToTop:hover span {
        text-decoration: underline;
    }

    .backToTop:before {
        display: block;
        margin: 0 0 11px 0;
        color: #aca2a0;
        font-size: 21px;
        text-align: center;
    }
    .back>a{
        text-decoration:none;
    }
/*<-------------Feedback Form------------->*/
#feedtxt {
    color: #333132;
    border-right: 1px solid #d6d2c4;
    line-height: 2;
    font-size: 2.2em;
    display: inline-block;
    float: left;
    width: 430px;
}

.btnYes {
    border: none;
    font-family: Proxima Nova;
    color: #333132;
    cursor: pointer;
    display: inline-block;
    color: black;
    background: none;
    font-size: 21px;
}

.btnNo {
    border: none;
    font-family: Proxima Nova;
    color: #333132;
    cursor: pointer;
    display: inline-block;
    color: black;
    background: none;
    font-size: 21px;
}

.btnYes:hover {
    text-decoration: underline;
    color: #ba0c2f
}

.btnNo:hover {
    text-decoration: underline;
    color: #ba0c2f
}

.btnSurvey {
    color: #ba0c2f;
    font-family: Proxima Nova;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 21px;
}

    .btnSurvey:hover {
        text-decoration: underline;
    }

#Thankyou {
    display: none;
    color: #333132;
    font-size: 21px;
    width: 395px;
    float: left;
    padding-top: 11px;
    border-right: 1px solid #d6d2c4;
}

#TakeSurveyMsg {
    display: none;
    color: #333132;
    font-size: 21px;
    float: left;
    padding-top: 11px;
}

.feedbackEmailTxtBox {
    background: #f1edec;
    border: 1px solid #e8e6df;
    border-radius: 5px 0 0 5px;
    margin: 0 -8px 22px 0;
    padding: 3px 27px;
}

.SubmitBtn {
    background: #ba0c2f;
    border: 0;
    display: inline-block;
    margin: 9px 0 22px 0;
    padding: 11px 40px 8px;
    min-width: 175px;
    color: #fff;
    font-size: 0.8em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}

.signupUrl {
    font-size: 2.2em;
    padding-right: 89px;
    padding-top: 4px;
    display: inline-block;
}

/**************************************************************************************************
* Navigation
**************************************************************************************************/
#offScreenNav {
    background: #333132;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 76.5625%;
    font-size: 1.8em;
    z-index: 1;
}

    #offScreenNav > ul > li {
        border-bottom: 1px solid #3c393a;
    }

    #offScreenNav a {
        border-bottom: 1px solid #252425;
        display: block;
        padding: 10px 25px;
        color: #fff;
        text-decoration: none;
    }

        #offScreenNav a:hover {
            text-decoration: underline;
        }

    #offScreenNav .active > a {
        border: 0;
        background: #6f263d;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }

    #offScreenNav .open {
        background: #252425;
    }

        #offScreenNav .open > a {
            font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        }

        #offScreenNav .open .level2Menu {
            display: block;
        }

    #offScreenNav .level2Menu a {
        padding: 10px 40px;
        border: 0;
    }

    #offScreenNav .level2Menu .active a {
        border-top: 1px solid #531c2e;
        border-bottom: 1px solid #3c393a;
    }

    #offScreenNav .loggedInUser img {
        margin: 22px 15px 22px 25px;
    }

    #offScreenNav .loggedInUser p {
        margin: 22px 0 0 0;
        width: 130px;
        color: #fff;
        font-size: 1em;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }

    #offScreenNav .loggedInUser ul {
        clear: both;
        font-size: 0.888em;
    }

        #offScreenNav .user,
        #offScreenNav .loggedInUser ul li {
            background: #252425;
            border-bottom: 1px solid #3c393a;
            width: 100%;
        }

    #offScreenNav .loggedInUser a {
        border-bottom: 1px solid #121112;
    }

    #offScreenNav .iconKey:before {
        position: absolute;
        right: -30px;
    }

    #offScreenNav .crest {
        height: 159px;
        width: 153px;
    }

.fellowLoginOffScreen {
    padding: 11px 25px;
    font-size: 0.555em;
}

    .fellowLoginOffScreen .textbox,
    .fellowLoginOffScreen .btn {
        margin: 0 0 22px;
        width: 100%;
    }

    .fellowLoginOffScreen label {
        color: #fff;
    }

#offScreenNav .fellowLoginOffScreen .forgotPass {
    margin: 22px 0 11px 0;
    padding: 0;
}

.topLinks a {
    display: block;
    font-size: 1.5em;
    text-decoration: none;
}

    .topLinks a:hover {
        text-decoration: underline;
    }

.topLinks .iconKey:before {
    float: right;
}

#mainNav {
    margin: 27px 0 0 0;
    font-size: 1.8em;
}

    #mainNav ul {
        margin: 0 0 0 25px;
    }

#mainNavLevel2 {
    background: #6f263d;
    position: relative;
    margin: -44px 0 0 0;
    height: 44px;
    font-size: 1.6em;
    z-index: 10;
    -moz-transition: margin 0.4s ease;
    -o-transition: margin 0.4s ease;
    -webkit-transition: margin 0.4s ease;
    transition: margin 0.4s ease;
}

    #mainNavLevel2.open {
        margin: 0;
    }

    #mainNav a,
    #mainNavLevel2 a {
        display: block;
        text-decoration: none;
    }

        #mainNav a:hover,
        #mainNavLevel2 a:hover {
            text-decoration: underline;
        }

    #mainNav .active a,
    #mainNavLevel2 .active a {
        font-family: 'Proxima Nova Bold', Arial, Helvetica, sans-serif;
        text-decoration: underline;
    }

.level2Menu,
.overflowMenu {
    display: none;
}

#mainNavLevel2 .level2Menu li {
    line-height: 2.75;
}

.overflowMenu {
    position: relative;
    width: 100px;
}

    .overflowMenu .overflowAccordion {
        background: #882f4c;
        padding: 0 20px;
        line-height: 2.75;
    }

.overflowAccordion span:before {
    float: right;
    margin: 16px 0 0 0;
    font-size: 11px;
}

#mainNavLevel2 .overflowAccordion span:before {
    text-decoration: none;
}

.overflowMenu ul {
    background: #882f4c;
    position: absolute;
    right: 0;
    width: 225px;
}

    .overflowMenu ul a {
        border-top: 1px solid #6f263d;
        padding: 5px 25px;
    }

.overflowMenu li:first-child a {
    border: 0;
}

#subNav {
    width: 100%;
}

    #subNav a {
        display: block;
    }

    #subNav .parentLink {
        border-bottom: 4px solid #f1edec;
        margin: 0 0 11px 0;
        padding: 0 0 11px 0;
        font-size: 2em;
    }

        #subNav .parentLink span:before {
            text-decoration: none;
        }

    #subNav ul {
        font: 1.6em/1.375 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    }

    #subNav li {
        border-bottom: 1px solid #e0dcdb;
        padding: 11px 0;
    }

    #subNav .iconNavigateLeft:before {
        position: relative;
        top: 2px;
        padding: 0 12px 0 0;
        font-size: 18px;
    }
/**************************************************************************************************
* Card flips
**************************************************************************************************/
.flipWrap {
    -moz-perspective: 900000px;
    -ms-perspective: 900000px;
    -webkit-perspective: 900000px;
    perspective: 900000px; /* make iOS behave */
}

.flipContainer {
    float: left;
    position: relative;
    height: 308px;
    width: 100%;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .flip > li {
        outline: 1px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        color: #fff;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

.front {
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 2;
}

.back {
    background: #333132;
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 1;
}

.front > a {
    color: #fff;
    text-decoration: none;
}

    .front > a:hover strong {
        -moz-transition: opacity .25s ease-in;
        -o-transition: opacity .25s ease-in;
        -webkit-transition: opacity .25s ease-in;
        transition: opacity .25s ease-in;
        opacity: 0.85;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* Required for IE8 and below only */
    }

    .front > a .lazyLoad:after {
        content: '';
        background: rgba(0,0,0,0.18);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-transition: opacity .25s ease-in;
        -o-transition: opacity .25s ease-in;
        -webkit-transition: opacity .25s ease-in;
        transition: opacity .25s ease-in;
    }

    .front > a:hover .lazyLoad:after {
        opacity: 1;
    }

.overflowedCardFront .front .flipContent,
.overflowedCardBack .back {
    position: relative;
}

.overflowedCardFront .front,
.overflowedCardBack .back {
    overflow: hidden;
}

    .overflowedCardFront .front .flipContent:before,
    .overflowedCardBack .back:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 10px;
        z-index: 3;
    }

    .overflowedCardFront .front .flipContent:before {
        background: #ba0c2f;
    }

    .overflowedCardBack .back:before {
        background: #333132;
    }

    .overflowedCardFront .front .flipContent:after,
    .overflowedCardBack .back:after {
        content: '...';
        position: absolute;
        right: 10px;
        bottom: 0;
        font-size: 20px;
        z-index: 5;
    }

.toggleFlip {
    float: right;
    padding: 10px 0;
    height: 40px;
    width: 50px;
    z-index: 20;
    text-align: center;
    text-decoration: none;
}

.front .toggleFlip.transparentToggle {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* Required for IE8 and below only */
}

    .front .toggleFlip.transparentToggle:before {
        color: #524d49;
    }

.flip.reverseY .front {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
}

.flip.reverseY .back {
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 2;
}

.flip.hoveredY {
    -moz-transform: rotateY(5deg);
    -ms-transform: rotateY(5deg);
    -o-transform: rotateY(5deg);
    -webkit-transform: rotateY(5deg);
    transform: rotateY(5deg);
}

.flip.reverseY.hoveredY {
    -moz-transform: rotateY(-5deg);
    -ms-transform: rotateY(-5deg);
    -o-transform: rotateY(-5deg);
    -webkit-transform: rotateY(-5deg);
    transform: rotateY(-5deg);
}

.interacted {
    z-index: 10;
}

.flipContent {
    padding: 10px;
}

.front .flipContent {
    background: #ba0c2f;
    height: 88px;
}


.flipHighlight {
    background: #6f263d;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 11px 12px;
    text-align: center;
    z-index: 10;
}

    .flipHighlight.indentedHighlight {
        right: 12px;
        bottom: 22px;
        left: 12px;
    }

.back ul {
    margin: -0.5em 0 0.5em 15px;
    font-size: 1.6em;
}

.back li {
    padding: 0 0 0.5em 0;
}

    .back li:before {
        content: '';
        background: #fff;
        float: left;
        margin: 8px 10px 0 -15px;
        height: 6px;
        width: 6px;
    }
/* card variations */
.front .flipContent.darkRed {
    background: #6f263d;
}

.front .flipContent.green {
    background: #55ba46;
}

.front .flipContent.blue {
    background: #0093d0;
}

.front .flipContent.purple {
    background: #a3228d;
}

.front .flipContent.darkGrey {
    background: #333132;
}

.front .flipContent.lightGrey {
    background: #aca2a0;
}

.front .flipContent.darkText,
.front .toggleFlip.darkFlip:before {
    color: #333132;
}

.fellowCard {
    width: 175px;
    max-width: 100%;
}

    .fellowCard .front .flipContent {
        height: 132px;
    }

    .fellowCard .flip.hoveredY {
        -moz-transform: rotateY(10deg);
        -ms-transform: rotateY(10deg);
        -o-transform: rotateY(10deg);
        -webkit-transform: rotateY(10deg);
        transform: rotateY(10deg);
    }

    .fellowCard .flip.reverseY.hoveredY {
        -moz-transform: rotateY(-10deg);
        -ms-transform: rotateY(-10deg);
        -o-transform: rotateY(-10deg);
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg);
    }

    .fellowCard + .fellowText {
        float: left;
        margin: -308px 0 0 200px;
    }

.journalCard .front .overlayCaption, .front .overlayCaption.lightgrey {
    background: #d6d2c4;
    color: #333132;
}

.journalCard .front .flipContent {
    height: auto;
}

.journalCard .front .flipLink {
    background: #333132;
    padding: 9px 0;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -moz-transition: background .25s ease-in;
    -o-transition: background .25s ease-in;
    -webkit-transition: background .25s ease-in;
    transition: background .25s ease-in;
}

.journalCard .front > a:hover .flipLink {
    background: #414141;
}

.journalCard .front .flipContent.lightGrey {
    background: #938884;
}

.committeeCard .front .flipContent {
    height: 132px;
}
/* non flipable policy project cards */
.projectLink {
    text-decoration: none;
}

.projectTitle {
    background: #ba0c2f;
    margin: 0;
    padding: 11px 25px;
    width: 100%;
    color: #fff;
}

.projectDetails {
    background: #d6d2c4;
}

.projectText {
    padding: 22px 25px 0 25px;
    width: 47.8260869565%; /* 275px / 575px */
}

    .projectText p {
        color: #333132;
        font-size: 1.5em;
    }

.projectImage {
    width: 52.1739130435%; /* 300px / 575px */
}
/**************************************************************************************************
* Rolodex
**************************************************************************************************/
.rolodex {
    position: relative;
    height: 396px;
    width: 100%;
    overflow: hidden;
}

.rolodexControls {
    position: relative;
    height: 100%;
    width: 430px;
    z-index: 20;
}

    .rolodexControls ul {
        position: absolute;
        top: -22px;
        left: 80px;
        width: 350px;
        -moz-transition: top ease 0.6s;
        -o-transition: top ease 0.6s;
        -webkit-transition: top ease 0.6s;
        transition: top ease 0.6s;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .rolodexControls li {
        float: left;
        clear: both;
        position: relative;
        display: table;
        padding: 11px 0;
        width: 100%;
    }

        .rolodexControls li a {
            background: #6f263d;
            display: table-cell;
            vertical-align: middle;
            padding: 10px 35px;
            height: 66px;
            width: 100%;
            color: #fff;
            font-size: 1.8em;
            text-align: center;
            text-decoration: none;
            overflow: hidden;
            -moz-transition: all ease 0.6s;
            -o-transition: all ease 0.6s;
            -webkit-transition: all ease 0.6s;
            transition: all ease 0.6s;
        }

    .rolodexControls .current a {
        background: #ba0c2f;
    }

        .rolodexControls .current a:before {
            opacity: 1;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* Required for IE8 and below only */
        }

    .rolodexControls .prev,
    .rolodexControls .next {
        background: #333132;
        position: absolute;
        left: 0;
        padding: 15px 0;
        height: 48px;
        width: 53px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

    .rolodexControls .prev {
        top: 0;
    }

    .rolodexControls .next {
        bottom: 0;
    }

        .rolodexControls .prev:before,
        .rolodexControls .next:before {
            font-size: 18px;
        }

.rolodexContent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

    .rolodexContent li {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* Required for IE8 and below only */
        -moz-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        -webkit-transition: all ease 0.6s;
        transition: all ease 0.6s;
    }

    .rolodexContent .current {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* Required for IE8 and below only */
        z-index: 50;
    }

    .rolodexContent img {
        max-width: none;
    }

.rolodexOverlay {
    right: 50px;
    bottom: 44px;
}

.reverseRolodex .rolodexControls {
    float: right;
}

    .reverseRolodex .rolodexControls .prev,
    .reverseRolodex .rolodexControls .next {
        right: 0;
        left: auto;
    }

    .reverseRolodex .rolodexControls ul {
        right: 80px;
        left: auto;
    }

.reverseRolodex .rolodexOverlay {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
    right: auto;
    left: 50px;
}
/**************************************************************************************************
* Slideable content
**************************************************************************************************/
.slideableWrapper {
    position: relative;
    margin: -22px 0 0 0;
    padding: 22px 0;
    height: 352px;
    width: 100%;
    overflow: hidden;
}

.slideable {
    position: absolute;
    left: 0;
    -moz-transition: left 0.8s ease;
    -o-transition: left 0.8s ease;
    -webkit-transition: left 0.8s ease;
    transition: left 0.8s ease;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .slideable .flipContainer {
        margin-right: 25px;
    }

        .slideable .flipContainer:last-child {
            margin-right: 0;
        }

.moreItems {
    background: #333132;
    position: absolute;
    top: 22px;
    bottom: 22px;
    width: 175px;
    color: #fff;
    font-size: 2.2em;
    text-align: center;
    text-decoration: none;
    z-index: 50;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* Required for IE8 and below only */
}

.prevItems {
    left: 0;
}

.nextItems {
    right: 0;
}

.moreItems span {
    display: block;
    margin: 77px 0 0 0;
}

    .moreItems span:before {
        display: block;
        margin: 0 0 11px 0;
        text-align: center;
    }
/**************************************************************************************************
* Searches
**************************************************************************************************/
.filter {
    background: #d6d2c4;
    border-radius: 5px;
    float: left;
    margin: 0 25px 22px 0;
    padding: 0 20px 0 15px;
    color: #333132;
    font-size: 1.8em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 44px;
    text-decoration: none;
    box-shadow: inset 0 -4px #bdb9ad;
}

    .filter.iconTick:before {
        float: right;
        margin: 11px 0 0 0;
    }

    .filter.set {
        background: #d6d2c4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwNzdDMzg0MUZGRjExRTU4Qjc0REM4MUIwMTlBRUM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwNzdDMzg1MUZGRjExRTU4Qjc0REM4MUIwMTlBRUM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjA3N0MzODIxRkZGMTFFNThCNzREQzgxQjAxOUFFQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3N0MzODMxRkZGMTFFNThCNzREQzgxQjAxOUFFQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fOma7AAABu0lEQVR42mLcxaPfwMDAUM9AG/AJiPcAcQUQ32YCEiDLGmlkGR8QBwHxKSBWZ45lkwAJHgBiRiB2oJGlHEAsxYQkQEsfgoAbE5oAVSwUdrFisDy5hoFViB9ZmIcJi1qKLOTVU2fQW9zNwKOlwmCwciKKHBMOPURZyCrIjxoxMhIMhmumMLDwcIP53+48JMoyghZyKcsxWJ/fyCAdHwTms/DxMBium8rALikK5r/de5zhWl4zih4WAo5vgNIY+dBw7RQGVmEBBs2JNQy/Xr9jkMuOZuDRVAbLfb50k+FSTAnD/99/UPTAkj4+gDVbgIJKyMGMgZGJkUEi1IOBU14aLP7j8QuGsz6pDL/ffcAwiBjLsFr44dg5Bg4pMQY+A024oj+fvjCc8U5h+P7gKVZDmEhIaBhxeL2gheHNziNgNijILoTlM3y9cQ+nAUwkpmwUC////cdwKa6U4dO5awxX0msZ3h89i1czI7AgJic7kVV4M5GZd8nK+EwUlEokW8hEYTFIkoWUWkaShdSwjGgLqWUZURZS0zKCFlLbMrwW0sIynBbSyjKsFtLSMgwLaW0ZioUsDPQB4BofIMAAclJuKyxELtwAAAAASUVORK5CYII=) no-repeat right top;
        background-size: 27px 27px;
    }

        .filter.set.active {
            background: #6f263d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwNzdDMzg0MUZGRjExRTU4Qjc0REM4MUIwMTlBRUM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwNzdDMzg1MUZGRjExRTU4Qjc0REM4MUIwMTlBRUM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjA3N0MzODIxRkZGMTFFNThCNzREQzgxQjAxOUFFQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3N0MzODMxRkZGMTFFNThCNzREQzgxQjAxOUFFQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fOma7AAABu0lEQVR42mLcxaPfwMDAUM9AG/AJiPcAcQUQ32YCEiDLGmlkGR8QBwHxKSBWZ45lkwAJHgBiRiB2oJGlHEAsxYQkQEsfgoAbE5oAVSwUdrFisDy5hoFViB9ZmIcJi1qKLOTVU2fQW9zNwKOlwmCwciKKHBMOPURZyCrIjxoxMhIMhmumMLDwcIP53+48JMoyghZyKcsxWJ/fyCAdHwTms/DxMBium8rALikK5r/de5zhWl4zih4WAo5vgNIY+dBw7RQGVmEBBs2JNQy/Xr9jkMuOZuDRVAbLfb50k+FSTAnD/99/UPTAkj4+gDVbgIJKyMGMgZGJkUEi1IOBU14aLP7j8QuGsz6pDL/ffcAwiBjLsFr44dg5Bg4pMQY+A024oj+fvjCc8U5h+P7gKVZDmEhIaBhxeL2gheHNziNgNijILoTlM3y9cQ+nAUwkpmwUC////cdwKa6U4dO5awxX0msZ3h89i1czI7AgJic7kVV4M5GZd8nK+EwUlEokW8hEYTFIkoWUWkaShdSwjGgLqWUZURZS0zKCFlLbMrwW0sIynBbSyjKsFtLSMgwLaW0ZioUsDPQB4BofIMAAclJuKyxELtwAAAAASUVORK5CYII=) no-repeat right 4px;
        }

    .filter.active {
        background: #6f263d;
        position: relative;
        color: #fff;
        box-shadow: inset 0 4px #4d1a2a;
    }

.filterSeparator {
    margin: 11px 0 33px 0;
}

.moreFilters {
    font-size: 16px;
    line-height: 44px;
}

    .moreFilters span:before {
        position: relative;
        top: 2px;
        text-decoration: none;
    }

.allFiltersShown .largeScreenFilter {
    display: block;
}

.allFiltersShown .moreFilters {
    display: none;
}

.filterContainer {
    padding: 0 25px 22px 25px;
    width: 76.5957446809%; /* 900px / 1175px */
}

.moreResults p {
    float: left;
    width: 33.3333333333%;
}
/* Journal Search */
.journalSearch .textbox {
    width: 345px;
}
/* Large Search Components */
.largeSearch .textbox {
    background: #fff;
}

.largeSearch .btn.iconSearch {
    padding: 19px 30px;
}

.largeSearch .iconSearch:before {
    margin: 0;
}
/* Clear filters */
.clearFilters {
    margin-top: 11px;
}

    .clearFilters:before {
        position: relative;
        top: 1px;
    }
/**************************************************************************************************
* Forms
**************************************************************************************************/
label {
    margin: 0 25px 0 0;
    font-size: 1.6em;
}

.inlineLabel {
    margin: 0 10px 0 0;
}

.mediumLabel {
    margin: 6px 25px 0 0;
    font-size: 2.2em;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

.largeLabel {
    margin: 0 0 22px 0;
    font-size: 2.8em;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    line-height: 44px;
}

.textbox {
    background: #f1edec;
    border: 1px solid #e8e6df;
    border-radius: 5px;
    margin: 0 25px 22px 0;
    padding: 11px 15px;
    height: 44px;
    font-size: 1.8em;
    line-height: 22px;
    -webkit-appearance: none;
}

.textboxJoined {
    border-right: 0;
    border-radius: 5px 0 0 5px;
    margin-right: 0;
}

textarea.textbox {
    height: 110px;
    font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
}

input[type=checkbox] {
    margin: 4px 10px 0 0;
}

input[type=radio] {
    position: relative;
    top: 1px;
    margin: 0 5px;
}

input[type=file] {
    font-size: 1.6em;
}

.styledSelect {
    background: #f1edec;
    border-radius: 5px;
    position: relative;
    margin: 0 25px 22px 0;
    width: 445px;
    max-width: 100%;
    overflow: hidden;
}

    .styledSelect:hover:before {
        background: #d40d34;
    }

    .styledSelect select {
        background: transparent;
        border: 0;
        padding: 11px 15px;
        height: 44px;
        width: 100%;
        font-family: 'Proxima Nova Light';
        font-size: 1.8em;
        cursor: pointer;
        -webkit-appearance: none;
    }

.styledMultiSelect {
    background: #f1edec;
    border: 1px solid #e8e6df;
    padding: 11px 15px;
    color: #333132;
    font-size: 1.8em;
    -webkit-appearance: none;
}

.styledSelect.ieDropDown:before {
    display: none;
}

.styledSelect.ieDropDown {
    background: #f1edec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAsBAMAAAAz5D0tAAAAHlBMVEUAAAC6DC+6DC+6DC+6DC+6DC/////y3uDYkZm/L0afJfwmAAAABXRSTlMA875NhDZ6GpMAAAB5SURBVDjLYwjFBYQMGHBLhobgkww1wCepgE9SAJ9kwKgkCZLtU2EkpmREWiWMxJRsS0ufCiGxSqZVAjVilYSIg1WgSCK0VkA1IiQRWkGgEs0rCK1wjZiSEQiNCElU32BKIsIBUxIRgoMpPoezpADZBYYBqYUUongDALY5nR7TCUNoAAAAAElFTkSuQmCC) no-repeat right top;
}

    .styledSelect.ieDropDown select {
        width: 130%;
        width: calc(100% + 40px);
    }

.styledSelect.ie10DropDown select {
    padding: 11px 95px 11px 15px;
}

    .styledSelect.ie10DropDown select::-ms-expand {
        display: none;
    }

.narrowSelect {
    width: 200px;
}

.btn, .scfSubmitButton {
    background: #ba0c2f;
    border: 0;
    display: inline-block;
    margin: 0 0 22px 0;
    padding: 13px 30px;
    min-width: 175px;
    color: #fff;
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -moz-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
    -webkit-appearance: none;
}

input.btn {
    white-space: normal;
}

.btn:hover, .scfSubmitButton:hover {
    background: #d40d34;
}

.btnSecondary {
    background: #6f263d;
}

    .btnSecondary:hover {
        background: #8a2f4c;
    }

.btnBordered {
    box-shadow: inset 0 -4px #930015;
}

.btnSecondary.btnBordered {
    box-shadow: inset 0 -4px #4d1a2a;
}

.btnRounded, .scfSubmitButton {
    border-radius: 5px;
}

.btnJoined {
    border-radius: 0 5px 5px 0;
    min-width: 0;
    padding: 13px 15px;
}

.btnGrey {
    background: #d6d2c4;
    box-shadow: inset 0 -4px #bdb9ad;
    padding: 13px 15px;
    min-width: 0;
    color: #333132;
}

    .btnGrey:hover {
        background: #e8e6df;
    }

.btn.iconArrowLeft:before {
    margin: 0 5px 0 0;
}

.signUpForm label {
    font-size: 2.2em;
    line-height: 2;
}

#signUpEmail {
    margin: 0;
    width: 250px;
}

.searchOptions .textbox {
    width: 200px;
}

.searchOptions .textboxWide,
.textboxWide + .preSearchList {
    width: 425px;
}

.searchOptions .datepicker {
    width: 150px;
}

.searchOptions .iconExternalLink:before {
    float: right;
    margin: 0 0 0 10px;
    font-size: 18px;
}

.searchOptions .filter.iconExternalLink:before {
    margin-top: 12px;
}

.offsetForm {
    margin: -22px 0 0 0;
}

    .offsetForm .textbox {
        width: 475px;
    }

.preSearchContainer {
    display: inline;
    position: relative;
}

.preSearchList {
    border: 1px solid #e8e6df;
    position: absolute;
    left: 0;
    margin: -25px 0 0 0;
    width: 200px;
    text-align: left;
    z-index: 5;
}

    .preSearchList li {
        border-top: 1px solid #e8e6df;
        background: #f1edec;
        padding: 10px 15px;
        font-size: 1.8em;
    }

        .preSearchList li:first-child {
            border: 0;
        }

        .preSearchList li:hover {
            background: #e0dcdb;
            font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
            cursor: pointer;
        }

.halfForm label {
    float: left;
    clear: both;
    margin: 0;
    padding: 11px 25px 0 0;
    width: 30.4347826087%;
}

.halfForm .textbox,
.halfForm .styledSelect #institutionPreSearch {
    float: left;
    margin-right: 0;
    width: 69.5652173913%;
}

.halfForm .field {
    float: left;
    width: 69.5652173913%;
    padding: 11px 0;
    height: 44px;
    font-size: 1.8em;
    line-height: 22px;
    -webkit-appearance: none;
}

#institutionPreSearch .textbox,
#institutionPreSearch .preSearchList {
    width: 100%;
}

.halfForm .checkbox input {
    margin: 15px 0 0 0;
}

.halfForm .btn,
.halfForm .scfSubmitButton {
    float: left;
    margin: 0 0 0 30%;
}

.halfForm .validationError {
    margin: -11px 0 22px 30%;
    color: #333132;
    font-size: 1.4em;
}
/* sitecore forms for marketers overrides */
.scfForm .fieldPanel {
    float: left;
    width: 60%;
    position: relative;
}

.scfForm label {
    float: left;
    clear: both;
    margin: 0;
    padding: 11px 25px 0 0;
    width: 30.4347826087%;
}

.scfForm .fieldPanel .textbox {
    width: 100%;
    float: right;
    margin-right: 0;
}

.scfForm .scfSubmitButton {
    float: left;
    margin: 0 0 0 30.4347826087%;
}

.scfForm .scfRequired {
    display: none;
}

.scfForm .scfValidator,
.scfForm .scfValidatorRequired,
.scfForm .scfCheckboxUsefulInfo {
    margin: -11px 0 22px 0;
    color: #333132;
    font-size: 1.4em;
}

.scfForm .scfCheckboxUsefulInfo {
    width: auto;
    padding: 0;
    clear: both;
    margin: 0 0 0 30.4347826087%;
}

.scfForm .textbox {
    font: 1.8em/22px 'Proxima Nova', Arial, Helvetica, sans-serif;
}

.scfForm .scfDropListGeneralPanel {
    background: #f1edec;
    border-radius: 5px;
    position: relative;
    margin: 0 25px 22px 0;
    width: 60%;
    overflow: hidden;
}

    .scfForm .scfDropListGeneralPanel:hover:before {
        background: #d40d34;
    }

    .scfForm .scfDropListGeneralPanel:before {
        content: '';
        background: #ba0c2f;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 0;
        padding: 16px 18px;
        height: 44px;
        width: 55px;
        color: #fff;
        font-size: 12px;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        pointer-events: none;
        -moz-transition: background .15s linear;
        -o-transition: background .15s linear;
        -webkit-transition: background .15s linear;
        transition: background .15s linear;
    }

.scfForm select {
    background: transparent;
    border: 0;
    padding: 11px 15px;
    height: 44px;
    width: 100%;
    font-family: 'Proxima Nova Light';
    font-size: 1.8em;
    cursor: pointer;
    -webkit-appearance: none;
}

.scfForm .scfCheckBoxListGeneralPanel {
    width: 100%;
    margin: 0;
}

.scfForm .scfCheckbox {
    width: 100%;
    padding: 0;
}

    .scfForm .scfCheckbox input[type=checkbox] {
        margin: 15px 10px 0 0;
    }



#bookingForm .scfRequired {
    display: none;
}

#bookingForm .scfValidator,
#bookingForm .scfValidatorRequired {
    margin: -11px 0 22px 0;
    color: #333132;
    font-size: 1.4em;
}

#bookingForm .scfForm .textbox {
    font: 1.8em/22px 'Proxima Nova', Arial, Helvetica, sans-serif;
}

.fullForm h4 {
    margin: 0;
    padding: 0 25px 11px 0;
    width: 21.2765957447%; /* 250px / 1175px */
    line-height: 2;
}

.fullForm .textbox {
    width: 400px;
}

.fullForm .indented {
    margin-left: 21.2765957447%;
}

.newsletterOptions {
    width: 78.7234042553%;
}

    .newsletterOptions .blockOption {
        margin: 0 -25px 0 25px;
        width: 50%;
    }

input.blockCheckbox {
    margin-top: 28px;
}

.blockCheckbox + label {
    border: 1px solid #e0dcdb;
    display: block;
    margin: -44px 50px 22px -25px;
    padding: 22px 25px 22px 50px;
    cursor: pointer;
}

    .blockCheckbox + label:hover {
        background: #f1edec;
    }

.blockCheckbox:checked + label {
    background: #6f263d;
    color: #fff;
}

.requiredFieldError {
    float: left;
    margin: 11px 0;
    font-size: 1.8em;
    line-height: 1.222em;
}

.validationError {
    font-size: 1.4em;
}
/* datepicker styling */
.datepicker {
    background: #f1edec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVBAMAAABWJ8jiAAAAKlBMVEUAAAAzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTIzMTI37TYqAAAADXRSTlMAiFXMEd27qu4qZneZoSOnlQAAAIVJREFUCNdjYOAUVGBgUJRkAALWuzcZOO/eADF9hS4xMF1a68DAoGYrdNnY+JKu2QKG3rtCd+/evaR7t4HhLoS59u4FIBMCgMyrxqbGFkBseoHhIoMiA7MDowIjKtNF0cXZxVHFEZ9aTOY1wTJBUUGxQrELDNeVtispK6lvUidCrSzMZQcAs2ZLvFmpxWoAAAAASUVORK5CYII=) no-repeat 90% center;
    background-position: right 15px center; /* more reliable way to align right for browsers that support it */
}

.ui-datepicker {
    background: #fff;
    border: 1px solid #333132;
    display: none;
    padding: 5px;
    width: 250px;
    z-index: 100 !important;
}

.ui-datepicker-header {
    position: relative;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    padding: 0 10px;
    font-family: 'icomoon';
    cursor: pointer;
}

    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        display: none;
    }

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-title {
    padding: 6px 0;
    font: 1.6em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-align: center;
}

.ui-datepicker-calendar {
    margin: 0;
}

.ui-datepicker tr {
    display: table-row;
    margin: 0;
}

.ui-datepicker th {
    display: table-cell;
    padding: 5px;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.ui-datepicker td {
    border-bottom: 0;
    display: table-cell;
    padding: 3px 5px;
    width: 14.2857142857%;
}

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        text-align: center;
        text-decoration: none;
    }

.ui-datepicker .ui-state-active {
    text-decoration: underline;
}
/* fellow profile update form */
#fellowProfileForm .btnSeparated {
    margin: 0;
}

#fellowProfileForm .btnSecondary {
    margin-bottom: 44px;
}

#fellowProfileForm .btnRight {
    float: right;
    margin: 0;
}

#fellowProfileForm .fullWidth label {
    width: 20.085106383%;
}

#fellowProfileForm .fullWidth .textbox {
    width: 79.914893617%;
}

#fellowProfileForm label.fullWidth,
#fellowProfileForm .textbox.fullClear {
    width: 100%;
}

#fellowProfileForm .styledMultiSelect {
    height: 205px;
    width: 41.4468085106%;
}

#fellowProfileForm .addRemoveButtons {
    margin: 35px 0;
    width: 17.0212765957%;
}

#fellowProfileForm .moveBetweenLists {
    clear: both;
    margin: 11px 0;
    min-width: 0;
    width: 100%;
}

    #fellowProfileForm .moveBetweenLists:before {
        position: absolute;
        font-size: 1.1em;
    }

    #fellowProfileForm .moveBetweenLists.iconNavigateRight:before {
        right: 10px;
    }

    #fellowProfileForm .moveBetweenLists.iconNavigateLeft:before {
        left: 10px;
    }

#fellowProfileForm .activitiesList {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

    #fellowProfileForm .activitiesList label {
        float: none;
    }
/**************************************************************************************************
* Images
**************************************************************************************************/
.lazyLoad,
.videoContainer {
    position: relative;
    height: 0;
    overflow: hidden;
}

    .lazyLoad img,
    .videoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
    }

    .videoContainer iframe {
        height: 100%;
    }

.lazyLoad {
    padding-bottom: 100%;
}

.homeCard .lazyLoad {
    padding-bottom: 51.3333333333%;
}


.lazyLoad.halfRatio {
    padding-bottom: 48.2580645161%;
}

.lazyLoad.oneThirdRatio {
    padding-bottom: 33.7142857143%;
}

.lazyLoad.fourFifthRatio {
    padding-bottom: 80%;
}

.lazyLoad.twoThirdRatio {
    padding-bottom: 64%;
}

.lazyLoad.threeQuarterRatio {
    padding-bottom: 76.2105263158%;
}

.lazyLoad.noRatio {
    padding-bottom: 0;
    height: auto;
    overflow: visible;
}
    /* lazyLoad.noRatio { */
    /* padding-bottom: 0; */

    /* overflow: visible; */
    /* } */
    .lazyLoad.noRatio img {
        position: relative;
    }

.rolodex .lazyLoad.noRatio img {
    width: 1175px;
}

.featureImage .lazyLoad.noRatio img {
    width: 1225px;
}


.featureImage .lazyLoad .halfRatio img {
    padding-bottom: 51.3333333333%;
}

.videoContainer {
    padding: 5px 0 56.25% 0;
}

#bgVideoControls {
    position: absolute;
    bottom: 2px;
    left: 3px;
}

.video-lightbox {
    position: absolute;
    bottom: 20px;
    left: 15px;
}

.imageContainer {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    z-index: 1;
}

    .imageContainer.iconPlay div {
        position: relative;
        z-index: 0;
    }

    .imageContainer.iconPlay img {
        z-index: 0;
    }

    .imageContainer.iconPlay:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        color: #fff;
        font-size: 60px;
        text-decoration: none;
        z-index: 10;
    }

.overlayCaption {
    background: #333132;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    padding: 6px 10px;
    color: #fff;
    font-size: 1.5em;
    z-index: 10;
}

    .overlayCaption p {
        font-size: 1em;
        margin: 0;
    }

.overlayCaptionTop {
    top: 0;
}

.overlayCaptionBottom {
    bottom: 0;
}

.front .overlayCaption.lightgrey {
    background: #fff;
    color: #333132;
}

.imageOverlay {
    background: #fff;
    box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.17);
    position: absolute;
    top: 44px;
    padding: 22px 25px;
    width: 350px;
}

.imageOverlay-centered {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    padding: 22px 25px;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 230px;
    margin: auto;
    width: 50%;
}

    .imageOverlay-centered h1 {
        line-height: 1;
        font-weight: bold;
    }

    .imageOverlay-centered h2 {
        font-size: 2.2em !important;
    }

    .imageOverlay-centered h3 {
        font-size: 1.7em !important;
    }

featureImage .lazyLoad {
    padding-bottom: 51.3333333333%;
}

/* featureImage1 .lazyLoad { */
/* padding-bottom: 33.3333333333%; */
/* } */


.featureImage .lazyLoad  {
     padding-bottom:  1.333333%;
}


/*.featureImage .lazyLoad .halfRatio img{
    padding-bottom: 51.3333333333%;
}*/

.featureImage {
    position: relative;
    overflow: hidden;
}

    .featureImage .imageOverlay {
        right: 75px;
    }

.featureTitle {
    line-height: 1.2;
    margin: 0 0 22px 0;
}

/* .featureImage .lazyLoad { */
/* padding-bottom: 34.3333333333%; */
/* } */
div.lazyLoad.RemoveImg{
    display:none;
}
.spotlight .imageOverlay {
    top: 22px;
    left: 37px;
    bottom: 22px;
    width: 300px;
}

.cropped {
    position: relative;
    height: 200px;
    width: 250px;
    overflow: hidden;
}

    .cropped img {
        max-width: none;
        position: absolute;
        top: -50%;
        left: -50%;
    }

#eventSearch .lazyLoad img {
    top: auto;
    bottom: 0;
}

#eventSearch .overlayCaption {
    min-height: 33px;
}
/**************************************************************************************************
* Tables
**************************************************************************************************/
table {
    margin: 0 0 22px 0;
    font-size: 1.6em;
    width: 100%;
}

    table th {
        background: #6f263d;
        padding: 11px;
        color: #fff;
    }

    table td {
        background: #e0dcdb;
        padding: 11px;
        text-align: center;
    }

.clearTable th {
    background: 0;
    padding: 0 11px;
    color: #333132;
    font-size: 1.125em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-align: left;
}

.clearTable td {
    background: 0;
    padding: 5px 11px;
    text-align: left;
}
/* google site search overrides */
.gsc-control-cse td {
    background: 0;
}
/**************************************************************************************************
* Homepage
**************************************************************************************************/
.statement {
    position: relative;
    overflow: hidden;
}

    .statement a {
        color: #333132;
        text-decoration: none;
    }

    .statement .more {
        height: 0;
        font-size: 16px;
        overflow: hidden;
    }

    .statement .iconArrowRight:before {
        margin: 0 6px 0 0;
        color: #ba0c2f;
    }

.homeCard .toggleFlip {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 0;
    height: 60px;
    width: 70px;
}

.homeCard .iconFlip:before {
    font-size: 30px;
}

.homeFlipOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100%;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

    .homeFlipOverlay a {
        color: #fff;
        text-decoration: none;
    }

    .homeFlipOverlay .contentOverlay {
        background: #333132;
        /*background: -moz-linear-gradient(right, rgba(0,0,0,0.65) 0, rgba(0,0,0,0) 80%);
        background: -webkit-gradient(linear, right top, left top, color-stop(0,rgba(0,0,0,0.65)), color-stop(80%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(right, rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 80%);
        background: -o-linear-gradient(right, rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 80%);
        background: -ms-linear-gradient(right, rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 80%);
        background: linear-gradient(to left, rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );*/
        background: rgba(0,0,0,0.65);
        position: absolute;
        /*padding: 10px 20px 10px 120px;*/
        padding: 10px 20px 10px 20px;
        height: 100%;
        width: 100%;
        /*text-align: right;*/
        text-align: left;
    }

    .homeFlipOverlay .tagline {
        margin: 0 0 10px 0;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        text-transform: uppercase;
    }

    .homeFlipOverlay h3 {
        font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
        font-size: 1.8em;
        text-decoration: none;
    }

.homeCard .titleOverlay {
    background: #ba0c2f;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 110px;
    z-index: 5;
}

    .homeCard .titleOverlay h2 {
        position: absolute;
        bottom: 0;
        margin: 10px;
        font-size: 1.8em;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        line-height: 1.2;
    }

.homeCard .sectionLink {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 10px 20px;
    /*margin: 10px 2px 20px 20px;*/
}

    .homeCard .sectionLink a {
        border-bottom: 1px solid #c7bfbd;
        color: #c7bfbd;
        text-decoration: none;
    }

        .homeCard .sectionLink a:hover {
            border-bottom: 0;
        }

        .homeCard .sectionLink a:before {
            float: right;
            margin: 7px 0 0 6px;
            color: #c7bfbd;
        }

.homeCard .back {
    background: #ba0c2f;
}

.homeCard .flipContent {
    padding: 22px 25px;
    height: 100%;
}

.homeFlipLink {
    color: #fff;
    font: 2.2em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.fact span {
    display: block;
    font: 3.625em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

.homeCard .whiteBorder {
    border-right: 1px solid #fff;
    height: 100%;
}
/**************************************************************************************************
* Content pages
**************************************************************************************************/
.backBtn {
    margin: 0 0 0 25px;
}

.topBtn {
    width: 375px;
}

.blogDate {
    margin: 0 0 6px 0;
}

.podTitle {
    display: block;
    margin: 0 0 10px 0;
    font-size: 1.8em;
    line-height: 1.22;
}

.largeTabs .tabs a {
    background: #d6d2c4;
    display: block;
    padding: 22px 25px;
    font: 3.2em/44px 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.largeTabs .selectedTab a {
    background: #fff;
    box-shadow: 4px 0 0 0 rgba(151, 140, 135, 0.1);
    color: #333132;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.largeTabs .tabContent {
    box-shadow: 0 -4px 0 0 rgba(151, 140, 135, 0.1);
}

.tabContent .contentBox {
    padding: 44px 25px 0 25px;
}

.shadedBox {
    background: #e0dcdb;
    padding: 22px 15px;
}

.fellowTitle {
    font-size: 2.2em;
    line-height: 1;
}

.electedText {
    display: block;
    font-size: 0.833em;
}

.contactInfo {
    position: relative;
}

    .contactInfo .left {
        width: 75px;
    }

    .contactInfo .right {
        margin: 0 0 0 -75px;
        padding: 0 0 0 75px;
        width: 100%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .contactInfo .iconTwitter:before {
        font-size: 23px;
    }

.orcid {
    color: #939598;
}

.orcidGreen {
    color: #a6ce39;
}

.mediaImg {
    width: 20%;
}

    .mediaImg + .media {
        padding-left: 25px;
    }

.expandableBio {
    max-height: 132px;
    overflow: hidden;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.toggleExpandable {
    border-top: 11px solid #fff;
    position: relative;
    display: block;
    margin: 0 0 44px 0;
    font-size: 1.8em;
    text-align: center;
}

    .toggleExpandable .iconArrowDown:before {
        -moz-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        -webkit-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

    .toggleExpandable .iconArrowDown.open:before {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .toggleExpandable:after {
        content: '';
        border-top: 1px solid #d6d2c4;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
    }

    .toggleExpandable span {
        background: #fff;
        position: relative;
        padding: 0 20px;
        z-index: 10;
    }

.moreTitle {
    padding: 8px 25px 8px 0;
}

.separatedLinks li {
    border-right: 1px solid #d6d2c4;
    float: left;
    margin: 0 12px 0 0;
    padding: 0 12px 0 0;
    font-size: 1.6em;
}

.separatedLinks a {
    color: #6f263d;
}

.separatedLinks .light {
    color: #ba0c2f;
}

.separatedLinks.largeLinks li {
    margin: 0 25px 0 0;
    padding: 0 25px 0 0;
    font: 2.2em/2 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

    .separatedLinks li:last-child,
    .separatedLinks.largeLinks li:last-child {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }

.highlightedTitle {
    background: #e0dcdb;
    padding: 11px 15px;
    font: 2em/1.1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.medalLink {
    display: block;
    min-height: 44px;
}
/* blockquotes and inline illustrations */
blockquote {
    position: relative;
    padding: 22px 75px;
}

    blockquote p {
        margin: 0;
        font: 2.2em/1.4 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    }

        blockquote p:before {
            position: absolute;
            top: -14px;
            left: -75px;
        }

    blockquote footer {
        font: 1.7em/1.4 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    }

        blockquote footer:before {
            position: absolute;
            right: -75px;
            bottom: -14px;
        }

.pictureLibrary .left {
    width: 35.4838709677%;
}

.pictureLibrary .right {
    width: 64.5161290323%;
}

.illustration,
.pullQuote {
    clear: right;
    padding: 0 0 22px 25px;
}

.illustration {
    width: 100%;
}

.twoThirdWidth .illustration,
.twoThirdWidth .pullQuote {
    max-width: 41.9354838709%;
}

.eventOverview .illustration {
    max-width: 50%;
    width: 50%;
}

.illustration .caption {
    display: block;
    margin: 0.75em 0 1em 0;
    font-size: 1.4em;
}

p.illustration .caption {
    font-size: 0.875em;
}

.pullQuote {
    text-align: right;
}

    .pullQuote p {
        border-top: 4px solid #e0dcdb;
        padding: 12px 0;
        color: #6f263d;
        font: 2.4em/1.2 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }

    .pullQuote footer {
        font: 1.6em/1.375 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }
/* downloads list */
.downloadList li {
    border-bottom: 1px solid #e0dcdb;
    padding: 11px 0;
}

.downloadList p {
    margin: 0 0 5px 0;
    padding: 0 0 0 42px;
}

.downloadList .icon:before {
    float: left;
    margin: 8px 12px 8px 0;
    color: #333132;
    font-size: 36px;
}
/* hero image */
.heroImageOverlayContainer {
    position: relative;
}

.heroImageOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100%;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

    .heroImageOverlay h2 {
        color: #fff;
        position: absolute;
        bottom: 0;
        margin: 10px;
        font: 1.8em/1.2 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }

    .heroImageOverlay .titleOverlay {
        background: #ba0c2f;
        position: absolute;
        right: 0;
        height: 100%;
        width: 120px;
        z-index: 5;
    }

    .heroImageOverlay .titleOverlayLink {
        border-bottom: 1px solid #c7bfbd;
        color: #c7bfbd;
        text-decoration: none;
        position: absolute;
        right: 0;
        height: 100%;
        width: 120px;
        z-index: 5;
    }

    .heroImageOverlay .titleSideOverlayLink {
        border-bottom: 1px solid #c7bfbd;
        color: #c7bfbd;
        text-decoration: none;
        position: absolute;
        right: 0;
        height: 100%;
        width: 180px;
        z-index: 5;
    }


    .heroImageOverlay .titleOverlay a {
        text-decoration: none;
    }

    .heroImageOverlay .contentOverlay {
        background: #333132;
        background: rgba(0,0,0,0.65);
        position: relative;
        padding: 10px 130px 10px 20px;
        height: 100%;
        width: 100%;
    }

    .heroImageOverlay h3 {
        font-size: 2.4em;
    }

    .heroImageOverlay a {
        color: #fff;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }


    .heroImageOverlay h2 {
        color: #fff;
        position: absolute;
        bottom: 0;
        margin: 10px;
        font: 1.8em/1.2 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    }

    .heroImageOverlay .titleOverlay {
        background: #ba0c2f;
        position: absolute;
        right: 0;
        height: 100%;
        width: 120px;
        z-index: 5;
    }

    .heroImageOverlay .titleOverlayLink {
        border-bottom: 1px solid #c7bfbd;
        color: #c7bfbd;
        text-decoration: none;
        position: absolute;
        right: 0;
        height: 100%;
        width: 120px;
        z-index: 5;
    }

    .heroImageOverlay .titleSideOverlayLink {
        border-bottom: 1px solid #c7bfbd;
        color: #c7bfbd;
        text-decoration: none;
        position: absolute;
        right: 0;
        height: 100%;
        width: 180px;
        z-index: 5;
    }


    .heroImageOverlay .titleOverlay a {
        text-decoration: none;
    }

    .heroImageOverlay .contentOverlay {
        background: #333132;
        background: rgba(0,0,0,0.65);
        position: relative;
        padding: 10px 130px 10px 20px;
        height: 100%;
        width: 100%;
    }


    .heroImageOverlay p {
        color: #fff;
        margin: 0;
    }

.spotlightImageOverlayContainer {
    position: relative;
}

.spotlightImageOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100%;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

    .spotlightImageOverlay .contentOverlay {
        background: #333132;
        background: rgba(0,0,0,0.65);
        position: relative;
        padding: 10px 20px 10px 20px;
        height: 100%;
        width: 100%;
    }

spotlightImageOverlay .sectionLink a {
    /*border-bottom: 1px solid #c7bfbd;*/
    color: #c7bfbd;
    text-decoration: none;
}


spotlightImageOverlay .lazyLoad {
    padding-bottom: 51.3333333333%;
}

.spotlightImageOverlay h2 {
    color: #fff;
    position: absolute;
    bottom: 0;
    margin: 10px;
    font: 1.8em/1.2 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    font-style: normal;
}

.spotlightImageOverlay h3 {
    font-size: 1.8em;
    color: #fff;
}

    .spotlightImageOverlay h3 a {
        bottom: 0;
        text-decoration: none;
        font-weight: normal;
    }

.spotlightImageOverlay .titleOverlay {
    border-bottom: 1px solid #c7bfbd;
    color: #c7bfbd;
    text-decoration: none;
    position: absolute;
    right: 0;
    height: 100%;
    width: 120px;
    font-style: normal;
}

.spotlightImageOverlay .titleOverlayLink {
    border-bottom: 1px solid #c7bfbd;
    color: #c7bfbd;
    text-decoration: none;
    position: absolute;
    right: 0;
    height: 100%;
    width: 120px;
    z-index: 5;
    padding-top: 70px;
    top: 1%;
}

.spotlightImageOverlay a {
    color: #fff;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.spotlightImageOverlay .titleOverlay a {
    text-decoration: none;
}

.spotlightImageOverlay .sectionLink a {
    border-bottom: 1px solid #c7bfbd;
    color: #c7bfbd;
    text-decoration: none;
}

    .spotlightImageOverlay .sectionLink a:hover {
        border-bottom: 0;
    }

    .spotlightImageOverlay .sectionLink a:before {
        float: right;
        margin: 7px 0 0 6px;
        color: #c7bfbd;
    }

.spotlightImageOverlay p {
    color: #fff;
    margin: 0;
}

    .spotlightImageOverlay p a {
        color: #fff;
        margin: 0;
    }


.spotlightImageOverlay .tagline {
    margin: 0 0 10px 0;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
    font-style: inherit;
}

.sectionLinkBotton {
    color: #fff;
    position: absolute;
    bottom: 2px;
    right: 0;
    margin: 10px 20px;
}

.greyLink {
    color: #c7bfbd;
}

.homeCardOverlay {
    position: absolute;
    bottom: 0;
    /*left: 0;
    height: 110px;*/
    width: 100%;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

    .homeCardOverlay .contentOverlay {
        background: #333132;
        background: rgba(0,0,0,0.65);
        position: relative;
        padding: 10px 130px 10px 20px;
        height: 100%;
        width: 100%;
    }

    .homeCardOverlay h3 {
        font-size: 1.8em;
    }

    .homeCardOverlay .tagline {
        margin: 0 0 10px 0;
        font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        font-size: 1.4em;
        text-transform: uppercase;
    }
/* Youtube Featured Block*/
.youtube {
    position: relative;
}

    .youtube .supporting-text {
        background: #333132;
        width: 40%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 20px;
    }

        .youtube .supporting-text h3 {
            color: #fff;
            font: 2.4em/1.2 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        }

    .youtube .youtubeVideo {
        padding-right: 40%;
        background-color: #1b1b1b;
    }
/* Event type gallery */
.eventTypeGallery {
    position: relative;
    overflow: hidden;
}

    .eventTypeGallery .span2 {
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 10;
    }

    .eventTypeGallery .col {
        margin: 0;
    }

    .eventTypeGallery .eventType {
        text-decoration: none;
    }

        .eventTypeGallery .eventType span {
            background: #d6d2c4;
            display: block;
            padding: 10px 35px 10px 25px;
            height: 44px;
            width: 100%;
            color: #333132;
            font-size: 1.8em;
            text-decoration: none;
            -moz-transition: all linear .25s;
            -o-transition: all linear .25s;
            -webkit-transition: all linear .25s;
            transition: all linear .25s;
            overflow: hidden;
        }

        .eventTypeGallery .eventType.active span {
            background-color: #6f263d;
            color: #FFF;
        }

        .eventTypeGallery .eventType span:before {
            position: absolute;
            right: -25px;
            color: #fff;
        }

        .eventTypeGallery .eventType.active span:before {
            right: 10px;
            -moz-transition: right ease-in-out .25s;
            -o-transition: right ease-in-out .25s;
            -webkit-transition: right ease-in-out .25s;
            transition: right ease-in-out .25s;
        }

    .eventTypeGallery .supportingContent {
        background-color: #6f263d;
        position: absolute;
        bottom: 0;
        padding: 12px;
        width: 100%;
    }

        .eventTypeGallery .supportingContent h4 {
            margin: 0 0 0.5em 0;
        }

        .eventTypeGallery .supportingContent h4,
        .eventTypeGallery .supportingContent p,
        .eventTypeGallery .supportingContent a {
            color: #fff;
        }
/* Results Filter */
.resultsFilter li {
    padding: 0;
}

    .resultsFilter li a {
        font: 1.8em/66px 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        padding: 0 22px;
        border: 1px solid #e0dcdb;
        border-left: none;
        display: inline-block;
        margin: 0;
        text-decoration: none;
    }

        .resultsFilter li a:hover {
            text-decoration: underline;
        }

    .resultsFilter li .active {
        background: #ba0c2f;
        color: #FFF;
    }

    .resultsFilter li:first-child a {
        border-left: 1px solid #e0dcdb;
        border-radius: 5px 0 0 5px;
    }

    .resultsFilter li:last-child a {
        border-radius: 0 5px 5px 0;
    }

.resultsFilter .iconExternalLink:before {
    float: right;
    margin: 22px 0 0 10px;
    font-size: 20px;
    text-decoration: none;
}
/* Search Results */
.resultList p,
.resultList h4 {
    margin-bottom: 11px;
}

.searchResultImage {
    width: 15%;
}
/* Accordion Styles */
h3.accordion {
    background-color: #f1edec;
    color: #ba0c2f;
    border-radius: 5px;
    padding: 22px 60px 22px 11px;
    font: 2.2em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    position: relative;
    border: 1px solid #e4e3e1;
}

    h3.accordion:hover {
        cursor: pointer;
    }

    h3.accordion.open {
        background-color: #ba0c2f;
        color: #fff;
    }

        h3.accordion.open:before {
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            color: #fff;
        }
/* fellow dashboard */
.welcomeImage {
    margin: 0 0 22px 15px;
    width: 90px;
}

.fellowAlert {
    border-right: 1px solid #d6d2c4;
    padding: 0 13px 0 25px;
}

.colList > .fellowAlert:nth-child(3n) {
    border-right: 0;
}

.colList > .fellowAlert:nth-child(3n+1) {
    padding-left: 12px;
}

.fellowAlert .icon {
    padding: 12px 7px;
    width: 30px;
    text-decoration: none;
}

.fellowCalendar h2 {
    margin: 0 0 56px 0;
}

.fellowCalendar h4 {
    margin-top: -44px;
}

.fellowCalendar .btn {
    margin: 0 25px 0 0;
}

.fellowCalendar .additionalLinks {
    margin: 11px 0 0 0;
}
/**************************************************************************************************
* Event details page
**************************************************************************************************/
.stick {
    position: fixed;
    top: 22px;
}

.panel {
    padding: 25px;
    background-color: #333132;
}

    .panel h4,
    .panel p {
        color: #fff;
    }

.eventPrice {
    font-size: 3.2em;
    margin: 0 25px 0 0;
}

.eventDates .eventDateBox {
    background-color: #e0dcdb;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 15px 0 0;
    padding: 5px;
}

.eventDates .eventDate .eventTime {
    margin: 22px 0 0 0;
}

.eventDates .eventDate h3 {
    font-size: 1.8em;
    margin: 0;
    height: 100%;
    line-height: 1.6;
}

.eventDates .eventDate span {
    display: block;
    font: 1.72em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

.mapIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAMAAAB1owf/AAAC9FBMVEUAAAD////GsZmes4yk0nf//f/4+PehmI+r1YJjjNVvks7M4LfT/6yo032ez22XymCJwUv///fw9ex9m9JPe8fAusa/p5ukt5SChYr/+4Chz3GNxFb7+//9/f33+/Tr7Orj7NmNp9ZSfcrO/7fp0LSvtbH18Jb6+JKn5ZKfpZKIio6Vjob884Oj1H/mZljw8PDK1efr8uXm8d3+/9ult9XZ5sv//Ly2trfh9bL+/bDF3a3O/aXNuJ/SwZqt65nm4ZifvJe13JTz7Yyw2Ip/g4in0YOmlYGl1nzglXr0fXT9cW7+am726GXu5V3OZVzwXVr/9VOrykztVEmCvkGCvjt8uDf///32+Pz+/+vo6euDn+r/+uees+dYhOaSq+FslODe3t1pj9Pd69GDn9DS5M24xM1ni8v//8pHdsjU48Pg/8I3acDz/bzQ5by2wLzi+7jX/7XI4LG9uaetuqKioqL9+6G/3KDZ1Z/ItZ+ztJuirJjArJePkpbAoJTG/JO+zo9Yao7//Y2uoo2cko2c5YunnYt6foaqmYXW3oP/iYC3kH7si3v0g3iLn3TleG7yeWuFmmmSy2jRcmbmb2bzZ2buc2Xdb2Lo4Fql5FaDv0jcSkNytzyP2DRttCh4q/+Cq/Tz9PFMfuzm5eV6muR9m+JojOE1at/u/9RZhdOYrsp5mMrk5sfv68LCxcC7uMBjiL7c9L1LdLzz8Lnw1rnEzLfozrXl0bTnzbTP1LPFyLN8l7P/9bLDy6vbxar/9anx7Knf6qe1taWoq6Tp4aLJvKDb55//85663p660Zr2v5rY5Zjh15iEhpi46Zft5Za8qJLS4o6v1Yu4t4uwronHuofVrIeil4SclYT97YO76IPkmoOTooD3lIDSlX6r3Xulznrw6HWZz3WezHSMn3PYjHHUe275h2yXzGv//2mv6GO7dGK60mCKyWCTwGCVkF3c/1priFTtXVHGXU3j2Eh8w0KX4EDiRTyGOTh0Li9wKSpdHSBprRb1+OGJAAAAAXRSTlMAQObYZgAAAolJREFUKM890VVYGlAUwPF7HCDKJAxAsYAhgoLd3d3d3d0xa3Ztzp617u7u7u7u7o6XXR62/+vvO+fe+12EUHIZa9q/WCyWs7MzqywZ4dbdb2iws5suqzi3mM+3tubzi84VIqRDm56qrAXa2tqRQLTQd7nd69PT2GpnvRjVriDq2pYoA4CyBYYev64uv6HGouhDyApsOVTqY10AEwnB8Zpf70CgT9DdLLMapAYcAtnNy0MbwFTi6O075+fvQN9hSzN5pBZNJyiR3agFAMQT+lh+/AoMer55ewtSM6NrEMhkLxctAErr1SGfwZHhUO+amQZIjTFGxUNkMr5EgZfj06C+vk/SthtyBmg9cGgamAimACVK+m6DUmlot6gDixU8CKNi0jAF0iWJR+6p8dCB2g5PvE0AqREcDQJNSQsoLyQHsyyl37tFnp775PEMUMLC6DRdyOl/dMzSJn9kvO16s9wWeXRY9vrKShOgcPpP77E5sOvZZ9EF++oZ8mjuLYquDhEgZ+ztxf0VR5il916X2svJYXnyLSKCbkIEj4nO43p6Tg7V9fUYZDJ7Hj2cpknUSn9z09XQUCg8X3WUyfwvUxQgEeMedmbsdFVXF+qdcWAyd+BzJsNpVFvQJGnGZcTGm291MlSfhZdua0F3Ni400klfY0QkaUaZpyXGJhZWYRPaNONfOPluImQ0YC2QGCSuCpe7ZOmqva7qFZeR6NWfqRD/4IDd8QxSpHGmCi5pWZog/woSTH6VweoEVXMGI0YxU1GWQsICAUIfP7wM9ldclKKQbQxRKSsVZCXNb0IIkd5/Gd2wnMfj5XHBOC9bFcfb1GSEcDrldWfFbLZ7O1vMbnd3Z4vFdeUxCP0F/fPBBjmsGVsAAAAASUVORK5CYII=) no-repeat left top;
    padding: 5px 0 4px 35px;
}

.organisers .scrollToReveal.active,
.speakerContent .scrollToReveal.active {
    position: relative;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.eventPersonInfo {
    background: #fff;
    clear: both;
    position: relative;
    margin: 18px 0 0 0;
    margin-top: 22px;
}

.eventPersonInfo-inline {
    background: #fff;
    position: relative;
    margin: 18px 5px 0 0;
    margin-top: 22px;
    width: 180px;
    float: left;
}

.eventPersonInfo h2 {
    margin: 0 2.8em .4em 0;
    -ms-word-break: break-word;
    word-break: break-word;
}

.speakerContent .eventPersonInfo {
    margin: 18px 13px 0 12px;
}

.eventPersonInfo .hideBtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: .4em 0 0 0;
    color: #ba0c2f;
    font: 1.8em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.sessionWrap {
    background: #e0dcdb;
    position: relative;
}

    .sessionWrap > h4 {
        padding: 22px 0 0 25px;
    }

        .sessionWrap > h4 small {
            font: 0.8em/1.25 'Proxima Nova', Arial, Helvetica, sans-serif;
            display: block;
        }

.sessionHeading {
    padding: 22px 125px 0 25px;
    font: 2em/1.1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}

.breakSession {
    margin: -22px 0 0 0;
    padding: 0 25px;
}

    .breakSession h4 {
        margin: 0 0 5px 0;
    }

.talkHandle {
    background: #ba0c2f;
    color: #fff;
    position: absolute;
    padding: 16px;
    width: 120px;
    height: 110px;
    right: 0;
    top: -22px;
    font: 2.2em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

    .talkHandle em {
        font-size: 1.72em;
        font-style: normal;
        display: block;
    }

    .talkHandle span {
        font: 0.72em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
        display: inline-block;
        padding: 6px 0 2px;
        text-decoration: underline;
    }

    .talkHandle:hover span {
        text-decoration: none;
        padding-bottom: 3px;
    }

    .talkHandle .hide {
        display: none;
    }

    .talkHandle.open .hide {
        display: inline-block;
    }

    .talkHandle.open .show {
        display: none;
    }

.talkContent {
    background: #f1edec;
    padding: 22px 25px;
}

    .talkContent .eventPersonInfo {
        background: #f1edec;
        margin-bottom: 22px;
        padding-bottom: 0;
    }

.chairs .eventPersonInfo {
    margin: 18px 13px 22px 12px;
}

.talkContent .eventPersonInfo .fellowCard {
    margin-bottom: 22px;
}

.timeBlock {
    border-top: solid 1px #bdb9ad;
    padding-top: 22px;
}

    .timeBlock:first-child {
        border: none;
    }
/**************************************************************************************************
* tinyMCE
**************************************************************************************************/
.mce-tinymce {
    width: 100% !important;
    max-width: 774px !important;
}
/**************************************************************************************************
* Profile update page
**************************************************************************************************/

#fellowProfileForm #addSpecialism {
    margin: 0 0 0 20px;
}

#fellowProfileForm #profileUpdateSpecialism {
    width: 200px;
}

#fellowProfileForm .preSearchList {
    margin-top: 41px;
}

/* mdp */
#copyRight {
    margin: 0 auto;
}

    #copyRight p {
        display: inline-block;
    }

/**************************************************************************************************
* Summer Science feature
**************************************************************************************************/
div.twitter-feature, div.meet-the-scientists, div.related-exhibit, section.exhibit-feature, section.event-feature, section.content-feature {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

div .home-page-feature {
    background: #eee;
    padding: 10px;
}

div.subheading h1 {
    font: 3em/1.16 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}

/**************************************************************************************************
* Related exhibits
**************************************************************************************************/
div.related-exhibit {
    background-color: #eee;
    padding: 10px;
}

    div.related-exhibit div.exhibit {
        margin: 0 auto;
        width: 230px;
        background-color: #ba0c2f;
        border: solid 1px #555;
    }

        div.related-exhibit div.exhibit div.exhibit-title {
            margin-bottom: 0.6em;
        }

            div.related-exhibit div.exhibit div.exhibit-title h3 {
                color: #fff;
                font-weight: bold;
                margin: 8px;
            }

    div.related-exhibit div.exhibit-image-container {
        margin: 0 auto;
    }

    div.related-exhibit div.exhibit div.exhibit-description {
        background: #fff;
        padding: 5px;
    }

    div.related-exhibit div.exhibit a div.exhibit-description, div.related-exhibit div.exhibit a:link div.exhibit-description {
        color: #333132;
        text-decoration: none;
    }

/**************************************************************************************************
* Event feature exhibits
**************************************************************************************************/

div.event-day {
    float: left;
    width: 100%;
}

div.event-registration-details {
    text-align: center;
    margin: 5px 0;
    background-color: #6f263d;
    color: #fff;
}

    div.event-registration-details p {
        padding: 7px 0;
    }

img.event-feature-image {
    position: relative;
}

/**************************************************************************************************
* Reasons to visit
**************************************************************************************************/
div.reasons-to-visit article.col {
    width: 100%;
}

/**************************************************************************************************
* Embed youtube - embedresponsively
**************************************************************************************************/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/**************************************************************************************************
* SSE background image header
**************************************************************************************************/
.header-unit {
    height: 500px;
    border-right: none;
    border-left: none;
    position: relative;
    padding: 20px;
}

#video-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

video {
    position: absolute;
    z-index: 0;
}

    video.fillWidth {
        width: 100%;
    }

#bgVideoPlayPauseBtn {
    margin-top: 5px;
    float: left;
}

#bgVideoPlayPauseText {
    float: left;
    margin: 25px 0 0 5px;
    font-size: 2em;
    cursor: pointer;
    color: #ba0c2f;
    font-weight: bold;
}

.introduction-video {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 18px;
}

    .introduction-video a img, .introduction-video img {
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0;
    }

    .introduction-video a img {
    }
/**************************************************************************************************
* Publication preferences error messages
**************************************************************************************************/
div.feedback {
    padding: 10px;
    margin: 0 0 10px 0;
}

    div.feedback.success {
        background-color: #dff0d8;
        border: solid 1px green;
    }

    div.feedback.error {
        background-color: #f2dede;
        border: solid 1px red;
    }

/**************************************          MDP          **************************************/
.required:after {
    content: url('https://royalsociety.org/Images/required.gif');
}

.error {
    color: red;
    font-weight: bold;
}
/***************************************************************************************************/

/* overrides */

/* Start: Override fellows, research and committees cards css*/
.custom-cards .back {
    background: #6F263D;
}
    .custom-cards .back li {
        padding-right: 5px;
        color:#fff;
        text-decoration:none !important;
        
    }
.custom-cards .back-title p {
    margin: 0 0 9px 0;
    color: #fff;
    text-decoration: none !important;
}

.custom-cards .back-title {
    background: #ba0c2f;
    padding-left: 10px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    padding-top: 5px;
    min-height: 80px;
    padding-right: 5px;
}

.custom-cards .fellowCard {
    width: 200px;
    max-width: 100%;
}

.custom-cards .overflowedCardBack .back:before {
    background: #6F263D;
}

.custom-cards .flipcontentheader {
    background: #ba0c2f;
    padding: 10px,0px, 10px;
    padding-left: 10px;
    padding-top: 10px;
    /* padding-bottom: 1px; */
    min-height: 60px;
}

.custom-cards .flipContent {
    padding: 0px;
}

.custom-cards .front .flipContent {
    padding: 10px;
}

.custom-cards .back ul {
    margin: -1em 0 0.5em 15px;
    padding-left: 10px;
    padding-top: 10px;
}
/* End: Override fellows, research and committees cards css*/


/* sc form */
.scfForm .scfCheckBoxList tr {
    max-width: 751px;
}

@media only screen and (min-width: 951px) {
    .scfForm .scfCheckBoxList tr {
        max-width: 851px;
    }
}

.scfForm .scfCheckBoxList td {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 11px;
    background: transparent;
    border-bottom: 3px solid #fff;
}

    .scfForm .scfCheckBoxList td:before {
        content: none;
    }

    .scfForm .scfCheckBoxList td label {
        width: 100%;
        font-size: 16px;
        text-align: left;
        padding-top: 0;
    }

    .scfForm .scfCheckBoxList td input {
        margin-top: 0;
    }

.scfForm .scfCheckBoxListLabel {
    margin-left: 0;
    padding-top: 0;
    font-size: 16px;
}

/* downloads module on project pages etc */

@media only screen and (min-width: 500px) and (max-width: 950px) {
    .sideDownloads {
        clear: both;
    }
}
/* field-validation-error */
.field-validation-error {
    color: #333132;
    font-size: 1.4em;
    clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30%;
}

    .field-validation-error:before {
        content: '\e621';
        position: relative;
        top: 1px;
        padding: 0 7px 0 0;
        color: #ed8b00;
        display: inline-block;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
    }

.fieldBorder .field-validation-error {
    margin-left: 30%;
}

.fieldBorder .fieldPanel .field-validation-error {
    margin-left: 0px;
}

.google-captcha .field-validation-error {
    margin-left: 0px;
    text-align: left;
}

@media only screen and (max-width:400px) {
    .field-validation-error, .fieldBorder .fieldPanel .field-validation-error, .fieldBorder .field-validation-error {
        margin-left: 0%;
    }
}

/**************************************************************************************************
*   Modular CSS - contains only modular classes
**************************************************************************************************/
.offScreen {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.fullClear {
  float: left;
  clear: both;
  width: 100%;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}
.media {
    overflow: hidden;
}
[hidden],
.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}
.fullWidth {
    width: 100%;
}
.halfWidth {
    width: 50%;
}
.oneFifthWidth {
    width: 20%;
}
.fourFifthWidth {
    width: 80%;
}
.twoThirdWidth {
    width: 65.9574468085%;
}
.oneThirdWidth {
    width: 34.0425531915%;
}
.oneQuarterWidth {
    width: 25.5319148936%;
}
.threeQuarterWidth {
    width: 74.4680851064%
}
.doubleLine {
    line-height: 44px;
}
.tripleLine {
    line-height: 66px;
}
.noMargin {
    margin: 0;
}
.largeText {
    font-size: 1.8em;
    line-height: 22px;
}
.smallText {
    font-size: 1.5em;
}
.capitalise {
    text-transform: capitalize;
}
.leftGutter {
    padding-left: 25px;
}
.rightGutter {
    padding-right: 25px;
}
.topGap {
    margin-top: 22px;
}
.bottomGap {
    margin-bottom: 22px;
}
.halfTopGap {
    margin-top: 11px;
}
.halfBottomGap {
    margin-bottom: 11px;
}
.doubleBottomGap {
    margin-bottom: 44px;
}
.doubleTopGap {
    margin-top: 44px;
}
/**************************************************************************************************
*   Responsive CSS - contains all media queries and responsive styling
**************************************************************************************************/
@media only screen and (max-width: 1280px) {
    .offsetForm {
        margin: 0;
    }

        .offsetForm .textbox {
            width: 290px;
        }

    #grantSearch .separatorLabel + a {
        clear: both;
    }
}

@media only screen and (max-width:1017px) {
    #mainNav ul {
        width: calc(100%-54px);
    }
}

@media only screen and (min-width: 951px) and (max-width: 1280px) {
    .additionalEventInfo {
        display: none;
    }
}

@media only screen and (min-width: 951px) and (max-width: 1250px) {
    .journalCard .front .flipContent {
        height: 66px;
    }
}

@media only screen and (min-width: 751px) (max-width: 1250px) {
    #signUpEmail {
        clear: both;
    }

    .signUpForm {
        float: left;
        padding: 0 0 0 25px;
    }

    .shareLinks span {
        display: block;
    }
    /*.shareLinks {
        display: block;
        padding-left:35px;
        line-height:1;*/


}

@media only screen and (max-width:1250px) {
    .signupUrl {
        border-right: 0;
        padding: 0 0 0px 0;
        width: 100%;
    }

    #feedtxt {
        width: 344px;
    }
}

@media only screen and (max-width:990px) {
    .signupUrl {
        border-right: 0;
        padding: 0 0 22px 0;
        width: 100%;
    }

    #feedtxt {
        width: 344px;
    }
}

@media only screen and (max-width:375px) {
    #feedtxt {
        font-size: 2em;
        color: #333132;
    }
     .btnYes {
        font-size: 17px;
        font-family: Proxima Nova;
        color: #333132
    }
    .btnNo {
        font-size: 17px;
        font-family: Proxima Nova;
        color: #333132;
    }
    #Thankyou {
        font-size: 2em;
        color: #333132;
    }
    #TakeSurveyMsg {
        font-size: 2em;
        color: #333132;
    }
}

@media only screen and (max-width: 1250px) {
    .additionalFilter {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .homeCard .flipContent > .halfWidth {
        border: 0;
        width: 100%;
    }

        .homeCard .flipContent > .halfWidth.right {
            display: none;
        }

    .fellowLogin .textbox {
        width: 215px;
    }
}

@media only screen and (min-width: 1151px) {
    .homeFlipOverlay .sectionLink {
        font-size: 1.8em;
    }

    .colList.rightSpacing {
        margin-right: 187px;
    }
}

@media only screen and (min-width: 971px) and (max-width: 1150px) {
    .homeCard .flipContent h2 {
        font-size: 2.8em;
    }

    .homeCard .flipContent p {
        margin: 0 0 11px 0;
    }
}

@media only screen and (max-width: 1200px) {
    .featureImage .flipContent > .halfWidth {
        border: 0;
        width: 100%;
    }

        .featureImage .flipContent > .halfWidth.right {
            display: none;
        }

    .fellowLogin .textbox {
        width: 215px;
    }
}

@media only screen and (min-width: 1151px) {
    .homeFlipOverlay .sectionLink {
        font-size: 1.8em;
    }

    .colList.rightSpacing {
        margin-right: 187px;
    }
}

@media only screen and (min-width: 200px) and (max-width: 450px) {
    .spotlightImageOverlay {
        position: relative;
    }
}

@media only screen and (min-width: 971px) and (max-width: 1150px) {
    .featureImage .flipContent h2 {
        font-size: 2.8em;
    }

    .featureImage .flipContent p {
        margin: 0 0 11px 0;
    }
}

@media only screen and (min-width: 951px) and (max-width: 1150px) {
    #siteSearch {
        width: 250px;
    }

    .heroImageOverlay {
        position: relative;
        height: auto;
    }

        .heroImageOverlay .contentOverlay {
            background: #333132;
        }

    #stickyPanel .btn {
        float: left;
        clear: both;
        margin: 11px 0 0 0;
    }
}

@media only screen and (min-width: 691px) and (max-width: 1150px) {
    .spotlight .imageOverlay {
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.17);
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
    }
}

@media only screen and (min-width: 421px) and (max-width: 1150px) {
    .featureCols > .col {
        width: 50%;
    }

        .featureCols > .col:nth-child(3) {
            clear: both;
            margin: 0;
            width: 100%;
        }

            .featureCols > .col:nth-child(3) .colList {
                float: left;
                width: 50%;
                width: calc(50% + 12px);
            }

                .featureCols > .col:nth-child(3) .colList:first-of-type {
                    margin-right: 12px;
                }
}

@media only screen and (max-width: 1150px) {
    .homeFlipOverlay h3 {
        font-size: 1.8em;
    }

    #policySignUpEmail,
    #policySignUpEmail + .btn {
        border-radius: 5px;
        margin: 0 0 22px 0;
        width: 100%;
    }

    .talkContent .eventPersonInfo .twoThirdWidth {
        width: 100%;
    }

    .talkContent .eventPersonInfo .fellowCard {
        display: none;
    }

    #awardSearch .separatorLabel + a {
        clear: both;
    }

    #scientificAreaFilters .btn {
        clear: both;
        margin-top: 0;
    }

    .fullForm h4 {
        width: 26%;
    }

    .fullForm .indented {
        margin-left: 26%;
    }

    .newsletterOptions {
        width: 74%;
    }
}

@media only screen and (min-width: 951px) and (max-width: 1080px) {
    .fourColRestricted > .col {
        width: 33.3333333333%;
    }

    .sixCol > .col {
        width: 20%;
    }

        .fourColRestricted > .col:nth-child(4n+1),
        .sixCol > .col:nth-child(6n+1) {
            clear: none;
        }

        .fourColRestricted > .col:nth-child(3n+1),
        .sixCol > .col:nth-child(5n+1) {
            clear: both;
        }
}

@media only screen and (min-width: 971px) and (max-width: 1050px) {
    .fact {
        display: none;
    }
}

@media only screen and (min-width: 951px) and (max-width: 1050px) {
    .sessionWrap > h4 {
        padding-left: 15px;
    }

    .breakSession {
        padding: 0 15px;
    }

    .talkContent .fourFifthWidth .fourCol > .col {
        width: 33.3333333333%;
    }

        .talkContent .fourFifthWidth .fourCol > .col:nth-child(3n+1) {
            clear: both;
        }

        .talkContent .fourFifthWidth .fourCol > .col:nth-child(4n+1) {
            clear: none;
        }

    #fellowProfileForm .btnRight {
        float: left;
        clear: both;
        margin: 22px 0 0 30%;
    }
}

@media only screen and (min-width: 1051px) {
    .largeTabs .tabs li {
        min-width: 300px;
    }
}

@media only screen and (max-width: 1050px) {
    .collectionSearch .textbox {
        width: 100%;
    }

    .searchToggle {
        clear: both;
    }

    .resultList .twoThirdWidth {
        width: auto;
    }

    #eventDateRange .filter + label {
        clear: both;
    }

    .requiredFieldError {
        clear: both;
        margin: -11px 0 33px 225px;
    }

    .loginLabel {
        width: 100px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 1110px) {
    .blockCheckbox + label {
        min-height: 110px;
    }
}

@media only screen and (min-width: 851px) and (max-width: 1000px) {
    #fellowProfileForm .moveBetweenLists {
        padding: 13px 5px;
    }

        #fellowProfileForm .moveBetweenLists:before {
            content: '';
        }
}

@media only screen and (min-width: 731px) and (max-width: 1000px) {
    #eventSearch .separatorLabel + a {
        clear: both;
    }
}

@media only screen and (max-width: 1000px) {
    .threeCol .twoCol > .col {
        width: 100%;
    }

    .featureCols .twoCol > .col {
        width: 50%;
    }

    .offsetForm {
        width: 100%;
    }

    .fellowWelcome h4 {
        margin-top: 11px;
    }

    #eventSearch .expandFilters.active:after {
        content: '';
        background: 0;
    }

    #eventSearch .searchOptions {
        border-top: 0;
        padding: 0;
    }

        #eventSearch .searchOptions .largeScreenFilter {
            display: none;
        }

        #eventSearch .searchOptions .smallScreenFilter {
            display: block;
        }

    #eventFilters .filter {
        width: 100%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 968px) {
    .homeFlipOverlay .contentOverlay {
        background: #333132;
    }

    .homeFlipOverlay .tagline {
        display: none;
    }

    .spotlightImageOverlay .contentOverlay {
        background: #333132;
    }

    .spotlightImageOverlay {
        position: relative;
    }
}


@media only screen and (min-width: 451px) and (max-width: 950px) {
    .profileDetails {
        float: left;
        padding-right: 25px;
        width: 40%;
    }

    .profileContact {
        float: left;
        width: 60%;
    }

    .presidentUpdate .oneQuarterWidth {
        width: 34.0425531915%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
    .restrictedWidth {
        width: 38.7096774194%;
    }

    .fellowWelcome .separatedLinks {
        clear: both;
    }

        .fellowWelcome .separatedLinks li {
            border: 0;
            float: right;
            clear: both;
            margin: 0;
            padding: 0;
        }
}

@media only screen and (min-width: 951px) {
    .startOpen {
        height: auto;
    }

    .loggedInSearch {
        margin-top: -47px
    }

    .fellowCalendar .media {
        display: block;
    }

    .duplicateRegistration {
        display: none;
    }

    .twoThirdWidth .twitter-feature, .twoThirdWidth .meet-the-scientists, .twoThirdWidth .related-exhibit {
        display: none;
    }
}

@media only screen and (max-width: 950px) {
    .drawer .loggedInUser {
        display: none;
    }

    .compactLink {
        display: block;
    }
    .introduction-video {
        display: none !important;
    }

    #mainNav,
    .additionalLink {
        display: none;
    }

    .activeTopLink {
        padding: 22px 12px 40px 2px;
    }

    #showSearch span {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }

    .topLinks a:hover {
        text-decoration: none;
    }

    .twoThirdWidth,
    .oneThirdWidth,
    .oneQuarterWidth,
    .threeQuarterWidth {
        padding: 0;
        width: 100%;
    }

        .twoThirdWidth > .oneThirdWidth {
            width: 34.0425531915%;
        }

        .twoThirdWidth > .twoThirdWidth {
            width: 65.9574468085%;
        }

            .twoThirdWidth > .twoThirdWidth.leftGutter {
                padding-left: 25px;
            }

    .oneQuarterWidth {
        margin: 0 0 22px 0;
    }

    .twoCol .splitCol {
        width: 100%;
    }

    .fourCol .col {
        width: 50%;
    }

    .sixCol > .col {
        width: 25%;
    }

        .sixCol > .col:nth-child(6n+1) {
            clear: none;
        }

    .eightCol .col {
        width: 25%;
    }

    .fourCol > .col:nth-child(2n+1),
    .sixCol > .col:nth-child(4n+1),
    .eightCol > .col:nth-child(4n+1) {
        clear: both;
    }

    .rolodexOverlay {
        box-shadow: none;
        top: 22px;
        right: 25px;
        bottom: 22px;
        left: 455px;
        width: auto;
    }

    .reverseRolodex .rolodexOverlay {
        right: 455px;
        left: 25px;
    }

    .oneThirdWidth .illustration,
    .oneThirdWidth .pullQuote {
        float: left;
    }

    .oneThirdWidth .illustration {
        padding: 0 25px 22px 0;
        max-width: 38.7096774194%;
    }

    .oneThirdWidth .pullQuote {
        padding: 0 0 22px 0;
    }

    .oneThirdWidth .illustration + .pullQuote {
        max-width: 61.2903225806%;
    }

    .eventTypeGallery .span2 {
        position: relative;
        left: 0;
        margin: 0;
        height: auto;
        width: 100%;
    }

    .eventTypeGallery .col:nth-child(2n+1) {
        clear: none;
    }

    .largeSearch .textbox {
        padding: 0 15px;
    }

    .fellowCalendar .media,
    .sideDownloads {
        padding: 0;
    }

    .projectText,
    .projectImage {
        width: 100%;
    }

    #stickyPanel {
        display: none;
    }

    .organisers .col,
    .talkContent .col {
        width: 25%;
    }

        .organisers .col:nth-child(2n+1),
        .talkContent .col:nth-child(2n+1) {
            clear: none;
        }

        .organisers .col:nth-child(4n+1) {
            clear: both;
        }

    .organisers .eventPersonInfo .twoThirdWidth {
        width: 65.9574468085%;
    }

    .searchResultImage {
        margin: 0 0 5px 0;
        width: 175px;
    }

        .searchResultImage + .twoThirdWidth {
            clear: both;
        }

    .fullForm h4,
    .newsletterOptions {
        width: 100%;
    }

    .fullForm .indented {
        margin-left: 0;
    }

    #fellowSearch .expandFilters.active:after {
        content: '';
        background: 0;
    }

    #fellowSearch .searchOptions {
        border-top: 0;
        padding: 0;
    }

    #fellowSearch .smallScreenFilter.smallScreenFilterShown,
    #fellowSearch .moreFilters.smallScreenFilter,
    #fellowSearch .allFiltersShown .smallScreenFilter {
        display: block;
    }

    #fellowSearch .largeScreenFilter,
    #fellowSearch .allFiltersShown .moreFilters,
    #fellowSearch .smallScreenFilter {
        display: none;
    }

    #fellowSearch .filter {
        width: 100%;
    }

    #subNav {
        padding-left: 0;
    }

    .navToggle {
        border-bottom: 4px solid #f1edec;
        margin: 0 0 11px 0;
        padding: 0 0 11px 0;
        font-size: 1.8em;
        color: #ba0c2f;
        font-family: 'Proxima Nova Semi',Arial,Helvetica,sans-serif;
    }

    .clearFilters {
        margin: 11px 0 11px 0;
    }

    .oneThirdWidth .twitter-feature, .oneThirdWidth .meet-the-scientists, .oneThirdWidth .related-exhibit {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .pageTabs .tabs li {
        padding: 0 25px;
        width: 100%;
    }

    .pageTabs .tabs a {
        box-shadow: none;
        font: 2.2em/22px 'Proxima Nova', Arial, Helvetica, sans-serif;
    }

    .searchOptions .textboxWide,
    .textboxWide + .preSearchList {
        width: 300px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 900px) {
    .homeContentBox .halfWidth {
        width: 100%;
    }

    .homeContentBox .rightGutter {
        padding: 0 0 22px 0;
    }

    .homeNarrowCol {
        padding: 0 0 25px 0;
    }
}

@media only screen and (max-width: 850px) {
    #signUpEmail {
        width: 200px;
    }

    .rolodexControls {
        width: 380px;
    }

        .rolodexControls ul {
            width: 300px;
        }

    .rolodexOverlay {
        left: 405px;
    }

    .reverseRolodex .rolodexOverlay {
        right: 405px;
        left: auto;
    }

    .rolodexOverlay h3 {
        font-size: 2.2em;
    }

    .halfForm label,
    .scfForm label {
        padding: 0;
        width: 100%;
    }

    .halfForm .checkbox label {
        width: 50%;
    }

    .halfForm .checkbox input {
        margin: 5px 0 0 0;
    }

    .halfForm .scfForm .fieldPanel,
    .scfForm .fieldPanel,
    .halfForm .textbox,
    .halfForm .styledSelect,
    #fellowProfileForm .fullWidth label,
    #fellowProfileForm .fullWidth .textbox {
        width: 100%;
    }

    .halfForm .btn,
    .scfForm .scfSubmitButton,
    .halfForm .scfSubmitButton {
        margin: 0;
    }

    .halfForm .validationError {
        margin: -11px 0 22px 0;
    }

    #fellowProfileForm .styledMultiSelect,
    #fellowProfileForm .addRemoveButtons {
        width: 100%;
    }

    #fellowProfileForm .addRemoveButtons {
        margin: 0 0 22px 0;
    }

    #fellowProfileForm #profileUpdateSpecialism {
        width: 100%;
    }

    #fellowProfileForm .preSearchContainer {
        width: 100%;
    }

    #fellowProfileForm #addSpecialism {
        margin: 0 0 20px 0;
    }

    .scfForm .scfDropListGeneralPanel {
        width: 100%
    }

    .scfForm .scfCheckboxUsefulInfo {
        margin: 0
    }

    .scfForm .scfCheckbox label {
        clear: none;
        float: left;
        display: inline-block;
        margin: 10px 0 0 0;
        width: 90%;
    }

    .scfForm .scfCheckbox input {
        float: left
    }
}

@media only screen and (min-width: 641px) and (max-width: 785px) {
    .homeCard .flipContent h2 {
        font-size: 2.8em;
    }

    .homeCard .flipContent p {
        margin: 0 0 11px 0;
    }

    .fact {
        display: none;
    }
}

@media only screen and (max-width: 785px) {
    .rolodexControls {
        width: 355px;
    }

        .rolodexControls ul {
            width: 275px;
        }

    .rolodexOverlay {
        left: 380px;
    }

    .reverseRolodex .rolodexOverlay {
        right: 380px;
        left: auto;
    }

    .heroImageOverlay {
        position: relative;
        height: auto;
    }

        .heroImageOverlay .contentOverlay {
            background: #333132;
        }
}

@media only screen and (max-width: 760px) {
    .rolodex {
        height: auto;
    }

    .rolodexControls,
    .rolodexContent img {
        display: none;
    }

        .rolodexControls,
        .rolodexControls ul,
        .rolodexOverlay,
        .rolodexContent,
        .rolodexContent li,
        .reverseRolodex .rolodexControls,
        .reverseRolodex .rolodexControls ul,
        .reverseRolodex .rolodexOverlay,
        .reverseRolodex .rolodexContent {
            position: relative;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            width: 100%;
        }

    .rolodexOverlay {
        padding: 0;
    }

    .rolodexSelect {
        display: block;
        margin: 0 0 22px 0;
        width: 100%;
    }

    .rolodexContent li {
        display: none;
    }

    .rolodexContent .current {
        display: block;
    }

    .threeCol .col {
        width: 50%;
    }

    .threeCol > .col:nth-child(3n+1) {
        clear: none;
    }

    .threeCol > .col:nth-child(2n+1) {
        clear: both;
    }

    .breakFirstCol > .col:first-child {
        width: 100%;
    }

    .breakFirstCol > .col:nth-child(2n+1) {
        clear: none;
    }

    .breakFirstCol > .col:nth-child(2n+2) {
        clear: both;
    }

    .fellowAlert {
        border: 0;
    }

    .contactCols .doubleTopGap {
        margin-top: 0;
    }

    .colList > .fellowAlert:nth-child(3n+1) {
        padding-left: 25px;
    }

    .colList > .fellowAlert:nth-child(2n+1) {
        padding-left: 12px;
    }

    .fullForm .btn,
    .requiredFieldError {
        margin-left: 0;
    }
}

@media only screen and (max-width: 976px) {
    .shareLinks {
        border-right: 0;
        border-bottom: 1px solid #d6d2c4;
        margin: 18px 0 30px 0;
        padding: 0 0 22px 0;
        width: 100%;
    }

    .signUpForm {
        clear: both;
        padding: 0;
        width: 100%;
    }

    .mediaImg {
        width: 30%;
    }

    .separatedField {
        clear: both;
    }

    #feedtxt {
        border-right: none;
        border-bottom: 1px solid #d6d2c4;
        padding: 0px 1px 23px;
        width: 100%;
    }

    #Thankyou {
        border-bottom: 1px solid #d6d2c4;
        width: 100%;
        padding: 0px 1px 23px;
        border-right: none;
    }
}

@media only screen and (min-width: 521px) and (max-width: 730px) {
    .talkContent .fourFifthWidth .fourCol > .col {
        width: 33.3333333333%;
    }

        .talkContent .fourFifthWidth .fourCol > .col:nth-child(3n+1) {
            clear: both;
        }

        .talkContent .fourFifthWidth .fourCol > .col:nth-child(4n+1) {
            clear: none;
        }

    .additionalEventInfo {
        display: none;
    }
}

@media only screen and (min-width: 731px) {
    .expandFilters.active:after {
        content: '';
        background: #6f263d;
        position: absolute;
        bottom: -22px;
        left: 50%;
        margin: 0 0 0 -2px;
        width: 4px;
        height: 22px;
    }

    #fellowSearch .allFiltersShown .expandFilters.active:after {
        content: '';
        background: 0;
    }

    .searchOptions {
        border-top: 4px solid #6f263d;
        padding: 22px 0 0 0;
    }

    #filters.searchOptions,
    #eventDateRange.searchOptions,
    #eventFilters.searchOptions {
        border-top: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 730px) {
    .largeScreenFilter {
        display: none;
    }

    .smallScreenFilter {
        display: block;
    }

    .searchOptions .mediumLabel {
        float: none;
        clear: both;
        display: block;
        margin: 0 0 22px 0;
        padding: 0;
    }

    .searchOptions .dateSeparator {
        float: left;
        clear: none;
        display: inline;
        margin: 5px 25px 22px 0;
    }

    .searchOptions .styledSelect,
    .keyword,
    .keyword .textbox,
    .searchOptions .filter,
    .smallFullWidth {
        width: 100%;
    }

        .keyword .media {
            float: none;
        }

    #eventSearch .separatorLabel {
        clear: both;
        padding: 0;
    }

    .featureCols .twoCol > .col {
        width: 100%;
    }

    .sessionWrap > h4 {
        padding: 20px 20px 0 20px;
        width: 70%;
    }

    .sessionHeading {
        clear: both;
        padding: 20px 125px 0 20px;
    }

    .talkContent {
        padding: 22px 20px;
    }

    .resultsFilter {
        display: none;
    }

    .resultsFilterSelect {
        display: block;
    }

    .organisers .eventPersonInfo .twoThirdWidth {
        width: 100%;
    }

    .organisers .fellowCard {
        display: none;
    }
}

@media only screen and (min-width: 691px) {
    .featureImage img {
        max-width: none;
    }
}

@media only screen and (min-width: 691px) {
    .featureImage1 img {
        max-width: none;
    }
}

@media only screen and (min-width: 521px) and (max-width: 690px) {
    .journalCard .front .flipContent {
        height: 66px;
    }

    .blockCheckbox + label {
        min-height: 135px;
    }
}

@media only screen and (max-width: 690px) {
    .darkContainer {
        background: #333132;
        margin: 0 -25px 22px -25px;
        padding: 22px 25px 0 25px;
    }

        .darkContainer.plushBottom {
            margin-bottom: -22px;
        }

        .darkContainer h2,
        .darkContainer p,
        .darkContainer a {
            color: #fff;
        }

        .darkContainer .back {
            background: #ba0c2f;
        }

    .slideableControlsWrapper {
        position: relative;
    }

    .slideableWrapper {
        margin: -22px auto 0 auto;
        height: 374px;
        z-index: 20;
    }

    .slideable .flipContainer {
        height: 330px;
        width: 240px;
    }

    .fellowCard .front .flipContent {
        padding: 5px 8px;
    }

    .slideable .fellowCard .front .flipContent {
        height: 90px;
    }

    .flipHighlight {
        line-height: 33px;
    }

    .slideableControls {
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 10;
    }

        .slideableControls .prevItem {
            margin: 0 130px 0 0;
            color: #fff;
        }

        .slideableControls .nextItem {
            margin: 0 0 0 130px;
            color: #fff;
        }

    .featureImage .imageOverlay, .featureImage .imageOverlay-centered {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    .featureImage .imageOverlay-centered {
        background-color: #fff;
        color: #333132;
        text-align: left;
        height: auto;
    }

    .featureImage #BgVideo .header-unit {
        height: 242px;
    }

    .featureImage #BgVideo #bgVideoControls {
        height: 80px;
    }

    .twoColWide .spotlight {
        width: 100%;
    }

    .fourColRestricted > .col {
        width: 50%;
    }

    .sixCol > .col {
        width: 33.3333333333%;
    }

        .fourColRestricted > .col:nth-child(3n+1),
        .sixCol > .col:nth-child(4n+1) {
            clear: none;
        }

        .fourColRestricted > .col:nth-child(2n+1),
        .sixCol > .col:nth-child(3n+1) {
            clear: both;
        }

    .eventPersonInfo {
        margin-top: 0;
        margin-bottom: 44px;
    }

        .eventPersonInfo p {
            color: #333132;
        }

    #bgVideoControls {
        position: relative !important;
        height: 45px !important;
    }
}

@media only screen and (max-width: 660px) {
    .homeCard .flipContent {
        padding: 22px 20px;
    }
}
/* sana 
@media only screen and (min-width: 641px) and (max-width: 968px) {
    .spotlightImageOverlay .contentOverlay  {
        background: #333132;
    }
    .homeFlipOverlay .tagline {
        display: none;
    }
}
    */

@media only screen and (max-width: 640px) {
    .contentBox {
        padding: 22px 20px;
    }

    .tabContent .contentBox {
        padding: 44px 20px 0 20px;
    }

    .wrapper {
        padding: 0;
    }

    .headerContainer {
        padding: 22px 20px;
    }

    .twoColWide .col {
        width: 100%;
    }

    .homeCard {
        padding: 0 20px;
    }

    .featureImage {
        padding: 0 20px;
    }

    .darkContainer {
        margin: 0 -20px 22px -20px;
        padding: 22px 20px 0 20px;
    }

    .backBtn {
        float: left;
        margin: 0 0 22px 0;
    }

        .backBtn + h1 {
            clear: both;
        }

    .topBtn {
        width: 100%;
    }

        .topBtn + h1 {
            /*clear: both;*/
        }

    .youtube .supporting-text {
        clear: both;
        width: 100%;
        position: static;
        margin-bottom: 44px;
    }

    .youtube .youtubeVideo {
        padding: 0;
    }

    .pictureLibrary .left,
    .pictureLibrary .right {
        padding: 0;
        width: 100%;
    }

    .fellowWelcome .twoCol .col {
        width: 100%;
    }

    .downloadList.halfWidth {
        width: 100%;
    }

    .talkContent {
        margin: 0 -20px;
        width: 107%;
        width: calc(100% + 40px);
    }

    .eventPersonInfo {
        padding: 0;
    }

    .panel {
        margin: 0 -20px 22px -20px;
        padding: 22px 20px;
    }

    .filterContainer {
        padding: 0 0 22px 0;
        width: 100%;
    }

    .organisers .col,
    .talkContent .col {
        width: 50%;
    }

        .organisers .col:nth-child(2n+1),
        .talkContent .col:nth-child(2n+1) {
            clear: both;
        }

    div.featureItems {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .additionalSearchInfo {
        display: none;
    }

    .moreResults p {
        width: 100%;
    }
}

@media only screen and (min-width: 581px) {
    .statement .link {
        margin: 0 100px 0 0;
    }

        .statement .link:hover {
            border-bottom: 1px solid #c7bfbd;
        }

        .statement .link:after {
            content: '';
            background: #ba0c2f;
            position: absolute;
            bottom: 33px;
            margin: 0 0 0 10px;
            height: 6px;
            width: 6px;
            -moz-transition: height 0.2s linear;
            -o-transition: height 0.2s linear;
            -webkit-transition: height 0.2s linear;
            transition: height 0.2s linear;
        }

        .statement .link:hover:after {
            height: 0;
        }

    .statement .more {
        background: #fff;
        position: absolute;
        bottom: 30px;
        margin: 0 0 0 -90px;
        -moz-transition: height 0.2s 0.2s linear;
        -o-transition: height 0.2s 0.2s linear;
        -webkit-transition: height 0.2s 0.2s linear;
        transition: height 0.2s 0.2s linear;
    }

    .statement .link:hover + .more {
        height: 18px;
    }

    .textbox.big {
        height: 66px;
        line-height: 66px;
        font-size: 2.2em;
    }

    .btn.big {
        padding: 21px 30px;
        font-size: 2.2em;
    }

    .largeSearch .iconSearch:before {
        font-size: 28px;
    }
}

@media only screen and (max-width: 580px) {
    .headerContainer .headerLogo {
        background-image: url(https://royalsociety.org/images/Redesign2015/logo-vertical.png);
        height: 66px;
        width: 127px;
    }

    .stickyHeader {
        background: #ba0c2f;
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px 20px;
        width: 100%;
        z-index: 100;
    }

        .stickyHeader .headerLogo {
            background-size: 100% 100%;
            margin: 6px 0;
            height: 12px;
            width: 180px;
        }

        .stickyHeader a {
            float: left;
            text-decoration: none;
        }

    .statement {
        margin: 0 0 22px 0;
        font-size: 2.2em;
        line-height: 1.5;
    }

        .statement .more {
            display: block;
            height: auto;
            font-size: 18px;
            text-decoration: underline;
        }

    .homeContentBox .halfWidth {
        width: 100%;
    }

    .homeContentBox .rightGutter {
        padding: 0 0 22px 0;
    }

    .homeNarrowCol {
        padding: 0 0 25px 0;
    }

    #signUpEmail {
        clear: both;
    }

    .signUpForm {
        float: left;
    }

    .shareLinks {
        margin: 22px 5px 36px 0;
    }
    /*.shareLinks span {
        display: block;
    }*/
    .largeSearch .btn.iconSearch {
        padding: 10px 15px;
    }

    .searchOptions .textboxWide,
    .textboxWide + .preSearchList {
        width: 200px;
    }

    .keyword .textbox {
        width: 100%;
    }
}

@media only screen and (max-width: 550px) {
    .spotlight .imageOverlay {
        box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.17);
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
    }

    .offsetForm .textbox {
        width: 100%;
    }

    .offsetForm .btn {
        width: 100%;
    }

    .eventDates .col {
        width: 100%;
    }
}

@media only screen and (min-width: 521px) {
    .speakerContent .reveal.active:after {
        content: '';
        background: #ba0c2f;
        position: absolute;
        left: 50%;
        margin: 5px 0 0 -2px;
        width: 4px;
        height: 154px;
    }
}

@media only screen and (max-width: 520px) {
    .siteSearch {
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }

    #siteSearch {
        width: 100%;
    }

    .introduction-video {
        display: none !important;
    }

    .twoCol .col,
    .threeCol .col,
    .fourCol .col {
        width: 100%;
    }

    .threeCol .twoCol > .col {
        width: 50%;
    }

    .featureCols .twoCol > .col {
        width: 100%;
    }

    .featureCols .doubleTopGap {
        margin-top: 0;
    }

    .eventTypeGallery .supportingContent {
        position: relative;
    }

    .talkContent .col {
        width: 50%;
    }

        .talkContent .col:nth-child(2n+1) {
            clear: both;
        }

    .oneFifthWidth,
    .fourFifthWidth {
        width: 100%;
    }

    .sessionHeading {
        padding-top: 20px;
    }

    .newsletterOptions {
        margin: 0;
    }

        .newsletterOptions > div {
            width: 100%;
        }

    .blockCheckbox + label {
        margin-right: 25px;
    }

    .blockOption {
        width: 100% !important;
    }

    .fullForm .textbox,
    .fullForm .btn {
        width: 100%;
    }

    .colList > .fellowAlert,
    .colList > .fellowAlert:nth-child(3n+1) {
        padding-left: 12px;
    }

    #fellowHubSearch .tabs li {
        padding: 0 25px;
        width: 100%;
    }

    #fellowHubSearch .tabs a {
        box-shadow: none;
        font: 2.2em/22px 'Proxima Nova', Arial, Helvetica, sans-serif;
    }

    .quickSearch .textbox,
    .quickSearch .btn,
    h2.left + .btn {
        width: 100%;
    }

    .organisers .col,
    .talkContent .col {
        width: 50%;
    }
}

@media only screen and (min-width: 501px) {
    .clearTable td:first-child {
        padding-left: 0;
    }
}

@media only screen and (max-width: 500px) {
    .homeFlipOverlay .contentOverlay {
        background: #333132;
        text-align: left;
    }

    .homeFlipOverlay .sectionLink {
        right: auto;
        left: 120px;
        margin: 10px 0;
    }

    .homeFlipOverlay .tagline {
        display: none;
    }

    .spotlightImageOverlay .contentOverlay {
        background: #333132;
    }

    .spotlightImageOverlay .tagline {
        display: none;
    }

    .eightCol .col {
        width: 50%;
    }

    .eightCol > .col:nth-child(2n+1) {
        clear: both;
    }

    .awardsList .mediaImg {
        width: 100%;
    }

    .awardsList .media,
    .awardedGrants .media {
        padding: 0;
        width: 100%;
    }

    table tr {
        display: block;
        margin: 0 0 22px 0;
    }

    table th {
        display: none;
    }

    table td {
        border-bottom: 3px solid #fff;
        display: block;
        position: relative;
        padding-left: 40%;
        width: 100%;
    }

        table td:before {
            content: attr(data-th);
            background: #6f263d;
            border-right: 3px solid #fff;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            padding: 11px;
            width: 28%;
            color: #fff;
            text-align: left;
        }

    .scfForm .scfCheckBoxList td {
        display: flex;
        align-items: center;
        padding-left: 11px;
    }

        .scfForm .scfCheckBoxList td:before {
            content: none;
        }

    .clearTable td {
        border-bottom: 0;
        padding-left: 45%;
    }

        .clearTable td:before {
            background: 0;
            border-right: 0;
            padding: 5px 11px 5px 0;
            width: 35%;
            color: #333132;
            font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
        }

    .ui-datepicker td:before {
        display: none;
    }

    .oneThirdWidth .illustration,
    .oneThirdWidth .pullQuote,
    .twoThirdWidth .illustration,
    .twoThirdWidth .pullQuote,
    .eventOverview .illustration {
        padding: 0 0 22px 0;
        max-width: none;
    }

    .eventOverview .illustration {
        width: 100%;
    }

    .collectionSearch .btn,
    .searchToggle {
        width: 100%;
    }

    .sixCol > .col {
        width: 50%;
    }

        .sixCol > .col:nth-child(3n+1) {
            clear: none;
        }

        .sixCol > .col:nth-child(2n+1) {
            clear: both;
        }

    .sessionWrap {
        margin-top: 22px;
    }

    #fellowProfileForm .btnRight {
        float: left;
        clear: both;
        margin: 22px 0 0 0;
    }

    .awardedGrants > h4 {
        display: block;
    }

    .awardedGrants .media > h4 {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .fellowCard + .fellowText {
        margin: 22px 0 0 0;
    }

    .quote {
        padding: 22px 10px;
    }

        .quote p:before {
            top: -22px;
            left: -10px;
            font-size: 20px;
        }

        .quote footer:before {
            right: -10px;
            bottom: -22px;
            font-size: 20px;
        }

    .fellowWelcome .separatedLinks {
        clear: both;
    }

        .fellowWelcome .separatedLinks li {
            border: 0;
            float: right;
            clear: both;
            margin: 0;
            padding: 0;
        }

    .resultsFilterSelect,
    .searchOptions .textboxWide,
    .textboxWide + .preSearchList,
    #eventDateRange .btn {
        width: 100%;
    }

    #toDate {
        margin-right: 0;
    }

    .journalSearch .textbox {
        width: 225px;
    }
}

@media only screen and (max-width: 450px) {
    .presidentUpdate .media {
        clear: both;
        padding: 0;
    }

    #eventDateRange .filter + label {
        float: left;
        margin: 5px 25px 0 0;
        width: 25px;
    }

    .searchOptions .dateSeparator {
        clear: both;
        width: 25px;
    }

    .sessionWrap > h4 {
        width: 60%;
    }
}

@media only screen and (max-width: 420px) {
    .globalFooter .break {
        display: block;
    }

    .heroImageOverlay .titleOverlay {
        position: relative;
        height: 44px;
        width: 100%;
    }

    .heroImageOverlay .contentOverlay {
        padding: 10px;
    }

    .homeCard .flipContent h2 {
        font-size: 2.8em;
    }

    .homeCard .flipContent p {
        margin: 0 0 11px 0;
    }

    .separatedLinks.largeLinks li {
        border-right: 0;
        clear: both;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 390px) {
    .fact {
        display: none;
    }

    .featureImage #BgVideo .header-unit {
        height: 180px;
    }

    #bgVideoControls {
        position: relative !important;
        height: 45px !important;
    }

    .sectionLink {
        width: 110px;
        left: 100px;
    }
}

@media only screen and (max-width: 350px) {
    .signUpForm label {
        margin: 0 0 10px 0;
    }

    #signUpEmail {
        border-radius: 5px;
        margin: 0 0 22px 0;
        width: 100%;
    }

    .signUpForm .btn {
        border-radius: 5px;
        width: 100%;
    }

    .threeCol .twoCol > .col {
        width: 100%;
    }

    .darkContainer {
        padding: 22px 10px 0 10px;
    }

        .darkContainer h2 {
            padding: 0 10px;
        }

    #eventSearch .tabs li {
        padding: 0 25px;
        width: 100%;
    }

    #eventSearch .tabs a {
        box-shadow: none;
        font: 2.2em/22px 'Proxima Nova', Arial, Helvetica, sans-serif;
    }
}

@media only screen and (max-width: 340px) {
    .connectLinks a {
        margin: 0 0 0 2px;
    }

    .stickyHeader {
        padding: 15px 20px 15px 10px;
    }

    .featureImage #BgVideo .header-unit {
        height: 150px;
    }

    #bgVideoControls {
        position: relative !important;
        height: 45px !important;
    }
}

@media only screen and (max-width: 290px) {
    .sectionLink {
        width: 90px;
    }
}

* {
    box-sizing: border-box;
}

.footer-redesign {
    background-color: #6F263D;
    color: #fff;
    margin-top: 22px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
}

    .footer-redesign img {
        display: inline-block;
    }

.main {
    width: 1225px;
    margin: 0 auto;
}

/* Top part of the footer */
.main-top {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Left side of the top part */
.main-top-one {
    width: 500px;
    float: left;
}

.main-top-one-logo {
    text-align: center;
    width: 442px;
    margin-top: 80px;
    margin-bottom: 40px;
}

.main-top-one-logo-first {
    width: 100%;
    margin-bottom: 37px;
}

.main-top-one-logo-second {
    width: 100%;
    text-align: left;
}

@media screen and (max-width: 600px) {
    .main-top-one-logo .main-top-one-logo-first img {
        width: 200px;
    }

    .main-top-one-logo .main-top-one-logo-second img {
        width: 100%;
    }

    .main-top-one-logo {
        width: auto;
    }

    .main-top-one,
    .main-top-two {
        width: 300px;
    }
}

.main-top-one-description {
    font-size: 21px;
    color: #ffffff;
    line-height: 30px;
    width: 100%;
}

.main-top-one-sharing-icons img {
    margin-top: 28px;
    margin-right: 15px;
    opacity: 0.8;
}

/* Right side of the top part */
.main-top-two {
    width: 500px;
    margin-top: 110px;
    margin-left: 200px;
}

.main-top-two-contact-us {
    margin-top: 12px;
}

.main-top-two-subscribe {
    margin-top: 56px;
}

.subsection-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.96px;
}

.subsection-description {
    margin-top: 50px;
    font-size: 21px;
}

.phone-number {
    font-size: 20px;
}

.additional-info {
    font-size: 16px;
    font-weight: 200;
    opacity: .9;
}

.address {
    margin-top: 35px;
    font-size: 20px;
}

.email-link {
    margin-top: 18px;
}

    .email-link a {
        text-decoration: none;
        color: #fff;
    }

.subscribe-link {
    margin-top: 26px;
}

    .subscribe-link a {
        text-decoration: none;
        color: #fff;
    }

.subscribe-description {
    margin-top: 16px;
    opacity: 0.9;
    line-height: 30px;
}


@media screen and (max-width: 1240px) {

    .main {
        width: 100%;
        /* background-color: blue; */
    }

    .main-top-one, .main-top-two {
        /* flex: 100%; */
        width: 500px;
        box-sizing: border-box;
    }

    .main-top-one {
        margin-left: 2%;
    }

    .main-top-two {
        margin-left: auto;
    }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1070px) {

    .main {
        /* background-color: red; */
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .main-top {
        width: 100%;
    }

    .main-top-one, .main-top-two {
        /* flex: 100%; */
        width: 500px;
        margin: 0 auto;
    }

    .main-top-two {
        margin-top: 110px;
    }
}

@media screen and (max-width: 1030px) {

    .main {
        /* background-color: red; */
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .main-top {
        width: 100%;
    }

    .main-top-one, .main-top-two {
        /* flex: 100%; */
        width: 500px;
        margin: 0 auto;
    }

    .main-top-two {
        margin-top: 110px;
    }
}

/* The middle part of the footer */
.footer-redesign-middle {
    width: 1225px;
    margin: 0 auto;
    margin-top: 98px;
    border-bottom: 1pt solid #fff;
}

@media screen and (max-width: 1278px) {
    .footer-redesign-middle {
        width: 100%;
    }
}

/* The bottom part of the footer */
.footer-redesign-bottom {
    max-width: 1225px;
    margin: 0 auto;
    margin-top: 20px;
}

.section-item {
    padding-top: 60px;
    width: 100%;
}

@media screen and (max-width:599px) {
    .section-item {
        margin-left: 25%;
        margin-right: 25%;
    }
}

@media screen and (min-width:600px) {
    .section-item {
        width: 50%;
    }
}

@media screen and (min-width:800px) {
    .section-item {
        width: 33.3333%;
    }
}

@media screen and (min-width:1000px) {
    .section-item {
        width: 25%;
    }
}

@media screen and (min-width:1240px) {
    .section-item {
        width: 20%;
    }
}

/* The first line of the bottom part */
.bottom-first-line {
    width: 100%;
}

.bottom-first-line-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* The second line of the bottom part */
.bottom-second-line {
    clear: both;
}

.bottom-second-line-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.section-item-title {
    font-weight: 600;
    margin-bottom: 35px;
    font-size: 20px;
}

.section-item-link {
    padding-bottom: 14px;
}

    .section-item-link a {
        color: #fff;
        text-decoration: none;
        opacity: .9;
        font-size: 16px;
    }

.footer-copyright {
    background-color: #631D33;
    padding: 0 0 50px 0;
    font-size: 18px;
    color: #fff;
    margin-top: 100px;
    margin-left: -10px;
    margin-right: -10px;
}

.footer-copyright-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1265px;
    margin: 0 auto;
}

    .footer-copyright-content > span {
        padding: 20px 20px 0 20px;
        min-width: 340px;
    }

    .footer-copyright-content a {
        color: #fff;
        text-decoration: none;
    }


@media screen and (max-width: 1278px) {
    .footer-copyright-content {
        width: 100%;
    }
}

.footer-copyright-floated-right {
    min-width: 300px;
    padding: 20px 20px 0 20px;
}


@media screen and (max-width: 825px) {
    .footer-copyright-floated-right {
        padding-top: 0;
    }
}

.footer-copyright-floated-right span:last-child {
    margin-left: 24px;
}


/*-----------Footer key symbol css----------*/

.keySymbol {
    position: relative !important;
    padding-right: 117px !important;
    margin-left: -44px !important;
}

/*-----------Footer key symbol css----------*/



/*-------------font and icons---------------*/
@font-face {
    font-family: 'icomoon';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?-6fpyd1');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?#iefix-6fpyd1') format('embedded-opentype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.woff?-6fpyd1') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.ttf?-6fpyd1') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.svg?-6fpyd1#icomoon') format('svg');
}

.Icon {
    position: relative;
}

    .Icon:before {
        display: inline-block;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .Icon:after {
        display: inline-block;
        font-family: 'icomoon';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.Key:before {
    content: '\e602';
    margin: 0 0 0 10px;
    font-size: 14px;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('https://royalsociety.org/js/Redesign2015/slick-carousel/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'icomoon';
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?-6fpyd1');
    src: url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.eot?#iefix-6fpyd1') format('embedded-opentype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.woff?-6fpyd1') format('woff'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.ttf?-6fpyd1') format('truetype'),url('https://royalsociety.org/css/Redesign2015/Fonts/icomoon.svg?-6fpyd1#icomoon') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 100px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: solid 1px #ba0c2f;
    outline: none;
    background: #ba0c2f;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #ba0c2f;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'icomoon';
    font-size: 20px;
    font-weight:bold;
    line-height: 1;

    opacity: 1;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
    z-index:1;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}
.slick-prev:before
{
    content: '\e606';
}
[dir='rtl'] .slick-prev:before
{
    content: '\e606';
}

.slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content: '\e607';
}
[dir='rtl'] .slick-next:before
{
    content: '\e607';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 90px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 50px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #fff;
    border:solid 1px #000

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #fff;
}

.carousel-description{
     border: solid 1px #000;
}

.carousel-description p{
    margin:10px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #333132;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://royalsociety.org/js/Redesign2015/fancy-box/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://royalsociety.org/js/Redesign2015/fancy-box/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('https://royalsociety.org/js/Redesign2015/fancy-box/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('https://royalsociety.org/js/Redesign2015/fancy-box/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
    font-size:1.6em;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('https://royalsociety.org/js/Redesign2015/fancy-box/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('https://royalsociety.org/js/Redesign2015/fancy-box/fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}

a.image-fancybox{
    display:inline-block;
    margin:25px 5px 25px 5px;
}

a.image-fancybox span.caption{
    padding-top: 5px;
    font-size: 2em;
    position: absolute;
    font-weight: bold;
    text-decoration: underline;
}