/** Custom CSS */

.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;
}

.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;
}

.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;
}

.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;
}

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

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

@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 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#views-exposed-form-expert-listing-ics-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 {
    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 {
  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 {
  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 {
  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-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 {
    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 {
  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 {
  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-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 {
  min-width: 30rem;
  max-width: 65rem;
}
@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 {
    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 {
  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;
}