/** Custom CSS */


/* BUTTONS */

.button--gold {
    padding: 1rem;
    border: 1px solid #c29000;
    background: #c29000;
    color: #fff;
    text-transform: uppercase;
    font: 14px 'gotham_htfmedium';
    max-height: 45px;
    min-width: 200px;
}

.button--gold:hover {
    border: 1px solid #c29000;
    background: #fff;
    color: #c29000;
}

.button--blue {
    flex: 0.2;
    padding: 1rem;
    border: 1px solid #002147;
    background: #002147;
    color: #ffffff;
    text-transform: uppercase;
    font: 14px 'gotham_htfmedium';
    max-height: 45px;
    min-width: 200px;
}

.button--blue:hover {
    border: 1px solid #002147;
    background: #fff;
    color: #002147;
}


/* END BUTTONS */

.page-node-submission #ui-accordion-container_1-panel-0,
.page-node-submission #ui-accordion-container_4-panel-0,
.page-node-submission #ui-accordion-container_2-panel-0,
.page-node-submission #ui-accordion-container_3x-panel-0,
.page-node-submission #ui-accordion-privacy_statement-panel-0 {
    height: auto!important;
}

.event-details-container .tabs-content a {
    text-decoration: underline;
}

#edit-field-upcoming-fellow- {
    display: none;
}

.payment .submit-button {
    background: #b88016;
    border: 2px solid #b88016;
}

.webform-submission .ui-state-default,
.webform-submission .ui-state-active {
    display: flex;
}

.award-description {
    color: #ccc;
    font-size: 12px;
    line-height: 1.4;
    padding: 16px;
}

@media only screen and (max-width: 1199px) {
    .award-description {
        display: none;
    }
}

.page-node-15136 a.card {
    border-bottom: none;
}

html {
    scroll-behavior: smooth;
}

.page-covid-19-experts .chosen-container-multi .chosen-choices {
    background-image: none;
}

.page-covid-19-experts .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 10px;
}

.page-covid-19-experts .chosen-container-multi .chosen-choices li.search-choice {
    line-height: 25px;
    flex-shrink: 0;
}

.page-covid-19-experts .chosen-container-multi .chosen-choices {
    border-radius: 5px;
    background-image: none;
    border: none;
    min-height: 46px;
}

.expert-register-footer a {
    border-bottom: 1px solid #c29000;
}

.expert-register-footer a:hover {
    border-bottom: 1px solid #00456E;
}


/* .more-filters-wrapper {
  display: none!important;
} */

.disclaimer-expert a {
    border-bottom: 1px solid #b88016;
}

.disclaimer-expert a:hover {
    border-bottom: 1px solid #00456E;
}

#edit-field-expert-google-und-0 legend {
    display: none;
}


/* #edit-field-expert-media-contact input[type="checkbox"] { margin-top: 47px; font-size: 2rem; margin-left: 0!important; }
#edit-field-expert-media-contact label { margin-top: -70px; } */

.form-item.form-type-checkbox.form-item-field-ics-perm-for-future-use-und,
.form-item.form-type-checkbox.form-item-field-expert-media-contact-und {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 2rem;
    align-items: start;
}

#expert-node-form .chosen-container-multi input {
    color: #505050;
    min-width: 100%;
}

#expert-node-form .chosen-choices li.search-field {
    width: 100%;
}

div#edit-field-expert-state-territory-value-wrapper {
    margin-left: 16px;
}

#expert-node-form .form-item-field-expert-phone-und-0-value .description {
    display: block!important;
}

.views-exposed-widget.views-submit-button {
    margin-left: 16px;
}

div#edit-field-expert-city-tid-wrapper {
    margin-left: 16px;
}

div#edit-field-expertise-areas-value-wrapper,
div#edit-field-ics-fields-of-research-value-wrapper {
    flex-grow: 1;
}

.node-type-expert .expert-is-fellow img {
    float: right;
}

.node-type-expert .expert__details {
    display: flex;
    flex-direction: column;
    background: #FFF;
    padding: 30px;
    position: relative;
}

.node-type-expert .expert-is-fellow {
    position: absolute;
    right: 3rem;
    top: 3rem;
}

.node-type-expert .expert__lower {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:767px) {
    .node-type-expert .expert__lower {
        flex-direction: column;
    }
}

.expert__contact {
    display: grid;
    grid-template: auto / 1fr 1fr;
    grid-gap: 3rem;
    margin-top: 3rem;
}

.expert__contact.two-button {
    grid-template: auto / 1fr 1fr;
}

.expert__contact.one-button {
    grid-template: auto / 1fr;
}

@media screen AND (max-width: 767px) {
    .expert__contact.one-button,
    .expert__contact.two-button,
    .expert__contact {
        grid-template: auto / 1fr;
    }
}

#expert-phone,
#expert-email {
    display: inline-block;
    padding: 2rem;
    background: #344c66;
    color: white;
    cursor: pointer;
    text-align: center;
    font-family: 'gotham_htflight';
}


/* expertise section */

.expertise__header {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
}

.expert__profile--container a {
    display: block;
    margin-bottom: 1.5rem;
}

.expert__orcid-link span,
.expert__profile-link span,
.expert__gs-link span {
    color: #334b66;
    white-space: nowrap;
    border-bottom: 1px solid #b88016;
}

.expert__orcid-link:hover span,
.expert__profile-link:hover span,
.expert__gs-link:hover span {
    border-bottom-color: #334b66;
}

.expertise__tags {
    display: flex;
    flex-wrap: wrap;
}

.node-type-expert .expert__expertise span.expertise__tag {
    background: #344C66;
    padding: 8px 16px;
    color: #FFF;
    font-family: 'gotham_htflight';
    margin: 0 1rem 1rem 0;
}

.node-type-expert .expert__expertise-overview {
    background: #fff;
    margin-top: 30px;
    padding: 30px;
}

.node-type-expert .expert__expertise h4 {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #002147;
    font-family: "gotham_htfmedium";
    display: block;
}

.node-type-expert span.overview__heading {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #002147;
    font-family: "gotham_htfmedium";
    display: block;
}

.node-type-expert .expert__expertise,
.node-type-expert .expert__expertise-overview {
    background: #FFF;
    padding: 30px;
    margin-top: 30px;
    position: relative;
}

.node-type-expert .expert__location {
    background: #fff;
    color: #002147;
    font-family: "gotham_htfmedium";
    padding: 0;
}


/* ICS experts styles */

.node-type-expert .expert__expertise.expert__expertise--ics {
    border-bottom: 2px solid #008FD5;
}

.node-type-expert .expert__expertise.expert__expertise--ics h4 {
    color: #008FD5;
    border-bottom-color: #008FD5;
}

.node-type-expert .expert__expertise.expert__expertise--ics span.expertise__tag {
    background: #008FD5;
}


/* expert__profile--container */

.node-type-expert .expert__job span {
    font-family: 'gotham_htflight';
}

.node-type-expert .expert__job span::first-letter {
    text-transform: capitalize;
}

.node-type-expert span.expert__institution {
    color: #4F4F4F;
    font-family: 'gotham_htflight';
}

.node-type-expert span.expert__salutation {
    font-family: "gotham_htfmedium";
}

.node-type-expert .expert__personal {
    margin-bottom: 3rem;
    display: flex;
    justify-content: space-between;
}

.node-type-expert .expert__name {
    color: #002147;
    font-size: 38px;
    margin-bottom: 0;
    margin-left: -2px;
}

.node-type-expert .expert__content {
    background: #fff;
    color: #002147;
    justify-content: flex-start;
    min-height: auto;
    width: 77%;
}

.get-in-touch {
    padding: 3rem;
    background: white;
    margin-top: 3rem;
    text-align: center;
}

.get-in-touch a {
    color: #334b66;
    white-space: nowrap;
    border-bottom: 1px solid #b88016;
}

.get-in-touch a:hover {
    border-bottom-color: #334b66;
}

.acola {
    max-width: 100%!important;
}

.node-type-expert .add-expert__image {
    height: 300px;
}

.node-type-expert .add-expert {
    display: flex;
    flex-direction: column;
}

.form-item-combine input#edit-combine {
    width: 280px;
    height: 43px;
    border-radius: 5px;
    font-size: 14px;
    color: #999 !important;
}

#views-exposed-form-expert-listing-ics-ict-experts .form-item-combine input#edit-combine {
    width: 100%;
}

.view-expert-listing input.chosen-search-input.default,
.view-expert-listing div.chosen-container {
    width: calc(100% - 8px) !important;
    min-height: 43px !important;
    border: 2px solid #9d9da1;
    border-radius: 5px;
    font-size: 14px;
    font-family: gotham_htflight !important;
    color: #999 !important;
}

.view-expert-listing #edit_field_ics_fields_of_research_value_chosen input.chosen-search-input.default,
.view-expert-listing #edit_field_ics_fields_of_research_value_chosen,
.view-expert-listing #edit_field_areas_of_application_and_c_value_chosen input.chosen-search-input.default,
.view-expert-listing #edit_field_areas_of_application_and_c_value_chosen {
    width: 100% !important;
}

.view-expert-listing input.chosen-search-input.default .search-field,
.view-expert-listing div.chosen-container .search-field {
    width: 100%;
}

.view-expert-listing #edit-field-expert-city-tid-1 {
    width: calc(100% - 8px) !important;
    min-height: 49px !important;
    border: 2px solid #9d9da1;
    border-radius: 5px;
    font-size: 14px;
    font-family: gotham_htflight !important;
    color: #999 !important;
}

#edit_field_expertise_areas_value_chosen.chosen-container-multi .chosen-choices li.search-field,
#edit_field_expertise_areas_value_chosen.chosen-container-multi .chosen-choices li.search-field input {
    width: 100% !important;
}

.view-expert-listing input.chosen-search-input.default,
.view-expert-listing #edit-field-expert-city-tid-1 {
    padding: 0 0 0 8px;
}

.view-expert-listing ul.chosen-choices {
    font-size: 14px;
    color: #999 !important;
    display: flex;
    flex-direction: row;
    position: relative;
    border: none;
    border-radius: 5px;
    padding-left: 8px;
    /* max-width: 65rem; */
    flex-wrap: wrap;
}

.view-expert-listing .chosen-container-active .chosen-choices {
    /* border: 1px solid #5897fb; */
    box-shadow: none;
}


/* input#edit-field-expert-city-tid {
    height: 43px;
    width: 170px;
    border: 2px solid #9d9da1;
    border-radius: 5px;
    padding: 15px 8px 10px 8px;
    font-size: 14px;
    color: #999 !important;
} */

.form-item.form-type-textfield.form-item-field-expert-city-tid-1 #autocomplete {
    position: absolute;
    background: white;
    padding: 1rem;
}

.form-item.form-type-textfield.form-item-field-expert-city-tid {
    width: 170px;
    border-radius: 5px;
    font-size: 14px;
    color: #999 !important;
}

select#edit-field-expert-state-territory-value {
    width: 170px;
    height: 43px;
    border: 2px solid #9d9da1;
    border-radius: 0px;
    background: none;
    font-size: 14px;
    color: #999 !important;
}

input#edit-submit-expert-listing {
    min-width: 122px;
    min-height: 48px;
    border-radius: 5px;
    background: #00456e;
    color: #fff;
    border: none;
    width: calc(100% - 8px);
}

input#edit-submit-expert-listing:hover {
    background: #b88016;
}

.node-type-webform .basic-content-2 a {
    border-bottom: none;
}

.node-type-webform .basic-content-2 a.chosen-single {
    border-bottom: 2px solid #ececec;
}

.basic-content-2 a {
    border-bottom: 1px solid #337ab7;
}

.award-node-image img {
    width: 100%;
    height: auto;
}

.node-type-award .field-items {
    width: 100%;
}

.page-node-12364.page-node-submission .form-item.webform-component {
    display: contents;
}

.page-node-12364.page-node-submission .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea {
    display: contents;
}

.page-node-12364.page-node-submission input#edit-submitted-cover-letters-upload,
.page-node-12364.page-node-submission textarea#edit-submitted-projected-active-participants,
.page-node-12364.page-node-submission textarea#edit-submitted-project-aims,
.page-node-12364.page-node-submission input#edit-submitted-project-budget-upload,
.page-node-12364.page-node-submissio textarea#edit-submitted-declaration-of-external-financial-support,
.page-node-12364.page-node-submission input#edit-submitted-amount-being-requested,
.page-node-12364.page-node-submission textarea#edit-submitted-declaration-of-external-financial-support {
    background: #FFF;
}

input.webform-submit.button-primary.form-submit:hover {
    color: #c29000;
    background: #fff;
    border-top: 2px solid #c29000;
}

form#views-exposed-form-search-api-page label {
    display: none;
}

form#views-exposed-form-search-api-page .views-submit-button {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    z-index: 300;
}

.page-my-nominations .consent-row input,
.page-node-3333 .consent-row input,
.page-node-2398 .consent-row input {
    flex: 1;
    padding: 10px;
    border: none;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #BDBDBD;
    margin-bottom: 10px;
}

.page-my-nominations .consent-row,
.page-node-3333 .consent-row,
.page-node-2398 .consent-row {
    display: flex;
}

.page-my-nominations .consent-forms {
    margin-top: 1.5rem;
}

.page-my-nominations .consent-forms,
.page-node-3333 .consent-forms,
.page-node-2398 .consent-forms {
    display: flex;
    flex-direction: column;
}

.page-my-nominations .consent-forms button,
.page-node-3333 .consent-forms button,
.page-node-2398 .consent-forms button {
    flex: 0.2;
    padding: 1rem;
    border: 1px solid #c29000;
    background: #c29000;
    color: #fff;
    text-transform: uppercase;
    font: 14px 'gotham_htfmedium';
    max-height: 45px;
    min-width: 200px;
}

.page-my-nominations .consent-forms button:hover,
.page-node-3333 .consent-forms button:hover,
.page-node-2398 .consent-forms button:hover {
    border: 1px solid #c29000;
    background: #fff;
    color: #c29000;
}

.page-my-nominations .consent-forms h4,
.page-node-3333 .consent-forms h4,
.page-node-2398 .consent-forms h4 {
    text-transform: uppercase;
    background: #002147;
    color: #FFF;
    font-size: 14px;
    padding: 12px;
    margin: 0;
    max-height: 45px;
    min-width: 255px;
    text-align: center;
}

.page-node-3333 input#edit-draft {
    background: #c29000;
    border: 2px solid #c29000;
    color: #ffffff;
}

input#edit-draft {
    background: #c29000;
    border: 2px solid #c29000;
    color: #ffffff;
}

input.webform-submit.button-primary.form-submit {
    background: #c29000;
    color: #ffffff;
    padding: 10px 30px;
    border: 2px solid #c29000;
}

.messages.error.file-upload-js-error {
    background: #E53935;
    color: #fff;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

.accordion-container.ui-accordion .ui-accordion-header-active {
    margin: 0 !important;
}

.accordion-container .ui-widget-content {
    border: 2px solid #002147;
}

#user-login,
#user-pass,
#user-register-form {
    width: 75%;
    margin: 0 auto;
    padding: 20px;
}

#user-register-form .description {
    display: none;
}

#user-login .form-item-pass {
    margin-top: 20px;
}

.basic-content .highlight h3 {
    margin-top: 0;
}

.captionNormal {
    font-style: normal;
}

#Layer_1 {
    display: block;
    margin-top: -7px;
    margin-left: 12px;
}

.related-content-arr {
    position: absolute;
    right: 8%;
    bottom: 28px;
    color: #fff;
    font-size: 1.5em;
}

.webform-client-form .webform-component--download-all-documents {
    float: initial;
}


/* TEMPORARY STYLES FOR SC REVIEW */

#j_referees .webform-component-fieldset {
    margin-top: 10px;
}

.accordion-container h3 {
    margin: 0;
}

.accordion-tab-content {
    background: #fff;
    overflow-y: hidden;
}

#user-login a {
    display: inline-block;
    line-height: 35px;
    font-family: 'gotham_htflight';
    color: #645854;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 40px 8px 40px;
    background: #d5d7d6;
}

#edit-actions--4 {
    display: inline-block;
}

#edit-actions--3,
#user-pass #edit-actions input,
#user-register-form #edit-actions input {
    display: inline-block;
    padding: 8px 40px 8px 40px;
    margin-top: 10px;
    margin-right: 5px;
}

.fellows-area {
    display: flex;
    flex-wrap: wrap;
}

.fellows-area .col-sm-6,
.fellows-area .col-sm-12 {
    padding: 0;
    margin-top: 15px;
    display: flex;
}

.fellows-area .oddColumnPad {
    padding-right: 15px;
}

.paysub {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    height: auto;
    line-height: 31px;
    max-width: 568px;
    padding: 7px;
    margin-right: 15px;
    font-size: 14px;
    font-family: 'gotham_htfmedium';
    border: 2px solid #002147;
    background: #002147;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.paysub:after {
    content: '\35';
    font-family: 'ElegantIcons';
}

#edit-actions--4 input {
    display: inline-block;
    padding: 11px 40px 12px 40px;
    margin-top: 10px;
    margin-right: 5px;
}

#user-login label,
#user-pass label,
#user-register-form label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    color: #002147;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-register-form label {
    margin: 15px 0 5px 0;
}

#edit-field-user-first-name-und-0-value,
#edit-field-user-last-name-und-0-value,
#edit-mail,
#edit-name--2,
#edit-name--3,
#user-pass #edit-name,
#edit-name,
#user-login input.form-text {
    outline: none;
    display: block;
    background: #fff;
    width: 100%;
    margin: 0;
    border: 0;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    border: 1px solid #eceeed;
    background-clip: padding-box;
    padding: 15px;
    color: #505050;
    font: 18px/24px 'gotham_htflight'!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#user-register-form .chosen-container {
    width: 100%!important;
}

#user-register-form .chosen-single {
    background: #fff;
    width: 100%;
    padding: 10px;
    height: 60px;
}

.admin-menu .webform-component--j-referees--j-referees--referees-suggested-by-the-candidate-1 .webform-label-processed {
    margin-top: 45px;
}

#user-register-form .chosen-container-single .chosen-single div {
    top: 7px;
}

#user-profile-form label {
    display: block;
    width: 100%;
    margin: 0 0 5px;
    /*margin-top: 10px;*/
    color: #002147;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.form-item-field-user-state-und {
    margin-bottom: 0;
}

#user-profile-form .description,
#user-profile-form .password-strength,
#user-register-form .password-strength {
    display: none!important;
}

.dates-wrapper {
    background: #f0f0f0;
    padding: 1em 1em 0 1em;
    display: inline-block;
    /*tr*/
    width: 100%;
    text-align: center;
}

.learn-more:hover {
    color: #fff;
    border: 2px solid #fff;
}

#edit-submit-referee-administration,
#edit-submit-nomination-administration {
    margin-top: 24px;
}

.view-nomination-administration .description {
    display: none;
}

.view-nomination-administration #description {
    margin-top: 0;
}

.center {
    text-align: center;
}

.learn-more {
    border: 2px solid #485463;
    color: #fff;
    width: 80%;
    text-transform: uppercase;
    margin-top: 5px;
}

.page-node-3465 .latest_news li {
    list-style: none;
    margin-top: 10px;
}

.page-node-3465 .latest_news ul {
    margin-left: 0;
}

.view-referee-administration caption,
.view-nomination-administration caption {
    font-size: 1.2em;
}

.item-list .pager {
    clear: both;
    text-align: center;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.view-referee-administration ::-webkit-input-placeholder,
.view-nomination-administration ::-webkit-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}

.view-referee-administration :-ms-input-placeholder,
.view-nomination-administration :-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}

.view-referee-administration ::-moz-placeholder,
.view-nomination-administration ::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87);
}

.view-referee-administration :focus::-webkit-input-placeholder,
.view-nomination-administration :focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}

.view-referee-administration :focus:-ms-input-placeholder,
.view-nomination-administration :focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}

.view-referee-administration :focus::-moz-placeholder,
.view-nomination-administration :focus::-moz-placeholder {
    color: rgba(115, 115, 115, 0.87);
}

.view-nomination-administration .chosen-container,
.view-nomination-administration .chosen-container {
    width: 500px!important;
}

.view-referee-administration .views-exposed-form .views-exposed-widget,
.view-nomination-administration-expired .views-exposed-form .views-exposed-widget,
.view-nomination-administration .views-exposed-form .views-exposed-widget {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.view-referee-administration .views-exposed-widget .views-submit-button,
.view-nomination-administration .views-exposed-widget .views-submit-button,
.view-nomination-administration-expired .views-exposed-widget .views-submit-button {
    float: right!important;
}

#quicktabs-event_listing_test_ .views-exposed-widget.views-submit-button {
    width: 100%;
}

#quicktabs-event_listing_test_ .views-exposed-widget.views-submit-button {
    width: 15%;
    height: 74px;
}

#quicktabs-event_listing_test_ #edit-submit-events-listing-new {
    padding: 15px 15px;
    height: 100%;
    width: 100%;
}

.view-referee-administration #edit-combine,
.view-nomination-administration #edit-combine {
    height: initial;
    box-shadow: none;
}

.view-referee-administration .views-exposed-form label,
.view-nomination-administration .views-exposed-form label {
    margin: 0em 0em 0.28571429rem 0em;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}

.view-referee-administration input,
.view-referee-administration select,
.view-referee-administration textarea,
.view-referee-administration input[type="text"],
.view-nomination-administration input,
.view-nomination-administration select,
.view-nomination-administration textarea,
.view-nomination-administration input[type="text"] {
    border: 2px solid rgba(34, 36, 38, 0.15);
    padding: 8px 20px;
}

.view-referee-administration select,
.view-nomination-administration select {
    padding: 8px 10px;
}

.fix-width-5 {
    width: 5%;
}

.fix-width-10 {
    width: 10%;
}

.fix-width-20 {
    width: 20%;
}

.fix-width-22 {
    width: 22%;
}

.fix-width-40 {
    width: 40%;
}

.fix-width-50 {
    width: 50%;
}

.page-awards-and-opportunities .col-lg-9.col-md-9.col-sm-9.paddding-0 {
    width: 100%;
}

.page-awards-and-opportunities .col-lg-3.col-md-3.col-sm-3.desktop {
    display: none;
}

.page-node-2507 .member-related-wrap.listed-node .member-related h4,
.page-node-116 .member-related-wrap.listed-node .member-related h4,
.page-node-2995 .member-related-wrap.listed-node .member-related h4,
.page-node-2870 .member-related-wrap.listed-node .member-related h4,
.page-node-113 .member-related-wrap.listed-node .member-related h4,
.page-node-464 .member-related-wrap.listed-node .member-related h4,
.page-node-6339 .member-related-wrap.listed-node .member-related h4,
.page-node-468 .member-related-wrap.listed-node .member-related h4,
.page-node-2670 .member-related-wrap.listed-node .member-related h4 {
    min-height: initial!important;
}

.center-img {
    text-align: center;
}

.center-img img {
    display: inline-block;
}

.center-img frame {
    display: inline-block;
}

a.cta-black {
    float: right;
    margin-right: 0;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    padding: 0.5em 1em;
    min-width: 186px;
    text-transform: uppercase;
    background-color: #000000;
    margin-top: -35px;
    font-family: 'gotham_htfmedium';
}

a.cta-black:hover {
    color: #000;
    background-color: #fff;
}

.webform-submission-actions,
.webform-submission-info,
.webform-submission-navigation,
.webform-component--nomination-age,
.page-node-submission .breadcrumb {
    display: none!important;
}

.page-node-submission .ui-widget-content a {
    color: #2196F3;
}

.page-node-submission .accordion-tab-content {
    display: block!important;
}

.page-node-submission .ui-state-default .ui-icon {
    background-image: none!important;
}

.page-node-submission .ui-state-active .ui-icon {
    background-image: none!important;
}

.disclaimer-expert {
    padding: 2.5rem 2rem 2.5rem 2rem;
    margin-top: 3rem;
    text-align: center;
    background: #fff;
}

.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-disabled {
    display: none;
}

ol.lower-roman li {
    list-style-type: lower-roman!important;
}

.displayCount {
    margin-top: 20px;
    display: block;
}

.item-list+.view-footer .displayCount {
    margin-top: -35px;
}

.time .field-content {
    display: inline-block!important;
}

.editButSel+a {
    display: none!important;
}

.webform-component--j-referees--j-referees--additional-referees-suggested-1,
.webform-component--j-referees--j-referees--additional-referees-suggested-2,
.webform-component--j-referees--j-referees--additional-referees-suggested-3 {
    display: none;
}

.webform-draft-1 a {
    display: inline!important;
}

.page-node-submission .webform-component--j-referees--j-referees--referees-suggested-by-the-candidate-1 {
    display: inline;
}

.views-table td,
.views-table th {
    font-size: 1em;
}

.page-node-5 .webform-client-form input,
.page-node-5 .webform-client-form .form-textarea-wrapper {
    width: 100%;
}

.gmap_size {
    border: #eceeed;
}

.largeHR {
    border-top: 6px solid #eee;
}

.prettyh2 {
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.webform-component--a-candidates-details--a-candidates-details--staff-nomination-age {
    display: none;
}

.page-node-submission .webform-component--a-candidates-details--a-candidates-details--staff-nomination-age {
    display: block;
}

.form-submit-date {
    background: #d1d1d1;
    border: 1px solid #d1d1d1;
    padding: 5px 13px 5px 13px;
    position: absolute;
    display: inline-block;
}

.date-label {
    margin-top: 4px;
}

.input-text {
    background-color: #ffffff;
    padding: 2px 10px;
    color: #333;
    border: 1px solid #dddddd;
    outline: none;
    vertical-align: middle;
    height: 36px;
    border-radius: 0;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.date-wrapper {
    position: relative;
    margin: 0 42px 10px 0;
    display: inline-block;
}

.date-wrapper .label {
    float: left;
    display: inline-block;
    margin-right: 28px;
    padding-top: 10px;
    color: #000000;
}

.date-wrapper .input {
    font-size: 15px;
    color: #333;
    max-width: 172px;
    float: left;
    margin-right: 10px;
}

.date-wrapper .input input {
    float: left;
    width: 100%;
    padding: 2px 10px;
}

.date-wrapper .calendar-btn {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    float: left;
    margin-right: 30px;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9487/icon-calendar-72x72.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}

.pika-single {
    position: absolute;
    top: 40px;
    left: 0px;
}

.pika-single .pika-title {
    color: #444;
}

.pika-single .is-selected .pika-button {
    border-radius: 0;
    box-shadow: none;
    background: #ec0000;
}

.pika-single .pika-table tbody td {
    border: 1px solid #b9b9b9;
}

.pika-single .pika-button:hover {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #868686 !important;
}

.pika-single .is-today .pika-button {
    color: #ec0000;
}

.pika-single .is-today.is-selected .pika-button {
    color: #fff;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}


/* ABOVE IS REPORT CODE */


/* CHRIS TIMELINE CODE*/

.cw_tmtimeline {
    margin: 30px 0 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.tabs-content h3 {
    font-size: 18px;
}

#edit-submitted-f-extended-citation-f-extended-citation-extended-citation-cm_counter:first-child,
#edit-submitted-f-extended-citation-f-extended-citation-executive-summary-countdown_counter:first-child,
#edit-submitted-c-short-citation-c-short-citation-short-citation-countdown_counter:first-child,
#edit-submitted-f-extended-citation-f-extended-citation-significant-and-sustained-countdown_counter:first-child,
#edit-submitted-f-extended-citation-f-extended-citation-national-and-international-research-countdown_counter:first-child,
#edit-submitted-f-extended-citation-f-extended-citation-contributions-to-science-countdown_counter:first-child,
#edit-submitted-f-extended-citation-f-extended-citation-5-connection-to-australian-science-countdown_counter:first-child {
    display: block;
}

#edit-submitted-b-career-interruption-b-career-interruption-career-interruption-text_counter,
#edit-submitted-a-candidates-details-a-candidates-details-additional-personal-information_counter,
#edit-submitted-c-short-citation-c-short-citation-short-citation-countdown_counter,
#edit-submitted-i-publications-list-i-publications-list-retracted-paper-text_counter {
    text-align: right;
}

.page-node-3292 h1 {
    margin-bottom: 8px!important;
    padding: 25px 42px 25px 47px!important;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.node-type-referee p {
    white-space: pre-line;
}

a.full-button {
    padding: 15px;
    background: #00456e;
    color: #fff;
    width: 303px;
    font-size: 1.2em;
    display: block;
}

a.memoir-download {
    padding: 15px;
    text-align: center;
    background: #00456e;
    color: #fff;
    width: 100%;
    font-size: 1.2em;
    display: block;
}

a.memoir-download:before {
    content: "\e092";
    font-family: 'ElegantIcons';
    font-size: 0.9em;
    margin-right: 0.5em;
}

.lower-alpha li {
    list-style-type: lower-alpha!important;
}

.webform-component-markup webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--section-d-markup li {
    margin-left: 0;
}

.sats-live h1 {
    font-size: 34px;
}

.sats-live {
    margin-top: -32px!important;
    padding: 25px 42px 10px 47px!important;
    text-align: center;
    background: #EDA900!important;
    letter-spacing: 1px;
}

.cw_tmtimeline:before {
    content: '';
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #7E97A5;
    left: 4%;
    margin-left: -15px
}

.cw_tmtimeline>li {
    position: relative;
    list-style: none;
}

.cw_tmtimeline>li .cw_tmlabel {
    margin: 26px 14% 15px -2%;
    background: #1373B1;
    color: #FFF;
    padding: 24px 2em 12px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative
}

.cw_tmtimeline>li:nth-child(odd) .cw_tmlabel {
    background: #23C6BC;
}

.cw_tmtimeline>li .cw_tmlabel h2 {
    margin-top: 0;
    border-bottom: none;
    font: 18px 'Source Sans Pro', myriad-pro-1, myriad-pro-2, Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.cw_tmtimeline>li .cw_tmlabel p {
    margin-top: 0;
    font: 13px 'Source Sans Pro', myriad-pro-1, myriad-pro-2, Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px
}

.cw_tmtimeline>li .cw_tmlabel:after {
    right: 100%;
    display: none;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-right-color: #5F7C8C;
    border-width: 10px;
    top: 10px
}

.cw_tmtimeline>li:nth-child(odd) .cw_tmlabel:after {
    border-right-color: #7E97A5
}

.cw_tmtimeline>li .cw_tmicon {
    width: 40px;
    display: none;
    height: 40px;
    font-family: SSSocial-Regular;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 2.8em;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #5F7C8C;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #7E97A5;
    text-align: center;
    left: 4%;
    top: 0;
    margin: 0 0 0 -30px
}

.cw_tmicon-qualification:before {
    content: "\ea77"
}

.cw_tmicon-work:before {
    content: "\e903"
}

.cw_tmicon-research:before {
    content: "\e9aa"
}

.cw_tmicon-progress:before {
    content: "\e996"
}

.cw_date {
    display: block;
    width: 100px;
    height: 50px;
    color: #fff;
    background: #002147;
    text-align: center;
    font-family: Helvetica, sans-serif;
    position: absolute;
    top: 0;
    right: 0
}

.cw_date .binds {
    position: absolute;
    height: 15px;
    width: 60px;
    background: 0 0;
    border: 2px solid #5f7c8c;
    border-width: 0 5px;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto
}

.cw_date .month {
    background: #002147;
    display: block;
    padding: 15px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 3px solid #1373B1;
}

.cw_date .day {
    display: block;
    margin: 0;
    color: #ffffff;
    height: 31px;
    padding: 13px 0;
    font-size: 24px;
    position: relative
}

.cw_date .day span {
    display: block;
    font-size: 8px
}

.is-hidden {
    visibility: hidden
}

.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 .6s;
    animation: cd-bounce-1 .6s
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }
    60% {
        opacity: 1;
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }
    60% {
        opacity: 1;
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}


/* CHRIS TIMELINE CODE*/

.basic-content-2>p a,
.basic-content-2 li a {
    border-bottom: 1px solid #337ab7;
}

.basic-content-2>p a:hover,
.basic-content-2 li a:hover {
    border-bottom: 1px solid #23527c;
}

.page-node-3548 .agp-image-full-width {
    width: 100%;
}

.page-node-3548 .white-box {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}

#w-b-2 {
    margin-top: 23px;
}

.page-node-3548 .agp-donate-btn {
    margin: 0 auto;
    display: block;
    width: 160px;
    background: #FA8900;
    color: #000;
    padding: 12px;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'gotham_htfmedium';
}

.page-node-3548 .giving-banner {
    position: absolute;
    width: 870px;
    max-width: initial!important;
    left: 15px;
    top: 0;
}

.page-node-3548>h2 {
    margin: 110px 0 10px -20px!important;
    width: 870px;
    padding: 20px;
}

.page-node-3548 h2 span {
    display: inline-block;
    margin-top: 10px;
    background: #FA8900;
    text-transform: uppercase;
    font-size: 22px;
    padding: 6px 10px 6px 10px;
}

.page-node-3548 h2 span:first-child {
    margin-top: 120px;
}

.field-items {
    display: inline-block;
}

#node-3333 .field-items {
    display: block;
}

.field.field-name-field-owner.field-type-list-text.field-label-above {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 20px;
}

ol li {
    list-style-type: decimal!important;
    list-style-position: outside!important;
}

ol ul li {
    list-style-type: disc!important;
    list-style-position: outside!important;
    margin-left: 20px;
}

.views-table {
    width: 100%;
    margin-bottom: 5px;
}

.sub-text {
    font-size: 0.7em!important;
}

.equalDivide2 tr td {
    width: 50%;
}

.view-header {
    text-transform: inherit;
}

.event-details-container ul li {
    list-style: initial!important;
    list-style-position: inside!important;
}

.event-details-container h1 {
    margin-bottom: 5px;
}

ol {
    margin-left: 18px!important;
}

input.amount {
    width: 290px!important;
}

#livestream {
    text-align: center;
    padding: 13px 12px;
    color: #fff;
    background: #00456E;
    text-transform: uppercase;
}

#livestream a {
    color: #fff;
}

#livestream:hover {
    background: #1E334A;
}

#edit-submitted-attach-a-photo-of-you-at-work-upload-button {
    display: none;
}

#edit-submitted-attach-a-photo-of-your-nominee-at-work-upload-button {
    display: none;
}

a.cta-blue-large {
    background-color: #005689;
    color: #fff;
    display: inline-block;
    padding: 0.6em 1em;
    width: 100%;
    text-align: center;
    font-size: 122%;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

input,
select,
textarea,
input[type="text"] {
    font: 14px/24px 'gotham_htflight';
}

span.ui-icon.ui-icon-circle-triangle-w {
    margin-right: 20px;
}


/* FELLOW ELECTION STYLES */

#views-exposed-form-referee-administration-page .views-exposed-widgets,
#views-exposed-form-nomination-administration-page .views-exposed-widgets,
#views-exposed-form-nomination-administration-page-1 .views-exposed-widgets {
    background-color: #fff;
    padding: 20px 42px 20px 47px;
    margin-bottom: 32px;
    margin-top: 33px;
}

#node-3333 {
    background-color: #ffffff;
    margin-top: 10px;
}

.node-webform {
    padding: 12px 0 12px 0;
}

.webform-submission ol>li {
    font-size: 15px;
    font-family: "gotham_htfbook";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none!important;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 35px;
    padding: 0;
    line-height: calc(1.5em + .2vw);
    -webkit-font-smoothing: antialiased;
    counter-increment: item;
}

.webform-submission ol>li:before {
    font-weight: bold;
    content: counter(item) ".";
    padding-right: 0.5em;
    position: absolute;
    left: 2.2em;
    color: #bf8f0a;
}

.webform-submission ol li ul li {
    list-style-type: square!important;
    color: #bf8f0a;
}

.webform-submission a.cta-download-blue {
    background-color: #4d5054;
}

.webform-submission p {
    font-size: 15px;
}

#edit-submitted-f-extended-citation-f-extended-citation-executive-summary-countdown_counter,
#edit-submitted-f-extended-citation-f-extended-citation-significant-and-sustained-countdown_counter,
#edit-submitted-f-extended-citation-f-extended-citation-national-and-international-research-countdown_counter,
#edit-submitted-f-extended-citation-f-extended-citation-contributions-to-science-countdown_counter,
#edit-submitted-f-extended-citation-f-extended-citation-5-connection-to-australian-science-countdown_counter {
    font-size: 0.8em;
    margin-bottom: 2px;
}

.webform-submission .full-width-text-area .form-textarea-wrapper {
    width: 100%;
}

.webform-submission .webform-component-textarea .form-textarea-wrapper {
    width: 100%;
}

.webform-submission .ckeditor_links {
    display: none!important;
}

.webform-submission h2 {
    font-size: 24px;
}

.webform-submission .ui-icon-triangle-1-e,
.webform-submission .ui-icon-triangle-1-s {
    background-position: inherit;
}

.webform-submission fieldset {
    min-width: 1px;
}

.webform-submission ul {
    margin-top: 15px;
    margin-bottom: 15px;
}

.webform-submission li {
    list-style: initial;
    margin-left: 40px;
}

.webform-submission .form-checkboxes {
    margin-top: 10px;
}

.webform-submission input[type=checkbox] {
    width: 50px;
    margin-right: 7px;
}

.webform-submission .ui-accordion .ui-accordion-header .ui-icon {
    right: .5em!important;
    left: auto;
    top: 32%;
}

.webform-submission .ui-state-default .ui-icon,
.webform-submission .ui-state-active .ui-icon {
    background-image: url(/files/userfiles/fellowship/images/plus-white.png);
    width: 30px;
    background-size: contain;
    height: 29px;
}

.webform-submission .ui-state-active .ui-icon {
    background-image: url(/files/userfiles/fellowship/images/minus-white.png);
    width: 30px;
    background-size: contain;
    height: 30px;
}

.webform-submission .ui-state-active.ui-state-hover .ui-icon {
    background-image: url(/files/userfiles/fellowship/images/minus-black.png);
    width: 30px;
    background-size: contain;
    height: 30px;
}

.webform-submission .ui-state-default.ui-state-hover .ui-icon {
    background-image: url(/files/userfiles/fellowship/images/plus-black.png);
    width: 30px;
    background-size: contain;
    height: 30px;
}

.webform-submission select.form-select {
    display: block;
    width: 60%;
    height: 45px;
    background: #fff;
    border: 2px solid #ececec;
}

.webform-submission .webform-client-form input {
    /* display: block; */
    /* margin-bottom: 10px; */
}

.webform-submission input[type="text"],
.webform-submission input[type="password"] {
    height: 45px;
}

.nomination-election-type {
    /* margin-bottom: 10px;*/
}


/*
.webform-submission .webform-client-form .form-managed-file input[type="submit"] {display: none!important;}
*/

.webform-submission #edit-submitted-g-curriculum-vitae-g-curriculum-vitae-upload-curriculum-vitae-remove-button,
.webform-submission #edit-submitted-a-candidates-details-a-candidates-details-consent-form-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-proposer-signature-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-seconder-signature-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-supporter-signature-1-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-supporter-signature-2-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-supporter-signature-3-remove-button,
.webform-submission #edit-submitted-e-signature-upload-e-signature-and-declaration-of-proposer-seconder-and-supporters1-supporter-signature-4-remove-button,
.webform-submission #edit-submitted-f-extended-citation-f-extended-citation-upload-document-ec-remove-button,
.webform-submission #edit-submitted-h-most-significant-publications-h-most-significant-publications1-upload-document-msp-remove-button,
.webform-submission #edit-submitted-i-publications-list-i-publications-list-upload-document-pi-remove-button {
    display: block!important;
}

.webform-client-form label {
    float: none;
    width: calc(100% - 6rem);
    margin-right: 0;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    /*// this*/
    font-weight: 700;
}


/* #field-referee-extension-reason-add-more-wrapper .description { */

.form-item .description {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 1rem;
}

.form-type-radio input,
.form-type-checkbox input {
    width: 50px;
}

.webform-submission .webform-client-form .form-type-checkbox input,
.webform-submission .webform-client-form .form-type-checkbox label,
.webform-submission .webform-client-form .form-type-radio input,
.webform-submission .webform-client-form .form-type-radio label {
    float: left;
    clear: none;
}

.webform-submission .webform-client-form .form-type-checkbox label,
.webform-submission .webform-client-form .form-type-radio label {
    max-width: calc(100% - 6rem);
}

.webform-client-form .form-actions {
    width: 100%;
}

.webform-submit {
    margin-right: 10px;
}

.webform-submission .ui-corner-all,
.webform-submission .ui-corner-top {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.webform-submission .accordion-container {
    margin-top: 12px;
}

.webform-submission .ui-state-default,
.webform-submission .ui-state-active {
    background: #002147;
    border: 2px solid #002147;
    padding: 7px;
}

.webform-submission .ui-state-default a,
.webform-submission .ui-state-active a {
    text-transform: uppercase;
    font: 14px 'gotham_htfmedium';
    color: #fff;
}

.webform-submission .ui-state-hover {
    background: #fff;
    border-top: 2px solid #002147;
}

.webform-submission .ui-state-hover a {
    color: #002147;
}


/* FNS form SC notes and descriptors styles */

.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors .fieldset-wrapper fieldset,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors .fieldset-wrapper fieldset {
    background: #002147;
    padding: 2rem;
    margin-bottom: 4rem;
}

.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors p,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors ul,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors li,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors ul,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors label,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors p,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors ul,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors li,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors ul,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors label,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors span,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors ul {
    color: white !important;
}

.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors h4,
.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors h4 {
    background: white;
    padding: 1rem;
    color: black !important;
}

.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--primary-sc-notes-and-descriptors ol>li::before {
    color: white;
    left: 6.75rem;
}

.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--overlap-sc-notes-and-descriptors ol>li::before {
    color: white;
    left: 6.75rem;
}


/* Fellow lookup styles */

.fns-referee-lookup {
    background: #002147;
    border: 4px solid #002147;
    padding: 2rem;
    margin-bottom: 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    grid-template-rows: auto;
}

.fns-referee-lookup p,
.fns-referee-lookup h5 {
    color: white !important;
}

.fns-referee-lookup.lookup-invalid {
    border-color: #c50000;
    background-color: #ffe2e2;
}

.fns-referee-lookup.lookup-invalid h5 {
    color: black !important;
}


/* referees in the modal  */

.view-display-id-fellow_lookup_block .views-field {
    float: left;
    margin-right: 0.4rem;
}

.view-display-id-fellow_lookup_block .views-label {
    display: none;
}

.view-display-id-fellow_lookup_block .views-field.views-field-field-user-organisation,
.view-display-id-fellow_lookup_block .views-field.views-field-mail,
.view-display-id-fellow_lookup_block .addFellowButtons {
    clear: left;
}

.view-display-id-fellow_lookup_block .addFellowButtons {
    padding-top: 2rem;
}


/* Side by side columns - still needs to be made responsive */

.columnContainer {
    width: 100%
}

.columnContainer h3 {
    font-size: 22px!important;
}

.column1 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px;
}

.column2 {
    float: left;
    width: 50%;
    box-sizing: border-box;
}


/* DL blocks - used for landing pages, e.g. Elections page */

.dl-boxes dt a {
    display: block;
    width: 120px;
    height: 100px;
    background-color: #eee;
    float: left;
    font-size: 1.25em;
    padding: 15px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    text-decoration: none;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
}

.dl-boxes dt a:hover {
    background-color: #e1e1e1;
}

.dl-boxes dd {
    border: 1px solid #eee;
    background-color: #f6f6f6;
    margin-bottom: 20px;
    padding: 15px 15px 0 15px;
    width: 100%;
    margin-left: 0px;
    font-size: 0.9em;
    position: relative;
}

.dl-boxes dd:after {
    clear: both;
    content: '';
    display: block;
}

.dl-boxes .more-arrow {
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    text-decoration: none;
}

.dl-boxes .more-arrow:after {
    content: '\f0a9';
    font-family: 'FontAwesome';
    margin-left: 7px;
    text-decoration: none;
    font-size: 1.3em;
}


/* H3 landing style, as used on Opportunities */

.basic-content .landing-items h3 {
    margin: 20px 0 5px 0;
}

.basic-content .landing-items h3 a {
    font-family: "gotham_htfmedium";
    font-size: 20px;
    color: #002147;
    border-bottom: 1px solid #A77A27;
}

.basic-content .landing-items h3 a:hover,
.basic-content .landing-items h2 a:focus {
    color: #337AB7;
    border-color: #337AB7;
}

.basic-content .landing-items h3 a:after {
    content: '\35';
    font-family: 'ElegantIcons';
    margin-top: 2px;
    margin-left: 1px;
    font-size: 0.8em;
}

.basic-content .landing-items h3 a.external:after {
    content: "\e02b";
    font-size: 0.5em;
}


/* Election timeline (as used on Fellowship > Elections) */

ul.election-timeline {
    padding-left: 0px;
}

ul.election-timeline:after {
    display: block;
    content: '';
    clear: both;
}

ul.election-timeline li {
    list-style-type: none;
    clear: both;
    padding-top: 30px;
}

ul.election-timeline strong {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 100%;
    background-color: #875e11;
    color: #fff;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 1em;
    line-height: 1em;
    font-weight: normal;
    font-size: 16px;
    margin-top: -20px;
}


/* Call to action buttons */

a.cta-blue,
a.cta-download-blue {
    background-color: #394a69;
    color: #fff!important;
    display: inline-block;
    padding: 0.4em 1em;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

a.cta-blue:hover,
a.cta-blue:focus,
a.cta-download-blue:hover,
a.cta-download-blue:focus {
    background-color: #355c8e;
}


/* External link CTAs */

a.cta-external-grey,
a.cta-grey {
    background-color: #eee;
    color: #333;
    display: inline-block;
    padding: 0.3em 1em;
    border-radius: 0.3em;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

a.cta-external-grey:after {
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 0.9em;
    margin-left: 0.5em;
}

a.cta-external-grey:hover,
a.cta-external-grey:focus,
a.cta-grey:hover,
a.cta-grey:focus {
    background-color: #e1e1e1;
}


/* Download buttons and document thumbs - used for submissions and reports */

.download-buttons,
.feature-buttons {
    padding-left: 0px;
}

.download-buttons li,
.feature-buttons li {
    list-style-type: none;
}

.document-thumbnail {
    float: left;
    padding-bottom: 45px;
    padding-right: 5px;
    position: relative;
    width: 250px;
    max-width: 100%;
    text-align: center;
    background-image: url(/files/userfiles/support/images/drop-shadow.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.document-thumbnail img {
    width: 60% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
}

.document-thumbnail a {
    opacity: 1;
    transition: opacity 0.2s;
}

.document-thumbnail a:hover,
.document-thumbnail a:focus {
    opacity: 0.9;
}

.basic-content-2:after {
    /* clearfix for doc thumbnails */
    display: block;
    content: '';
    clear: both;
}

.logo-thumbnail {
    float: right;
    padding: 20px 0;
    position: relative;
    width: 250px;
    max-width: 100%;
    text-align: center;
    /*background-image: url(/files/userfiles/support/images/drop-shadow.png);*/
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.logo-thumbnail img {
    max-width: 75% !important;
    height: auto !important;
}

.logo-thumbnail a {
    opacity: 1;
    transition: opacity 0.2s;
}

.logo-thumbnail a:hover,
.logo-thumbnail a:focus {
    opacity: 0.9;
}

a.cta-download-blue:before {
    content: "\e092";
    font-family: 'ElegantIcons';
    font-size: 0.9em;
    margin-right: 0.5em;
}

a.cta-download-grey:before {
    content: "\e092";
    font-family: 'ElegantIcons';
    font-size: 0.9em;
    margin-right: 0.5em;
}

span.download-meta {
    font-size: 0.8em;
}


/* Clearfixes */

.field-label {
    clear: both;
    display: inline-block
}

.clear:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    clear: both;
}

hr {
    clear: both;
}


/* Floating content */

img.right {
    float: right;
    margin: 0 8px 0 8px;
}

img.left {
    float: right;
    margin: 0 8px 0 8px;
}

figcaption {
    font-size: 11px;
    font-style: italic;
    display: table-caption;
    caption-side: bottom;
    line-height: 14px;
}


/*
.body-container .col-lg-9 figure {
    display: table;
    margin: 0 15px 0 15px;
    padding: 0;
}
.body-container .col-lg-9 figure img {
width: auto;
}
*/

.body-container figure {
    margin: 15px 0;
    display: table;
    clear: both;
}

.body-container figcaption {
    display: table-caption;
    margin-top: 5px;
}

.body-container figure.right {
    float: right;
    margin: 10px 0 15px 15px;
}

.disInline figure {
    display: inline-block;
    vertical-align: top;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

.disInline figcaption {
    display: block;
    caption-side: inherit;
}

.disInline img {
    max-width: initial;
}


/* Image fixes */

.banner,
img,
figure {
    max-width: 100%;
}

.logo-section a img {
    max-width: 23%;
}


/* Full width and centred images */

.full-width {
    width: 100%;
}

.centred {
    clear: both;
    margin: 0 auto;
    display: block;
}

.centred-contents {
    text-align: center;
}


/* Extra margin, if needed */

.top-margin {
    margin-top: 20px;
}

.bottom-margin {
    margin-bottom: 20px;
}

.left-margin {
    margin-left: 20px;
}

.right-margin {
    margin-right: 20px;
}


/* Video embeds */

.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* Dates on report/publication pages. Change to something more consistent with events/news/media once styles in place */

.report-date {
    margin: 0 0 20px 0;
    font-size: 1.2em;
    text-align: right;
}


/* Visual highlight blocks. Accessibility note: be sure to mark the content up if there is a semantic difference, as this is visual only */


/*
There was something odd with bef exposed form checkboxes so this was tried but reverted:
.highlight:not(.form-type-bef-checkbox), .about-memoir {
  */

.highlight,
.about-memoir {
    background-color: #F3E3C4;
    margin: 0px -22px 0px;
    padding: 20px 32px 10px 33px;
    clear: both;
}


/* Memoirs */

.memoir-portrait,
.memoir-figure {
    float: right;
    margin: 0 0 15px 15px;
}

.memoir-portrait,
.memoir-portrait figcaption {
    background-color: #e0e0d8;
    padding: 4px;
}

.memoir-portrait {
    padding-bottom: 0px;
}

.memoir-portrait figcaption {
    padding-top: 0px;
}

.memoir-figure {
    clear: right;
    margin-top: 15px;
}

ul.no-left-margin {
    margin-left: 0px;
}


/* HIRING PAGE*/

.shineDomeRooms {
    background: url(/files/userfiles/events/images/icon-capacity.png) no-repeat center 13px #002147;
    text-align: left;
    color: #ffffff;
}

.classRoom {
    background: url(/files/userfiles/events/images/room_icon-classroom.png) no-repeat center 10px #002147;
}

.theatre {
    background: url(/files/userfiles/events/images/room_icon-theatre.png) no-repeat center 10px #002147;
}

.banquet {
    background: url(/files/userfiles/events/images/room_icon-banquet_10.png) no-repeat center 10px #002147;
}

.reception {
    background: url(/files/userfiles/events/images/room_icon-reception.png) no-repeat center 10px #002147;
}

.conference {
    background: url(/files/userfiles/events/images/room_icon-conference.png) no-repeat center 10px #002147;
}

.uShape {
    background: url(/files/userfiles/events/images/room_icon-u_shape.png) no-repeat center 10px #002147;
}

.hSquare {
    background: url(/files/userfiles/events/images/room_icon-h_square.png) no-repeat center 10px #002147;
}

.shine-dome-rooms {
    width: 100%;
    margin-top: 20px;
}

.shine-dome-rooms th {
    padding-top: 75px;
}

.shine-dome-rooms td {
    border: 1px solid #e1e1e1;
    color: #000000;
    text-align: center;
    padding: 3px 6px 3px 6px;
}


/* Brain box styles */

.brainBlock {
    position: relative;
    display: block;
    width: 100%;
    height: 169px;
    margin-bottom: 22px;
}

.brainImg {
    vertical-align: top;
}

blockquote {
    color: #235379;
    font-size: 1.01em;
    line-height: 1.5em;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
    padding: 0 2.6em 0 2.6em;
    border: none;
    -moz-border-radius: 10px;
    background: url('/files/userfiles/about/images/blockquote-left-v3.png') no-repeat 0 0%, url('/files/userfiles/about/images/blockquote-right-v2.png') no-repeat 99% 100%;
    margin: 30px 0 30px 82px;
}

blockquote p {
    color: #235379!important;
    font-size: 1.01em!important;
    line-height: 1.5em!important;
    font-style: italic!important;
    font-family: "Open Sans", sans-serif!important;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-size: 0.9em;
}

.brainText {
    display: inline-block;
    border: 1px solid rgb(225, 225, 225);
    border-image: none;
    height: 128px;
    margin-left: -4px;
    width: 494px;
    padding: 0 10px 10px 20px;
}

.brainView {
    position: relative;
    /*git*/
    margin: 29px -11px 0 -21px;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(117, 121, 126);
    padding: 7px 15px 7px 15px;
}

.brainView a {
    color: #ffffff;
}

.brainBlock blockquote {
    height: 70px;
}

.light-blue-highlight-box {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: #d0e4f2;
}

.light-green-highlight-box {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: #82cdb9;
}

.dark-green-highlight-box {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: #006451;
    color: white;
}

.dark-green-highlight-box p,
.dark-green-highlight-box h1,
.dark-green-highlight-box h2,
.dark-green-highlight-box h3,
.dark-green-highlight-box h4,
.dark-green-highlight-box h5,
.dark-green-highlight-box ul,
.dark-green-highlight-box ul li {
    color: white;
}

.tan-highlight-box {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: #fed7ab;
}

.rhs-300-box {
    float: right;
    width: 300px;
    margin: 1rem 0 1rem 1rem;
}

@media screen and (max-width: 767px) {
    .rhs-300-box {
        float: none;
        width: 100%;
        margin: 10px 0 10px 0;
    }
}


/* Table of contents style (used for anchor links at the top of pages) */

ul.toc {
    margin: 0 0 20px 0;
    padding: 0 15px 10px;
    clear: both;
}


/* Alternate photos style (used for National Committees) */

.member-photos {
    text-align: center;
    padding: 20px 0;
}

.member-photos figure {
    display: block;
    width: 143px;
    min-height: 290px;
    margin: 0 20px;
    padding: 0;
    text-align: center;
    float: left;
    clear: none !important;
}

.member-photos5 figure {
    margin: 0 10px;
}

.member-photos figure img {
    width: 143px !important;
    height: 193px !important;
    margin-bottom: 5px;
}

.member-photos figcaption {
    width: 143px;
    font-size: 0.9em;
    line-height: 1.2em;
    font-style: normal;
    margin: 0 0 15px 0;
    clear: both;
    /*height: 90px; is height needed?*/
}

.member-photos:after {
    content: '';
    display: block;
    clear: both;
}

.newsletterBlock {
    width: 100%;
    position: relative;
    min-height: 140px;
    margin-bottom: 10px;
}

.newsletterText {
    display: inline-block;
    width: 681px;
    min-height: 140px;
    border: 1px solid #e1e1e1!important;
}

.newsletterCTA {
    position: absolute;
    height: 25px;
    right: 1px;
    bottom: 0%;
    background-color: #316a97;
    padding: 3px 15px 7px 15px;
}

.newsletterRsCTA {
    position: absolute;
    height: 25px;
    right: 1px;
    bottom: 0%;
    background-color: #9a7125;
    padding: 3px 15px 7px 15px;
}

.newsletterCTA a,
.newsletterRsCTA a {
    color: #fff;
    text-decoration: none;
}

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

.newsletterSection {
    text-align: center;
    background-color: #316a97;
}

.newsletterText h2 {
    font-size: 20px;
    margin-top: 0px !important;
}

.newsletterText {
    padding: 10px;
}

@media only screen and (max-width: 1199px) {
    .newsletterThumb {
        display: none;
    }
    .newsletterCTA {
        padding: 5px 15px 7px 15px;
        text-align: center;
        height: 30px;
        position: relative;
        display: block;
        right: 0;
        background-color: #445563;
    }
    .newsletterText {
        width: 100%;
    }
}


/* Body content heading levels and main element types */

.basic-content h1,
.basic-content h2,
.basic-content h3,
.basic-content h4,
.basic-content h5 {
    clear: left;
}

.basic-content h1 {
    margin-top: 10px;
    margin-bottom: 30px;
}

.basic-content h2 {
    margin-top: 30px;
    font-family: "gotham_htfmedium";
    margin-bottom: 20px;
}

.highlightedTitle {
    padding: 8px 15px!important;
    margin-top: 0!important;
    background: #eceeed;
}

.highlightedTitle:nth-child(odd) {
    margin-right: 3%!important;
}

.basic-content h3 {
    margin-top: 25px;
    font-family: "gotham_htfmedium";
    font-size: 20px;
}

.basic-content h4 {
    margin: 20px 0 10px;
    font-size: 17px;
    font-family: "gotham_htfmedium";
}

.basic-content h5 {
    font-size: 17px;
    margin: 10px 0;
    font-family: "gotham_htflight";
}

.basic-content ul {
    margin-bottom: 20px;
}


/* Drop-down menu */

.menu-block ul li ul li a {
    font-family: "gotham_htflight";
}

.menu-block ul li ul {
    max-width: 280px;
}


/* Left sidebar */

.left-aside ul ul ul {
    padding-left: 10px;
}

.left-aside ul ul li a {
    font-family: "gotham_htflight";
}

.fullWidthCTA {
    margin-top: 1em;
    color: #FFF!important;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px;
    display: block;
    border-bottom: none!important;
    background: rgb(216, 118, 27);
    height: 41px;
    margin-bottom: 20px;
}

.blueCTA {
    background: #00456e;
}

.teacherBlock {
    display: block;
    margin-bottom: 20px;
    background-color: #d0e4f2;
}

.teacherLogoa {
    display: inline-block;
    width: 99px;
    border-right: 1px solid #C6D9E5;
    height: 96px;
    background: #d0e4f2 url('/files/userfiles/events/images/movie.png') no-repeat;
}

.teacherNotes {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    background-color: #d0e4f2;
}

.newsletterSection h2 {
    padding: 9px;
    font-size: 1.4em;
    color: #fff;
}

.newsletterSection h2 {
    padding: 9px;
    font-size: 1.4em;
    color: #fff;
}

.centerButtons {
    text-align: center;
}

.centerButtons a {
    background-color: #394a69;
    color: #fff;
    display: inline-block;
    padding: 0.3em 1em;
    border-radius: 0.3em;
    min-width: 96px;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

.blueFocusButton {
    color: #FFF!important;
    text-decoration: none;
    background: #316C9B;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px;
    display: block;
}


/* Listing pages */

.listed-node .show-all-elements .person-img {
    height: auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 200px !important;
}

.listed-node .no-summary .person-img {
    float: left;
    width: 100%;
    height: auto;
    min-height: 170px;
}

.listed-node .no-summary .custom_text {
    background-color: #002147;
}

.listed-node .no-summary .custom_text p {
    padding-top: 0px;
    padding-bottom: 10px;
}

.listed-node .no-summary .listed_node_summary:hover .custom_text {
    background-color: #273748;
}


/* Misc. template fixes. To do: move these into the right CSS files. */

.member-related-wrap {
    margin-top: 20px;
}

.member-related-wrap h3 {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.member-details-text h2 {
    margin-top: 20px;
    font-size: 17px;
    color: #222;
}

.news-date {
    font-family: "gotham_htfmedium";
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .member-details-img,
    .member-details-img-wrap {
        display: block;
    }
    div.member-details {
        min-height: 0px !important;
    }
    .member-details {
        min-height: none;
    }
}


/* Home page carousel */

#main-slider .slides ul .slide-description,
#main-video-slider .slides ul .slide-description {
    padding: 0px 12px;
}


/* Small screen fixes */

@media only screen and (max-width: 380px) {
    #quicktabs-event_listing_test_ .event-thumb {
        display: block;
    }
    .col-lg-4.col-md-6.col-sm-6.listing {
        width: 100%;
        max-width: 450px;
    }
}

@media (width: 767px) {
    .paysub {
        position: inherit;
    }
    .basic-content .banner,
    .basic-content img,
    .basic-content figure {
        height: auto !important;
        /* Fix for stretching on small screens */
    }
    figure.right {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) and (min-width: 381px) {
    #quicktabs-event_listing_test_ .event-thumb {
        display: none;
        width: 100%;
    }
}


/* Fellows listing fixes */

@media only screen and (max-width: 768px) {
    #edit-submit-fellows {
        width: 100% !important;
    }
    .event-thumb {
        display: none;
    }
    .filter-btn.form-submit {
        margin-top: 3px !important;
    }
}

@media only screen and (max-width: 1000px) {
    #quicktabs-fellows ul.quicktabs-tabs li,
    #quicktabs-event_listing_test_ ul.quicktabs-tabs li,
    #quicktabs-news_media ul.quicktabs-tabs li,
    ul.quicktabs-tabs li {
        width: 100% !important;
    }
}

#quicktabs-event_listing_test_ .fellow-filter-form-left.views-exposed-widget {
    width: 85%;
}


/* overrides the fellow-filter-form-left  stylign without removing the div (breaking other pages)
` BELOW: remove right border*/

#quicktabs-event_listing_test_ .form-item-combine input,
#quicktabs-event_listing_test_ .form-item-combine-1 input {
    border-right: none;
}

#views-exposed-form-fellows-block .views-exposed-form.fellow-filter-form {
    margin-top: 0px !important;
}

#views-exposed-form-fellows-block .views-exposed-widgets.clearfix {
    margin-top: 0px;
}

.loaderb {
    display: none;
    margin-top: -30px;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.centload {
    position: absolute;
    top: 50%;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
}

.loaderb h1 {
    font-size: 40px;
    text-align: center;
    margin-top: 10px;
}

.loaderb a {
    position: relative;
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
    margin-top: 15px;
}

.thecube {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.thecube .cube {
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.thecube .cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.thecube .cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2BA0C7;
    -webkit-animation: foldthecube 2.4s infinite linear both;
    animation: foldthecube 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.thecube .c2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.thecube .c3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.thecube .c4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.thecube .c2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.thecube .c3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.thecube .c4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes foldthecube {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes foldthecube {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

table {
    width: 100%;
    margin-bottom: 5px;
}

th,
thead th,
tbody th {
    font-weight: 400;
    background: #002147;
    color: #fff;
    border-bottom: none;
    border-left: 1px solid #fff;
}

tr th:first-child {
    border-left: 1px solid #002147;
}

tr th:last-child {
    border-right: 1px solid #002147;
}

thead tr {
    background: #002147;
}

thead th a {
    color: #fff;
}

td.active {
    background-color: initial;
}

tr {
    background: #ffffff;
    border-bottom: 1px solid #FFF;
    margin-bottom: 5px;
}

tr:nth-child(even) {
    background: #f9f9f9;
}


/*
tr:hover.highlightTable td {
  background:#d69d00;
  color:#FFFFFF;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
*/

th,
td {
    text-align: left;
    padding: 16px;
}

td {
    border: 1px solid #d2d2d2;
    vertical-align: top;
    font-weight: 300;
}

td p,
td p>a {
    vertical-align: top;
}

.highlightTable td {
    border: 1px solid #fff;
}

.item-list .pager {
    margin-top: 15px;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 7px 14px;
    background-color: #002147;
    border: none;
    border-radius: initial;
    color: #fff;
}

@media screen and (max-width:767px) {
    .pager li>a,
    .pager li>span {
        padding: 7px 7px;
        background-color: #fff;
        color: #002147;
    }
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

.item-list .pager li {
    padding: 0;
}

.low-height figure {
    min-height: 200px;
}

.paymentArea {
    background: #00456e;
    text-transform: uppercase;
    padding: 30px;
    margin: 15px -22px 25px -22px;
    text-align: center;
}

.paymentArea h1 {
    font-size: 1.1em;
    color: #fff;
}

.payment .card-type {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.payment .card-type .card {
    position: relative;
    width: 25%;
    min-width: 54px;
    text-align: center;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.payment .card-type .card.active {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}

.payment .card-type .card img {
    display: inline-block;
}

.payment .card-type .card.active:after {
    display: block;
    bottom: -30px;
}

.payment .card-type .card:after {
    content: '';
    position: absolute;
    bottom: -48px;
    left: 50%;
    margin: 0 0 0 -10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.paymentArea span {
    display: block;
    color: #fff;
    font-size: 0.8em;
}

.payment .form-group {
    display: flex;
}

.payment label {
    width: 100%;
    font-family: "gotham_htfmedium";
    color: #002147;
    font-size: 0.9em;
    text-transform: uppercase;
}

.form-amount {
    margin-top: 8px;
}

.form-amount label {
    width: 13%;
    vertical-align: middle;
}

.form-group input:first-child {
    margin-right: 15px;
}

.form-spacing {
    margin-right: 15px;
}

.payment input[type=text],
.payment textarea,
.payment select {
    width: 100%;
    border: 2px solid #ececec;
    background: #fff;
}

.form-row {
    width: 100%;
}

.payment input:focus {
    background: none;
    border-color: #cccccc;
    box-shadow: none;
    transition: all 0.25s ease 0s;
}

.payment .form-submit {
    width: calc(100% + 4px);
    position: absolute;
    left: -2px;
    bottom: -2px;
}

.payment .form-submit input {
    width: 100%;
    padding: 10px;
}

.page-node-3300 .basic-content,
.page-node-3301 .basic-content {
    position: relative;
}

.payment {
    border-top: 1px solid #ececec;
    padding-top: 10px;
}

.payment h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4em;
}

li.search-result {
    list-style-position: outside!important;
}

.help-text {
    font-family: 'gotham_htfmedium';
    font-size: 13px;
}

.expiry-help-text {
    font-size: 13px;
}

.event-details-container ul li {
    list-style-position: outside!important;
    margin-left: 18px;
}

.page-node-23 .member-photos figure,
.page-node-22 .member-photos figure,
.page-node-9146 figure,
.page-node-9147 figure {
    min-height: 310px;
}

.event-surround {
    width: 100%;
}

.title-summary-wrapper {
    min-height: 130px;
}


/* Experimental loader */

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #00a0ff;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

html>* {
    max-width: 100%;
}

.nomination-dob {
    margin-bottom: 90px!important;
}

.nomination-dob .chosen-container {
    margin-top: -68px!important;
}

.nomination-dob .webform-container-inline {
    display: flex;
}

.nomination-dob select.form-select {
    width: 100%;
}

.nomination-dob .webform-container-inline {
    width: 100%;
}

.webform-client-form .form-textarea-wrapper textarea {
    padding: 8px;
}

.page-node-3333 option {
    background: #d4d4d4;
}

.page-user-edit #edit-email {
    border: 2px solid #ececec;
    background: #fff;
    width: 60%;
}

.form-item-submitted-a-candidates-details-a-candidates-details-date-of-birth-day,
.form-item-submitted-a-candidates-details-a-candidates-details-date-of-birth-month {
    margin-right: 15px;
}

legend {
    padding-bottom: 7px;
    border-bottom: 2px solid #e5e5e5;
}

.element-invisible {
    display: none!important;
}

.webform-submission p {
    font-size: 16px;
    line-height: 1.5;
}

.webform-submission a.cta-download-grey {
    background-color: #888;
    /*#cbcbcb;*/
}

.view-referee-administration .views-exposed-widgets,
.view-nomination-administration .views-exposed-widgets {
    display: block;
    /*flex;*/
}

.view-referee-administration .form-select,
.view-nomination-administration .form-select {
    height: 45px;
    width: 100%;
}

#edit-field-admin-status-value-wrapper,
#edit-field-nomination-shortlisted-value-wrapper {
    width: 50%;
    margin-right: 20px;
}


/* .view-display-id-page .views-exposed-widgets, .view-display-id-page_1 .views-exposed-widgets {
    display: block;
} */

.view-display-id-page .form-select {
    display: block;
    width: auto;
}

.view-display-id-page #edit-field-admin-status-value-wrapper {
    width: auto;
    margin-right: 20px;
}

.webform-component-fieldset .description {
    color: #878787;
    padding: 2px 0 3px 0;
}

#views-form-referee-administration-page {
    display: block;
    float: left;
    clear: both;
}

#views-form-referee-administration-page .views-table {
    float: left;
    clear: both;
}

.view-referee-administration .vbo-views-form {
    display: block;
    float: left;
    clear: both;
}

.view-display-id-page #edit-field-referee-status-value-wrapper,
.view-display-id-page #edit_field_referee_status_value_chosen,
.view-display-id-page #edit-field-admin-status-value-wrapper,
.view-display-id-page #edit_field_admin_status_value_chosen {
    width: 100% !important;
}

#edit-field-candidate-first-name-value-wrapper,
#edit-field-candidate-last-name-value-wrapper,
#edit-field-referee-first-name-value-wrapper,
#edit-field-referee-last-name-value-wrapper {
    width: calc(50% - 2px);
}

#edit-field-candidate-first-name-value-wrapper input,
#edit-field-candidate-last-name-value-wrapper input,
#edit-field-referee-first-name-value-wrapper input,
#edit-field-referee-last-name-value-wrapper input {
    width: 100%;
}

.page-referee-administration #edit_field_referee_status_value_chosen .chosen-choices,
.page-referee-administration #edit_field_admin_status_value_chosen .chosen-choices {
    min-height: 4.5rem;
    border: 2px solid rgba(34, 36, 38, 0.15);
    box-shadow: none;
    background: #fff;
}

.view-referee-administration .view-content,
.view-referee-administration .view-grouping {
    float: left;
    clear: both;
    width: 100%;
}

.view-referee-administration .view-grouping-header,
.view-nomination-administration .view-grouping-header {
    display: flex;
    margin: 30px 0 5px 0;
    justify-content: space-between;
}

.view-referee-administration .view-grouping-header h2,
.view-nomination-administration .view-grouping-header h2 {
    font-size: 25px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.shortlist-button {
    padding: 8px;
    background: #004697;
    margin: -5px 1px 5px 0;
    color: #fff;
    letter-spacing: 0.4px;
}

.shortlisted {
    padding: 8px;
    background: #7ec296;
    margin: -5px 1px 5px 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.shortlist-button:hover {
    background: #000000;
    color: #fff;
}

.page-shortlist-nomination .paddding-0,
.page-continue-report .paddding-0,
.page-new-referee .paddding-0,
.page-referee-reminder .padding-0,
.page-referee-approval .paddding-0 {
    background: #fff;
    padding: 15px 20px;
}

.page-shortlist-nomination #edit-actions input,
.page-continue-report #edit-actions input,
.page-new-referee #edit-actions input,
.page-referee-reminder #edit-actions input,
.page-referee-approval #edit-actions input {
    border-radius: 0;
    height: auto;
    line-height: 31px;
    max-width: 400px;
    font-size: 14px;
    font-family: 'gotham_htfmedium';
    border: 2px solid #002147;
    background: #002147;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 8px 40px 8px 40px;
    margin-top: 10px;
    margin-right: 5px;
}

.page-shortlist-nomination #edit-cancel,
.page-continue-report #edit-cancel,
.page-new-referee #edit-cancel,
.page-referee-reminder #edit-cancel,
.page-referee-approval #edit-cancel {
    display: inline-block;
    line-height: 28px;
    font-family: 'gotham_htflight';
    color: #645854;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 40px 8px 40px;
    background: #d5d7d6;
}

.success {
    /* position: fixed; */
    z-index: 1000;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    background: #7ec296;
    color: #466952;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: animLoad;
    animation-name: animLoad;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

@keyframes animLoad {
    0%,
    5% {
        opacity: 1;
        -webkit-transform: scale3d(1, 0.0, 1);
        transform: scale3d(1, 0.0, 1);
        -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.ns-hide {
    -webkit-animation-name: animFade!important;
    animation-name: animFade!important;
    -webkit-animation-duration: 0.3s!important;
    animation-duration: 0.3s!important;
    opacity: 0;
}

@-webkit-keyframes animFade {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes animFade {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.nom-messages {
    display: flex;
}

.nom-messages a {
    color: #00456e;
    text-decoration: underline;
    font-weight: bold;
    text-decoration-color: #bf8f0a;
}

.nom-messages a:hover {
    color: #003758;
}

.nom-messages.info a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.drupal-message {
    margin: auto 0;
}

.nom-messages.status,
.nom-messages.error,
.nom-messages.success,
.nom-messages.info,
.nom-messages.warning {
    background: #141414;
    margin: 5px 0px;
}

.nom-messages.status {
    background: #ffcb70;
    color: #7c5d27;
}

.nom-messages.error {
    background: #df7e7e;
    color: #9c4c4c;
}

.nom-messages.success {
    background: #719d87;
    color: #ebebeb;
}

.nom-messages.info {
    background: #979797;
    color: #ebebeb;
}

.nom-messages.warning {
    background: #FFF;
    color: #005689;
}

.status strong,
.error strong,
.info strong,
.success strong,
.warning strong {
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    padding: 20px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
}

.warning strong {
    background: #005689;
    color: #FFF;
}

.webform-submission a.cta-download-grey {
    background-color: #888;
    /*#cbcbcb;*/
    width: 33%;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.webform-submission a.cta-download-yellow {
    background-color: #ffffff;
    color: #c29000!important;
    border: 2px solid #c29000;
    width: 33%;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.webform-submission a.cta-download-yellow:hover {
    color: #002147!important;
    background: #fff;
    border: 2px solid #002147;
}

.webform-component--a-candidates-details--a-candidates-details--candidate-nomination-forms p {
    text-transform: uppercase;
}

.lookup-error-fix {
    display: block!important;
    border: none!important;
    width: 1px;
    height: 1px;
}

.lookup-error-fix select {
    display: block!important;
    /* border: none!important; */
    width: 1px;
    height: 1px;
}

.webform-submission .chosen-select {
    width: 60% !important;
}

.webform-submission hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.science-bar-menu {
    list-style: none;
    float: left;
    /* Clear floats */
    width: 100%;
    /* Bring the nav above everything else--uncomment if needed.
    position: relative;
    z-index: 5;
    */
}

.science-bar-menu li {
    float: left;
    margin-right: 5px;
    position: relative;
    padding: 0;
}

.science-bar-menu a {
    display: block;
    padding: 12px;
    color: #fff;
    text-decoration: none;
}

.science-bar-menu a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: underline;
}


/*--- DROPDOWN ---*/

.science-bar-menu ul {
    background-color: #fff;
    /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255, 255, 255, 0);
    /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px;
    /* Hide off-screen when not needed (this is more accessible than display: none;) */
    z-index: 9999;
}

.science-bar-menu ul li {
    padding-top: 1px;
    /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
    min-width: 188px;
}

.science-bar-menu ul a {
    white-space: nowrap;
    /* Stop text wrapping and creating multi-line dropdown items */
}

.science-bar-menu li:hover ul {
    /* Display the dropdown on hover */
    left: 0;
    /* Bring back on-screen when needed */
    margin-left: 0px;
}

.science-bar-menu li:hover a {
    /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #182737;
    text-decoration: underline;
}

.science-bar-menu li:hover ul a {
    /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}

.science-bar-menu li:hover ul li a:hover {
    /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #000;
    text-decoration: underline;
}

.science-bar-menu ul li {
    min-width: 244px;
}

.science-bar-drop:hover .drop-down-sb {
    text-decoration: none!important;
}

.contextual-links-wrapper {
    display: none!important;
}

.declineToolTip {
    display: inline-block;
}

.viewReason {
    display: inline-block;
    letter-spacing: 0.4px;
    background-color: #004697;
    color: #fff;
    padding: 0 5px 0 5px;
    font-size: 11px;
    margin-left: 5px;
}


/**
 * Tooltip Styles
 */


/* Add this attribute to the element that needs a tooltip */

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}


/* Hide the tooltip content by default */

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}


/* Position tooltip above the element */

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: -24%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 10px;
    width: 300px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #004697;
    background-color: hsl(212, 100%, 30%);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}


/* Triangle hack to make tooltip look like a speech bubble */

[data-tooltip]:after {
    position: absolute;
    bottom: 130%;
    left: 41%;
    width: 0;
    border-top: 10px solid #004697;
    border-top: 10px solid hsl(212, 100%, 30%);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}


/* Show tooltip content on hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.webform-component--administrative-container--administrative-tab--download-all-documents {
    display: none;
}

.promotional-wrap {
    margin-top: 22px;
}

.page-node-7858 .news_description {
    height: 165px!important;
    width: 100%!important;
}

.page-node-7858 .news_description h4 {
    margin-top: 0!important;
}

p.caption {
    margin-top: -19px;
    font-size: 11px;
    font-style: italic;
}

.field-item>p a {
    border-bottom: 1px solid #337ab7;
}


/*Adjust width of listing elements at mobile viewport widths*/


/* Chosen searchable select list styles */

.chosen-container-single .chosen-search {
    display: inline-block;
    width: 100%;
}


/*.chosen-container {
width: 60%!important;
}*/

.chosen-container-single .chosen-single {
    height: 45px;
    background: #fff;
    border: 2px solid #ececec;
    box-shadow: none;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices {
    height: 45px;
    background: #fff;
    background-image: none;
    border: 2px solid #ececec;
    box-shadow: none;
    border-radius: 0;
}

#edit-submitted-activities-of-interest {
    height: 100%;
}

.chosen-container-single .chosen-single span {
    margin-top: 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 11px;
}

.chosen-container-single .chosen-single div b {
    background: url(https://www.science.org.au/sites/all/libraries/chosen/chosen-sprite.png) no-repeat 0px 10px;
}

.chosen-container-single .chosen-single div {
    top: 3px;
}

#edit-field-expert-city-tid-1-wrapper #autocomplete {
    border: 1px solid #9d9da1;
}

#edit-field-expert-city-tid-1-wrapper #autocomplete li {
    cursor: pointer;
}

#edit-field-expert-city-tid-1-wrapper #autocomplete li:hover {
    background-color: #00456E;
    color: #fff;
}

.full-width-chosen .chosen-container {
    width: 100%!important;
}

.webform-component--a-candidates-details--a-candidates-details--nomination-feedback {
    background: #ffcb70;
    margin-bottom: 10px;
}

.webform-component--a-candidates-details--a-candidates-details--nomination-feedback label {
    letter-spacing: 0.5px;
    color: #7c5d27;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 20px;
    margin: 0 10px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
}

.webform-component--a-candidates-details--a-candidates-details--nomination-feedback .webform-long-answer {
    padding: 10px;
}

.page-node-3333.nom-messages {
    float: left;
    width: 100%;
}

.page-node-3333 .webform-submission .webform-client-form .form-file {
    width: 45%;
    float: left;
}

.webform-submission .webform-client-form .form-file {
    width: 45%;
    float: left;
}

.page-node-3333 .form-managed-file input[type=submit] {
    width: auto;
    padding-right: 15px;
}

.form-managed-file input[type=submit] {
    width: auto;
    padding-right: 15px;
}

.node-10 .view-header {
    margin-top: 0;
}

.node-10 .landing-items h3 {
    display: inline-block;
    margin-top: 0;
}

.node-10 .landing-items h3 a {
    font-family: 'gotham_htflight';
}

.node-10 .landing-items h3:nth-child(2) {
    margin-left: 2rem;
}

.webform-component-file label:before {
    content: "\e092";
    font-family: 'ElegantIcons';
    font-size: 0.9em;
    position: absolute;
    margin-left: 45.5%;
    margin-top: 31px;
    color: #bf8b00;
}

.nomination-wrap .webform-component-file label:before {
    content: unset;
}

.nomination-wrap .webform-submission .webform-client-form .form-managed-file .form-submit {
    padding: 7px 14px 7px 14px;
}

.page-node-3333 .form-file {
    width: 45%;
}

.page-node-3333 .messages.error,
.page-node-9641 .messages.error {
    background: #df7e7e;
    color: #9c4c4c;
    margin: 5px 0px;
    padding: 10px;
}

.page-node-3333 span.form-required {
    color: red;
}

.page-node-3333 .form-email {
    height: 45px;
}

#e_signature_upload .chosen-container-single .chosen-search {
    display: inline-block;
    width: 100%;
}

#e_signature_upload .chosen-container-single .chosen-single {
    height: 45px;
    background: #fff;
    border: 2px solid #ececec;
    box-shadow: none;
    border-radius: 0;
}

#e_signature_upload .chosen-container-single .chosen-single span {
    margin-top: 7px;
}

#e_signature_upload .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 11px;
}

#e_signature_upload .chosen-container-single .chosen-single div b {
    background: url(https://www.science.org.au/sites/all/libraries/chosen/chosen-sprite.png) no-repeat 0px 10px;
}

#e_signature_upload .chosen-container,
#j_referees .chosen-container {
    margin-top: -45px;
    margin-bottom: 45px;
}

.page-my-nominations .view-header li {
    font-family: 'gotham_htfbook';
    list-style: disc;
    margin-left: 30px;
    font-size: 16px;
}

.page-my-nominations .view-header {
    width: 100%;
}

.embed-responsive.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.full-width-cta-blue {
    background-color: #394a69;
    color: #fff!important;
    display: inline-block;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;
    text-align: center;
    font-size: 120%;
    font-family: "gotham_htfmedium";
    padding: 17px;
}

a.full-width-cta-blue:hover,
a.full-width-cta-blue:focus {
    background-color: #355c8e;
}

.page-node-submission .nomination-dob {
    margin-bottom: 0!important;
    height: initial!important;
    width: initial!important;
}

.required-error-fix-phd-2 {
    margin-top: 0!important;
}

.page-node-submission #ui-accordion-a_candidates_details-panel-0 {
    height: auto!important;
}

.page-node-submission #ui-accordion-b_career_interruption-panel-0 {
    height: auto!important;
}

.page-node-submission #ui-accordion-c_short_citation-panel-0 {
    height: auto!important;
}

.page-node-submission #ui-accordion-d_proposers_suggested_sectional_committee-panel-0 {
    height: auto!important;
}

.page-node-submission #ui-accordion-e_signature_upload-panel-0 {
    height: auto!important;
}

.page-node-submission #ui-accordion-j_referees-panel-0 {
    height: auto!important;
}

#administrative_container {
    display: none;
}

.adminimal-menu .accordion-tab-content .webform-component--a-candidates-details--a-candidates-details--candidate-investigation {
    display: block;
}

.webform-component--award-type .chosen-container {
    width: 100%!important;
}

.page-node-9641 {
    margin-bottom: 0;
}

.page-node-9641 h1 {
    margin-bottom: 0;
}

#node-9641 {
    padding: 0;
}

.webform-component--award-type {
    margin-top: -15px!important;
    margin-bottom: 50px!important;
}


/********* Anton hales medal custom field styling **************/

.hales-medal__flex-wrapper .webform-container-inline {
    clear: both;
    width: 60%;
}

.hales-medal__flex-wrapper .webform-container-inline .form-item {
    display: inline-block;
    width: 32%;
    float: unset;
}

.hales-medal__flex-wrapper .webform-container-inline .form-item .chosen-container {
    width: 100%!important;
}

.hales-medal__flex-wrapper .webform-container-inline .form-item .chosen-container:not(:last-of-type) {
    width: 95%!important;
}

.hales-medal__address .address__street,
.hales-medal__address .address__city {
    width: 48%;
}

.hales-medal__address .address__code,
.hales-medal__address .address__state,
.hales-medal__address .address__country {
    width: 32%;
}

.hales-medal__address [class*='address__'] input,
.hales-medal__address [class*='address__'].form-item .chosen-container,
.hales-medal__address [class*='address__'] .form-item select {
    width: 98%!important;
}

.webform-component--container-1--tab-1--nationality-salesforce .search-field input {
    width: 100% !important;
}

.instagram svg {
    margin-left: -1px;
}

.captcha {
    margin-top: 20px;
}

.webform-confirmation p {
    margin-bottom: 10px;
}

.page-node-10585 .listing {
    margin-bottom: 10px;
}

.webform-top {
    margin-top: 15px;
}

.amountStyle {
    padding: 15px 15px 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
}


/*
    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
 */

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}

.page-node-3333 legend {
    padding-bottom: 7px;
    border-bottom: 2px solid #ececec;
    color: #07294f;
    margin-left: -31px;
    width: 105.81%;
    padding-left: 30px;
    padding-top: 20px;
}

.page-node-3333 .fieldset-legend {
    font-size: 15px;
}


/* .page-node-3333 .extra-draft { 
  margin-top: -70px;
} */

.node-3333 .prettyh2 {
    padding-top: 5rem;
}

@media only screen and (max-width: 992px) {
    .page-node-3333 .extra-draft {
        margin-top: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.page-node-3333 .description {
    font-size: 1.35rem;
    color: #07294f;
    font-family: "gotham_htfbook";
}

.webform-submission .webform-client-form .webform-component-file .description {
    display: none;
}

.page-node-3333 .webform-component--a-candidates-details--a-candidates-details--consent-form .description {
    max-height: 23px;
    overflow: hidden;
}

#edit-submitted-b-career-interruption-b-career-interruption-career-interruption-text_counter,
#edit-submitted-a-candidates-details-a-candidates-details-additional-personal-information_counter,
#edit-submitted-c-short-citation-c-short-citation-short-citation-countdown_counter,
#edit-submitted-i-publications-list-i-publications-list-retracted-paper-text_counter {
    font-size: 1.18rem;
    color: #07294f;
    font-family: "gotham_htfmedium";
    margin-top: -3px;
}

.page-node-3333 .webform-component-markup p {
    font-family: "gotham_htfbook";
    color: #002147;
    font-size: 14px;
    font-weight: normal;
}

.page-node-3333 .webform-submission ol li {
    font-family: "gotham_htfbook";
    color: #404346;
    font-size: 14px;
    font-weight: normal;
}

.page-node-3333 .form-item.form-type-checkbox {
    margin-bottom: 5px;
}


/* Overriding styles for the women in stem decadal plan form */

#node-11024 form fieldset.wisdp__split>.fieldset-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
}

#node-11024 form fieldset.wisdp__form input {
    width: 95%;
}

#node-11024 form fieldset.wisdp__form .form-type-radio {
    display: flex;
}

#node-11024 form fieldset.wisdp__form .form-type-radio input {
    width: 50px;
}

#node-11024 form .webform-component--wisdp--split--description {
    background-color: #06466D;
    padding: 25px;
}

@media only screen and (max-width: 768px) {
    #node-11024 form fieldset.wisdp__split>.fieldset-wrapper {
        flex-direction: column;
        align-items: unset;
    }
    #node-11024 form fieldset.wisdp__split>* {
        display: block;
    }
}

#node-11024 form .webform-component--wisdp--split--description * {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .webform-submission select.form-select {
        width: 100%;
    }
}

.webform-submission .webform-client-form .image-widget-data input[type="submit"] {
    background: #002147;
    color: #fff;
}

.webform-submission .webform-client-form .field-prefix {
    display: block;
    color: #878787;
    padding: 2px 0 3px 0;
}

.webform-submission .webform-client-form input {
    display: block;
    float: none;
    background-color: white;
}

.webform-submission .webform-client-form textarea {
    background-color: white;
}

.password-strength,
div.password-confirm {
    width: 17em;
    margin-top: 1.4em;
    margin-left: calc(60% - 17em);
}

.password-strength-title {
    display: inline;
}

.password-strength-text {
    float: right;
    font-weight: bold;
}

.password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%;
}

.password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965;
}

div.form-item div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4;
    clear: both;
}

div.password-suggestions ul {
    margin-bottom: 0;
}

.page-node-10 .member-related p {
    color: #fff;
    padding: 0 17px 17px 17px;
}

.page-node-10 .member-related:hover p {
    background-color: #A77A27;
}

.header-wrap .search-box.desktop form#views-exposed-form-search-api-page .views-exposed-widget.views-submit-button {
    opacity: 1;
}

.header-wrap .search-box.desktop input#edit-submit-search-api {
    opacity: 1;
    padding: 10px 30px;
    border: none;
}

.search-box.desktop input#edit-search {
    border: none;
    padding: 6px 12px;
    width: 290px;
}

.search-box.desktop form#views-exposed-form-search-api-page .views-submit-button .icon_search {
    position: absolute;
    top: 25%;
    right: 22%;
    font-size: 20px;
    cursor: pointer;
    font-weight: 700;
    pointer-events: none;
}

.nomination-form-validation input:invalid {
    background-color: #ffe2e2;
    border-color: #c50000;
}

.nomination-form-validation select:invalid {
    background-color: #ffe2e2;
    border-color: #c50000;
}

.nomination-form-validation textarea:required:invalid {
    background-color: #ffe2e2;
    border-color: #c50000;
}


/** Award Node Detail **/

.award-node .award-node-title {
    margin-top: 24px;
    padding: 18px 16px;
    text-align: center;
    background: #00456e;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.award-node .award-node-status {
    padding: 18px 16px;
    background: #fff;
}

.award-node .award-node-status strong {
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}

.award-node .award-node-status p {
    font-size: 15px;
}

.award-node .award-node-apply a {
    display: block;
    margin-top: 24px;
    text-align: center;
    padding: 12px;
    background: #00456e;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}

.award-node .award-details {
    background: #fff;
    padding: 24px;
}

.award-node .award-details h2 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px;
}

.award-node .award-details h2:first-child {
    margin-top: 0px;
}

.award-node .award-details p {
    margin-bottom: 12px;
}


/* expert database section */

.view-expert-listing .view-filters {
    background: white;
    padding: 3.4rem;
    margin: 3rem 0;
}

.view-expert-listing .view-filters h2 {
    font-family: gotham_htflight;
    font-size: 2.3rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
}

#views-exposed-form-expert-listing-page .views-exposed-widgets.clearfix,
#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets.clearfix,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets.clearfix {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets.clearfix,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets.clearfix {
    justify-content: flex-end;
}

@media all AND (max-width:767px) {
    #views-exposed-form-expert-listing-page .views-exposed-widgets.clearfix,
    #views-exposed-form-expert-listing-ics-experts .views-exposed-widgets.clearfix,
    #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets.clearfix {
        flex-direction: column;
    }
}

#views-exposed-form-expert-listing-page .views-exposed-widgets.clearfix::before,
#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets.clearfix::before,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets.clearfix::before {
    display: none;
}

.add-expert {
    display: grid;
    grid-template: 1fr / 1.3fr 0.7fr;
    background-color: #fff;
    color: black;
}

@media all AND (max-width: 767px) {
    .add-expert {
        grid-template: 1fr / 1fr;
    }
    .collaborator__logos {
        grid-template-columns: 1fr 1fr!important;
    }
}

@media screen and (max-width:991px) {
    .add-expert {
        margin-top: 5rem;
    }
}

.add-expert__content {
    padding: 3.4rem;
}

.add-expert__content h1 {
    color: black;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
}

.expert-cta {
    display: flex;
    justify-content: space-between;
}

.expert-cta a:first-child {
    margin-right: 10px;
}

.add-expert__content .button {
    width: 100%;
    display: block;
    background: white;
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    color: black;
    margin-top: 2rem;
    border: 2px solid black;
}

.add-expert__content .button:hover {
    border: 2px solid #b88016;
    color: #b88016;
}

.add-expert__image {
    position: relative;
}

.add-expert__image .bg-image {
    background-image: url('https://www.science.org.au/sites/all/themes/simpleclean/images/COVID_Experts-AAS_Website-Banner-585x437-v2.jpg');
    background-size: cover;
    background-position: center right;
    position: absolute;
    width: 100%;
    height: 100%;
}

.add-expert__image.add-expert__image--ics .bg-image {
    background-image: url('https://www.science.org.au/sites/all/themes/simpleclean/images/Robot-UKM_Elisabeth_Deiters_Keul-Wikimedia-CCBYSA3__750.jpg');
    position: absolute;
    width: 100%;
    height: 100%;
}

.add-expert__image.add-expert__image--ics .image-credit {
    font-size: 80%;
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1rem;
    background: #00000057;
}


/* ICS experts */

.ics_badge {
    background: #008FD5;
    height: 30px;
    color: #fff;
    font-size: 16px;
    padding: 7px 30px;
    line-height: 16px;
}

.collaborators {
    background: #00456E;
    padding: 2.4rem;
    text-align: center;
    font-family: gotham_htflight;
}

@media (max-width: 767px) {
    .add-expert__image {
        display: none;
    }
}

.collaborators__heading span {
    color: white;
    text-align: center;
    display: block;
}

.collaborators__heading span.heading__headline {
    font-size: 21px;
    font-weight: 500;
    line-height: 21px;
}

.collaborators__heading span.heading__subheading {
    font-size: 1.4rem;
}

.collaborator__logos {
    display: grid;
    grid-gap: 4.8rem;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    justify-items: center;
    margin-top: 2.4rem;
}

.collaborator__logos.collaborator__logos--ics {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0;
}

.collaborator__logos img {
    max-height: 7rem;
    max-width: 110%;
}

.collaborator__logos img.aas {
    max-height: 5rem;
}

.collaborator__logos img.uom {
    max-height: 6rem;
}

.ics-logos {
    background: white;
    margin: 2rem 0;
    padding: 3rem 0;
}


/* exposed form */

#views-exposed-form-expert-listing-page #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-experts #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts #edit-field-expert-state-territory-value-wrapper {
    margin-left: 0;
}

#views-exposed-form-expert-listing-page .views-exposed-widgets .views-exposed-widget {
    margin: 0 1rem 1rem 0;
    max-width: 100%;
}

#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets .views-exposed-widget,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets .views-exposed-widget {
    margin: 0 0 1rem 0;
    max-width: 100%;
}

#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit-field-ics-fields-of-research-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit-field-ics-fields-of-research-value-wrapper,
#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit-field-areas-of-application-and-c-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit-field-areas-of-application-and-c-value-wrapper {
    width: 100%;
    margin-bottom: 1rem;
}

@media screen and (max-width:767px) {
    #views-exposed-form-expert-listing-page .views-exposed-widgets .views-exposed-widget,
    #views-exposed-form-expert-listing-ics-experts .views-exposed-widgets .views-exposed-widget,
    #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets .views-exposed-widget {
        margin-right: 0;
    }
}

#views-exposed-form-expert-listing-page #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-experts #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts #edit-field-expert-state-territory-value-wrapper {
    min-width: 18rem;
    flex: 0 1 18rem;
}

#views-exposed-form-expert-listing-page .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper,
#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper {
    min-width: 18rem;
    flex: 0 1 18rem;
}

@media screen and (max-width:767px) {
    #views-exposed-form-expert-listing-page .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper,
    #views-exposed-form-expert-listing-page #edit-field-expert-state-territory-value-wrapper,
    #views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper,
    #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit-field-expert-city-tid-1-wrapper,
    #views-exposed-form-expert-listing-ics-experts #edit-field-expert-state-territory-value-wrapper,
    #views-exposed-form-expert-listing-ics-ict-experts #edit-field-expert-state-territory-value-wrapper {
        flex: 1 1 auto;
    }
}

#views-exposed-form-expert-listing-page .views-exposed-widgets #edit_field_expertise_areas_value_chosen,
#views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen {
    /* #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen { */
    min-width: 30rem;
    max-width: 65rem;
}

#views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen {
    min-width: 30rem;
    max-width: 100%;
    width: 100% !important;
}

@media screen and (max-width:767px) {
    #views-exposed-form-expert-listing-page .views-exposed-widgets #edit_field_expertise_areas_value_chosen,
    #views-exposed-form-expert-listing-ics-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen,
    #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen {
        min-width: 10rem;
    }
}

#views-exposed-form-expert-listing-page .chosen-container-single .chosen-single,
#views-exposed-form-expert-listing-ics-experts .chosen-container-single .chosen-single,
#views-exposed-form-expert-listing-ics-ict-experts .chosen-container-single .chosen-single {
    border: none;
    border-radius: 5px;
    max-height: 100%;
}

.experts-grid {
    display: grid;
    grid-template: auto / 1fr 1fr 1fr;
    grid-gap: 31px;
    font-family: gotham_htflight;
}

@media all and (max-width:767px) {
    .experts-grid {
        grid-template: auto / 1fr;
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    .experts-grid {
        grid-template: auto / 1fr 1fr;
    }
}


/* .expert-is-fellow {
  float: right;
  width: 3rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.expert-is-fellow.australian_academy_of_science {
  background-image: url('https://www.science.org.au/sites/all/themes/simpleclean/css/images/is-fellow.png');
} */

.expert {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.expert__tile-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.view-expert-listing .expert__tile-header {
    background: #344C66;
    color: white;
    padding: 16px 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    min-height: 10.8rem;
}

.expert__content {
    background: #3A5572;
    color: white;
    padding: 25px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 100%;
}

.view-expert-listing .expert__details {
    margin-bottom: 3rem;
}

.expert__details .expert__job,
.expert__details .expert__institution .expert__details .expert__profile-link {
    display: block;
}

.expert__location {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.expert__name {
    border: none;
    margin: 0;
    color: #fff;
    line-height: 1.2;
}

.expert__name span {
    font-size: 65%;
}

.expert__position {
    display: flex;
    flex-direction: column;
}

.expert__job {
    font-size: 16px;
    margin-bottom: 8px;
}

.expert__job::first-letter {
    text-transform: capitalize;
}

.view-expert-listing .expert__job {
    max-height: 6rem;
    overflow: hidden;
    position: relative;
}

.view-expert-listing .expert__job.overflown .ellipses {
    position: absolute;
    width: 14rem;
    height: 2rem;
    right: 0;
    bottom: 0;
    color: white;
    background: rgb(58, 85, 114);
    background: linear-gradient(90deg, rgba(58, 85, 114, 0) 0%, rgba(58, 85, 114, 1) 60%);
    text-align: right;
}

.expert__institution {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
}

.expert__expertise {
    padding-bottom: 8px;
}

.expert__expertise h4 {
    font-size: 12px;
    border-bottom: 2px solid #334b66;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 19px;
}

.experts-grid .expert__expertise span {
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    margin: 2px;
    margin-left: 0;
    border-radius: 6px;
    font-weight: 300;
    line-height: 19px;
    background: #334b66;
    color: #dcdcdc;
}


/* Add expert node form page */

#edit-field-expert-city #autocomplete {
    position: absolute;
    background: white;
    padding: 1rem;
    border: 2px solid #9d9da1;
    z-index: 99;
    margin-left: 0.2rem;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

#expert-node-form input,
#expert-node-form select,
#expert-node-form textarea {
    padding: 15px 8px 10px 8px;
    border: 2px solid #9d9da1;
    border-radius: 5px;
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 100%;
}

#expert-node-form div.chosen-container {
    border: 2px solid #9d9da1;
    border-radius: 5px;
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 100%;
}

#expert-node-form div.chosen-container .chosen-single {
    border: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

#expert-node-form .chosen-container-multi .chosen-choices {
    border-radius: 5px;
    background-image: none;
    border: none;
    min-height: 46px;
}

#expert-node-form div.chosen-container.chosen-container-single .chosen-single span {
    margin-top: 0;
}

#expert-node-form label,
#expert-node-form div.description {
    float: left;
    clear: left;
}

#expert-node-form>div,
#expert-node-form>div>div,
#expert-node-form>div>div>div {
    float: left;
    clear: both;
    width: 100%;
}

#expert-node-form .chosen-container {
    width: 100% !important;
}

#expert-node-form>div>div {
    margin-bottom: 24px;
}

.captcha.form-wrapper {
    float: left;
}

#expert-node-form>div {
    background: #fff;
    padding: 32px;
    width: 70%;
    margin: 0 15%;
}

#expert-node-form input[type="checkbox"] {
    width: auto;
    margin-left: 10px;
    float: none;
    clear: none;
}

#expert-node-form .form-type-checkboxes label,
#expert-node-form .form-type-checkboxes input {
    float: none;
    clear: none;
    width: auto;
}

#expert-node-form .field-value {
    width: 100%;
}

#expert-node-form .form-wrapper {
    margin-bottom: 2rem;
}

#edit-field-ics-expert label,
#edit-field-description-of-work label,
#edit-field-ics-fields-of-research label,
#edit-field-areas-of-application-and-c label {
    color: #008FD5;
}

#expert-node-form #edit-submit {
    border: none;
    color: white;
    background: #C29000;
    margin-top: 3rem;
}

#edit-field-expert-profile-link-und-0 .fieldset-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

#edit-field-expert-profile-link-und-0 legend {
    display: none;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999;
}

#edit_field_expert_state_territory_value_chosen a span {
    color: #999;
}

#more-filters-toggle-hide,
#more-filters-toggle-show {
    width: 130px;
    flex: 0 0 130px;
    margin-left: 1rem;
    margin-right: 1rem;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}

@media screen and (max-width:767px) {
    #more-filters-toggle-hide,
    #more-filters-toggle-show {
        flex-basis: auto;
    }
}

#more-filters-toggle-hide:hover,
#more-filters-toggle-show:hover {
    border-bottom-color: rgb(51, 51, 51);
}

#more-filters-toggle-hide {
    display: none;
}

.search-more-active #more-filters-toggle-hide {
    display: block;
}

#more-filters-toggle-show {
    display: block;
}

.search-more-active #more-filters-toggle-show {
    display: none;
}

#more-filters {
    width: 0%;
    opacity: 0;
    transition: all .4s ease;
}

.search-more-active #more-filters {
    width: 100%;
    opacity: 1;
}

#edit-details {
    width: 100%;
    height: 49px;
    border: 2px solid #9d9da1;
    border-radius: 5px;
    padding: 0 0 0 8px;
}

.more-filters-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width:767px) {
    .more-filters-wrapper {
        flex-direction: column;
    }
}


/* remove label with no content on email field in footer on mobile so it can line up nice */

@media screen and (max-width:767px) {
    .mail-update-form #subForm label {
        display: none;
    }
}


/*HIDE PUBLISH DATE FROM HOMEPAGE CAROUSEL PAGES*/

.body-container .node-homepage-slideshow span.submitted {
    display: none;
}


/* Media rule for science bar on mobile view */

@media screen and (max-width: 767px) {
    .science-bar-menu {
        display: flex;
        flex-wrap: wrap;
    }
    .science-bar-menu li {
        flex: 1 0 100%;
    }
    .science-bar .container {
        display: flex;
    }
    .science-bar-side-items {
        display: flex;
        flex-direction: column;
    }
    .science-bar-side-items .science-bar-item {
        margin: 0;
        flex: 0 1 auto;
    }
    .science-bar-side-items {
        margin-right: -15px;
        flex: 1 1 150px;
    }
    .science-bar-menu li {
        /* flex: 1 0 100%; */
        flex: 1 0 80%;
        padding: 0;
        margin: 0;
    }
    .science-bar .container {
        background: #182737;
    }
    .science-bar a:hover {
        filter: brightness(85%);
    }
}


/* accordion toggle styles */

.accordion-toggle {
    cursor: pointer;
    margin-bottom: 1rem;
    display: block;
    text-decoration: underline;
}

.accordion-toggle:hover {
    text-decoration: none;
    filter: brightness(80%);
}

.accordion-toggle::after {
    display: inline-block;
    content: '>';
    margin-left: 1rem;
    transform: rotate(90deg);
    transition: all 0.4s ease;
}

.accordion-toggle.active::after {
    transform: rotate(270deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}


/*AUTHENTICATED LINKS MENU*/

.science-bar .container {
    display: flex;
    flex-direction: column-reverse;
}

.science-bar ul.science-bar-menu {
    margin-top: 5px;
    margin-left: unset;
}

.science-bar ul.science-bar-menu li {
    margin-bottom: 5px;
}

.science-bar .science-bar-drop ul li.science-bar-item {
    margin-bottom: 0;
}

.science-bar .science-bar-side-items {
    display: flex;
    flex-direction: row-reverse;
    background-color: #182737;
    position: relative;
    margin-right: -16px;
}


/**
    this next rule was making the page triple width so I've commented it out
    but now the bar isn't full width...-Tim
    **/


/* .science-bar-side-items::before {
      content: '';
      background-color: #182737;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -100%;
      right: -100%;
      width: auto;
      max-width: 100%;

    } */

.science-bar-side-items .science-bar-logout {
    float: unset;
    margin-top: unset;
    z-index: 3;
    margin-bottom: 0;
    margin-right: 0;
    background: unset;
}

.science-bar-side-items .science-bar-logout a {
    padding: 6px 12px;
}

.science-bar-side-items .science-bar-logout a:hover span {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .science-bar .science-bar-side-items {
        flex: unset;
        height: auto;
    }
    .science-bar .science-bar-side-items::before {
        display: none;
    }
}

.form-item.webform-component.webform-component-textfield.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--suggested-sectional-committee-descriptor {
    margin-bottom: 15rem;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}