/** Custom CSS */

/* HOPE webform hotfix for broken upload buttons -- we are hiding them here  */

#edit-submitted-attachments-proof-of-australian-citizenship-or-permanent-residency-upload-button {
  display: none;
}

#edit-submitted-attachments-jsps-hope-meeting-application-form-upload-button {
  display: none;
}

#edit-submitted-attachments-jsps-hope-meeting-application-form-ajax-wrapper
  .webform-component-file
  label::before {
  display: none;
}

#edit-submitted-attachments-proof-of-australian-citizenship-or-permanent-residency-ajax-wrapper
  .webform-component-file
  label::before {
  display: none;
}
.float-left {
  float: left;
}

/* maybe the upload buttons should just not be anywhere!! */

/* Inline #11 | https://www.science.org.au/fellowship-nomination */

.webform-submission .form-managed-file input[value="Upload"] {
  display: none;
}

.webform-submission .webform-component-file label::before {
  display: none;
}

/* Upload button for multi file uploads */
.webform-component-multiple-file .form-managed-file input[type="submit"] {
  display: block !important;
  padding: 7px 30px !important;
}

/* BUTTONS */

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

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

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

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

/* END BUTTONS */

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.views-exposed-widget.aas-events-submit-button {
  margin-left: 0;
}

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;
  font-size: 14px;
  color: #999 !important;
}

.aas-events-search .form-item-combine input#edit-combine {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.award-node-image img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 0px 4px rgba(3, 7, 18, 0.03),
    0px 0px 9px rgba(3, 7, 18, 0.05), 0px 0px 15px rgba(3, 7, 18, 0.06),
    0px 0px 24px rgba(3, 7, 18, 0.08);
}

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

.consent-row input,
.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;
}

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

.consent-row {
  flex-wrap: wrap;
}

@media screen AND (max-width: 1199px) {
  .consent-row {
    flex-direction: column;
  }
  .consent-row input,
  .page-my-nominations .consent-row input,
  .page-node-3333 .consent-row input,
  .page-node-2398 .consent-row input {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}

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

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

.consent-forms button,
.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;
}

.consent-forms button:hover,
.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;
}

.consent-forms h4,
.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;
  margin: 0 !important;
}

@media screen AND (max-width: 1199px) {
  .consent-forms h4,
  .page-my-nominations .consent-forms h4,
  .page-node-3333 .consent-forms h4,
  .page-node-2398 .consent-forms h4 {
    max-height: 100px;
  }
}

.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 {
  background-color: #005689;
  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%;
}

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

#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 0.6s;
  animation: cd-bounce-1 0.6s;
}

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

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

/* CHRIS TIMELINE CODE*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.equalDivide2 tr td {
  width: 50%;
}

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

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

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

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

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

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

#livestream a {
  color: #fff;
}

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

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

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

a.cta-blue-large {
  background-color: #005689;
  color: #fff;
  display: inline-block;
  padding: 0.6em 1em;
  width: 100%;
  text-align: center;
  font-size: 122%;
  cursor: pointer;
  transition: background 0.2s;
  text-decoration: none !important;
  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 + 0.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: 0.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 !important;
}

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

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

/* FNS form SC notes and descriptors styles */

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

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

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

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

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

/* Fellow lookup styles */

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

@media only screen and (max-width: 1199px) {
  .fns-referee-lookup {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .fns-referee-lookup {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

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

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

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

/* referees in the modal  */

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

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

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

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

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

.columnContainer {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Call to action buttons */

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

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

/* External link CTAs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfixes */

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

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

.clearfix {
  clear: both;
}

hr {
  clear: both;
}

/* Floating content */

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

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

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

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

.body-container figure {
  display: table;
  clear: both;
}

.basic-content-2 figure {
  margin: 15px 0;
}

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

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

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

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

.disInline img {
  max-width: initial;
}

/* Image fixes */

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

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

/* Full width and centred images */

.full-width {
  width: 100%;
}

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

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

/* Extra margin, if needed */

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

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

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

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

/* Video embeds */

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

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

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

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

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

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

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

/* Memoirs */

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

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

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

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

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

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

/* HIRING PAGE*/

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

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

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

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

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

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

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

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

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

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

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

/* Brain box styles */

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

.brainImg {
  vertical-align: top;
}

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

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

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

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

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

.brainView a {
  color: #ffffff;
}

.brainBlock blockquote {
  height: 70px;
}

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

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

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

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

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

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

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

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

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

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

.member-photos {
  text-align: center;
  padding: 20px 0;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
}

.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;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(29, 29, 44, 0.8295693277310925) 15%,
    rgba(0, 0, 0, 1) 100%
  );
  height: 493px;
  margin-top: -493px;
  float: right;
  padding-right: 30px;
  padding-top: 70px;
  width: 294px;
  padding-left: 25px;
}

/* 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;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes animLoad {
  0%,
  5% {
    opacity: 1;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 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;
}

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

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

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

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

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

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

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

/*--- DROPDOWN ---*/

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

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

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

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

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

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

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

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

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

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

.declineToolTip {
  display: inline-block;
}

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

/**
 * Tooltip Styles
 */

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

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

/* Hide the tooltip content by default */

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

/* Position tooltip above the element */

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

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

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

/* Show tooltip content on hover */

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

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

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

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

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

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

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

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

/* Chosen searchable select list styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#administrative_container {
  display: none;
}

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

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

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

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

#node-9641 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.captcha {
  margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** Award Node Detail **/

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

.award-node-heading {
  text-align: center;
  background: #00456e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 0px 4px rgba(3, 7, 18, 0.03),
    0px 0px 9px rgba(3, 7, 18, 0.05), 0px 0px 15px rgba(3, 7, 18, 0.06),
    0px 0px 24px rgba(3, 7, 18, 0.08);
}

.award-node .award-node-status,
.award-further-info {
  padding: 18px 16px;
  background: #fff;
  /* https://smoothshadows.com/#djEsMSw1LDAuMDgsMjQsMCwwLCMwMzA3MTIsI2YzZjRmNiwjZmZmZmZmLDI%3D */
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 0px 4px rgba(3, 7, 18, 0.03),
    0px 0px 9px rgba(3, 7, 18, 0.05), 0px 0px 15px rgba(3, 7, 18, 0.06),
    0px 0px 24px rgba(3, 7, 18, 0.08);
  margin: 10px 0px;
}
.award-further-info {
  text-align: center;
}
.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;
  margin-bottom: 10px;
  text-align: center;
  padding: 12px;
  background: #00456e;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 0px 4px rgba(3, 7, 18, 0.03),
    0px 0px 9px rgba(3, 7, 18, 0.05), 0px 0px 15px rgba(3, 7, 18, 0.06),
    0px 0px 24px rgba(3, 7, 18, 0.08);
}

.award-node .award-details {
  background: #fff;
  padding: 24px;
  /* https://smoothshadows.com/#djEsMSw1LDAuMDgsMjQsMCwwLCMwMzA3MTIsI2YzZjRmNiwjZmZmZmZmLDI%3D */
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 0px 4px rgba(3, 7, 18, 0.03),
    0px 0px 9px rgba(3, 7, 18, 0.05), 0px 0px 15px rgba(3, 7, 18, 0.06),
    0px 0px 24px rgba(3, 7, 18, 0.08);
}

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

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

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

/* expert database section */

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

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

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

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

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

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

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

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

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

.add-expert__content {
  padding: 3.4rem;
}

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

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

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

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

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

.add-expert__image {
  position: relative;
}

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

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

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

/* ICS experts */

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

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

@media (max-width: 767px) {
  .add-expert__image {
    display: none;
  }
}

.collaborators__heading span {
  color: white;
  text-align: center;
  display: block;
}

.collaborators__heading span.heading__headline {
  font-size: 21px;
  font-weight: 500;
  line-height: 21px;
}

.collaborators__heading span.heading__subheading {
  font-size: 1.4rem;
}

.collaborator__logos {
  display: grid;
  grid-gap: 4.8rem;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  justify-items: center;
  margin-top: 2.4rem;
}

.collaborator__logos.collaborator__logos--ics {
  grid-template-columns: repeat(1, 1fr);
  margin-top: 0;
}

.collaborator__logos img {
  max-height: 7rem;
  max-width: 110%;
}

.collaborator__logos img.aas {
  max-height: 5rem;
}

.collaborator__logos img.uom {
  max-height: 6rem;
}

.ics-logos {
  background: white;
  margin: 2rem 0;
  padding: 3rem 0;
}

/* exposed form */

#views-exposed-form-expert-listing-page
  #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-experts
  #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts
  #edit-field-expert-state-territory-value-wrapper {
  margin-left: 0;
}

#views-exposed-form-expert-listing-page
  .views-exposed-widgets
  .views-exposed-widget {
  margin: 0 1rem 1rem 0;
  max-width: 100%;
}

#views-exposed-form-expert-listing-ics-experts
  .views-exposed-widgets
  .views-exposed-widget,
#views-exposed-form-expert-listing-ics-ict-experts
  .views-exposed-widgets
  .views-exposed-widget {
  margin: 0 0 1rem 0;
  max-width: 100%;
}

#views-exposed-form-expert-listing-ics-experts
  .views-exposed-widgets
  #edit-field-ics-fields-of-research-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts
  .views-exposed-widgets
  #edit-field-ics-fields-of-research-value-wrapper,
#views-exposed-form-expert-listing-ics-experts
  .views-exposed-widgets
  #edit-field-areas-of-application-and-c-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts
  .views-exposed-widgets
  #edit-field-areas-of-application-and-c-value-wrapper {
  width: 100%;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  #views-exposed-form-expert-listing-page
    .views-exposed-widgets
    .views-exposed-widget,
  #views-exposed-form-expert-listing-ics-experts
    .views-exposed-widgets
    .views-exposed-widget,
  #views-exposed-form-expert-listing-ics-ict-experts
    .views-exposed-widgets
    .views-exposed-widget {
    margin-right: 0;
  }
}

#views-exposed-form-expert-listing-page
  #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-experts
  #edit-field-expert-state-territory-value-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts
  #edit-field-expert-state-territory-value-wrapper {
  min-width: 18rem;
  flex: 0 1 18rem;
}

#views-exposed-form-expert-listing-page
  .views-exposed-widgets
  #edit-field-expert-city-tid-1-wrapper,
#views-exposed-form-expert-listing-ics-experts
  .views-exposed-widgets
  #edit-field-expert-city-tid-1-wrapper,
#views-exposed-form-expert-listing-ics-ict-experts
  .views-exposed-widgets
  #edit-field-expert-city-tid-1-wrapper {
  min-width: 18rem;
  flex: 0 1 18rem;
}

@media screen and (max-width: 767px) {
  #views-exposed-form-expert-listing-page
    .views-exposed-widgets
    #edit-field-expert-city-tid-1-wrapper,
  #views-exposed-form-expert-listing-page
    #edit-field-expert-state-territory-value-wrapper,
  #views-exposed-form-expert-listing-ics-experts
    .views-exposed-widgets
    #edit-field-expert-city-tid-1-wrapper,
  #views-exposed-form-expert-listing-ics-ict-experts
    .views-exposed-widgets
    #edit-field-expert-city-tid-1-wrapper,
  #views-exposed-form-expert-listing-ics-experts
    #edit-field-expert-state-territory-value-wrapper,
  #views-exposed-form-expert-listing-ics-ict-experts
    #edit-field-expert-state-territory-value-wrapper {
    flex: 1 1 auto;
  }
}

#views-exposed-form-expert-listing-page
  .views-exposed-widgets
  #edit_field_expertise_areas_value_chosen,
#views-exposed-form-expert-listing-ics-experts
  .views-exposed-widgets
  #edit_field_expertise_areas_value_chosen {
  /* #views-exposed-form-expert-listing-ics-ict-experts .views-exposed-widgets #edit_field_expertise_areas_value_chosen { */
  min-width: 30rem;
  max-width: 65rem;
}

#views-exposed-form-expert-listing-ics-ict-experts
  .views-exposed-widgets
  #edit_field_expertise_areas_value_chosen {
  min-width: 30rem;
  max-width: 100%;
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  #views-exposed-form-expert-listing-page
    .views-exposed-widgets
    #edit_field_expertise_areas_value_chosen,
  #views-exposed-form-expert-listing-ics-experts
    .views-exposed-widgets
    #edit_field_expertise_areas_value_chosen,
  #views-exposed-form-expert-listing-ics-ict-experts
    .views-exposed-widgets
    #edit_field_expertise_areas_value_chosen {
    min-width: 10rem;
  }
}

#views-exposed-form-expert-listing-page .chosen-container-single .chosen-single,
#views-exposed-form-expert-listing-ics-experts
  .chosen-container-single
  .chosen-single,
#views-exposed-form-expert-listing-ics-ict-experts
  .chosen-container-single
  .chosen-single {
  border: none;
  border-radius: 5px;
  max-height: 100%;
}

.experts-grid {
  display: grid;
  grid-template: auto / 1fr 1fr 1fr;
  grid-gap: 31px;
  font-family: gotham_htflight;
}

@media all and (max-width: 767px) {
  .experts-grid {
    grid-template: auto / 1fr;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .experts-grid {
    grid-template: auto / 1fr 1fr;
  }
}

/* .expert-is-fellow {
  float: right;
  width: 3rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.expert-is-fellow.australian_academy_of_science {
  background-image: url('https://www.science.org.au/sites/all/themes/simpleclean/css/images/is-fellow.png');
} */

.expert {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.expert__tile-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.view-expert-listing .expert__tile-header {
  background: #344c66;
  color: white;
  padding: 16px 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-transform: uppercase;
  min-height: 10.8rem;
}

.expert__content {
  background: #3a5572;
  color: white;
  padding: 25px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 100%;
}

.view-expert-listing .expert__details {
  margin-bottom: 3rem;
}

.expert__details .expert__job,
.expert__details .expert__institution .expert__details .expert__profile-link {
  display: block;
}

.expert__location {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.expert__name {
  border: none;
  margin: 0;
  color: #fff;
  line-height: 1.2;
}

.expert__name span {
  font-size: 65%;
}

.expert__position {
  display: flex;
  flex-direction: column;
}

.expert__job {
  font-size: 16px;
  margin-bottom: 8px;
}

.expert__job::first-letter {
  text-transform: capitalize;
}

.view-expert-listing .expert__job {
  max-height: 6rem;
  overflow: hidden;
  position: relative;
}

.view-expert-listing .expert__job.overflown .ellipses {
  position: absolute;
  width: 14rem;
  height: 2rem;
  right: 0;
  bottom: 0;
  color: white;
  background: rgb(58, 85, 114);
  background: linear-gradient(
    90deg,
    rgba(58, 85, 114, 0) 0%,
    rgba(58, 85, 114, 1) 60%
  );
  text-align: right;
}

.expert__institution {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

.expert__expertise {
  padding-bottom: 8px;
}

.expert__expertise h4 {
  font-size: 12px;
  border-bottom: 2px solid #334b66;
  padding-bottom: 3px;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 19px;
}

.experts-grid .expert__expertise span {
  font-size: 12px;
  padding: 5px;
  display: inline-block;
  margin: 2px;
  margin-left: 0;
  border-radius: 6px;
  font-weight: 300;
  line-height: 19px;
  background: #334b66;
  color: #dcdcdc;
}

/* Add expert node form page */

#edit-field-expert-city #autocomplete {
  position: absolute;
  background: white;
  padding: 1rem;
  border: 2px solid #9d9da1;
  z-index: 99;
  margin-left: 0.2rem;
  border-radius: 0 0 5px 5px;
  border-top: none;
}

#expert-node-form input,
#expert-node-form select,
#expert-node-form textarea {
  padding: 15px 8px 10px 8px;
  border: 2px solid #9d9da1;
  border-radius: 5px;
  float: left;
  clear: left;
  margin-bottom: 10px;
  width: 100%;
}

#expert-node-form div.chosen-container {
  border: 2px solid #9d9da1;
  border-radius: 5px;
  float: left;
  clear: left;
  margin-bottom: 10px;
  width: 100%;
}

#expert-node-form div.chosen-container .chosen-single {
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

#expert-node-form .chosen-container-multi .chosen-choices {
  border-radius: 5px;
  background-image: none;
  border: none;
  min-height: 46px;
}

#expert-node-form
  div.chosen-container.chosen-container-single
  .chosen-single
  span {
  margin-top: 0;
}

#expert-node-form label,
#expert-node-form div.description {
  float: left;
  clear: left;
}

#expert-node-form > div,
#expert-node-form > div > div,
#expert-node-form > div > div > div {
  float: left;
  clear: both;
  width: 100%;
}

#expert-node-form .chosen-container {
  width: 100% !important;
}

#expert-node-form > div > div {
  margin-bottom: 24px;
}

.captcha.form-wrapper {
  float: left;
}

#expert-node-form > div {
  background: #fff;
  padding: 32px;
  width: 70%;
  margin: 0 15%;
}

#expert-node-form input[type="checkbox"] {
  width: auto;
  margin-left: 10px;
  float: none;
  clear: none;
}

#expert-node-form .form-type-checkboxes label,
#expert-node-form .form-type-checkboxes input {
  float: none;
  clear: none;
  width: auto;
}

#expert-node-form .field-value {
  width: 100%;
}

#expert-node-form .form-wrapper {
  margin-bottom: 2rem;
}

#edit-field-ics-expert label,
#edit-field-description-of-work label,
#edit-field-ics-fields-of-research label,
#edit-field-areas-of-application-and-c label {
  color: #008fd5;
}

#expert-node-form #edit-submit {
  border: none;
  color: white;
  background: #c29000;
  margin-top: 3rem;
}

#edit-field-expert-profile-link-und-0 .fieldset-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

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

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999;
}

#edit_field_expert_state_territory_value_chosen a span {
  color: #999;
}

#more-filters-toggle-hide,
#more-filters-toggle-show {
  width: 130px;
  flex: 0 0 130px;
  margin-left: 1rem;
  margin-right: 1rem;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 767px) {
  #more-filters-toggle-hide,
  #more-filters-toggle-show {
    flex-basis: auto;
  }
}

#more-filters-toggle-hide:hover,
#more-filters-toggle-show:hover {
  border-bottom-color: rgb(51, 51, 51);
}

#more-filters-toggle-hide {
  display: none;
}

.search-more-active #more-filters-toggle-hide {
  display: block;
}

#more-filters-toggle-show {
  display: block;
}

.search-more-active #more-filters-toggle-show {
  display: none;
}

#more-filters {
  width: 0%;
  opacity: 0;
  transition: all 0.4s ease;
}

.search-more-active #more-filters {
  width: 100%;
  opacity: 1;
}

#edit-details {
  width: 100%;
  height: 49px;
  border: 2px solid #9d9da1;
  border-radius: 5px;
  padding: 0 0 0 8px;
}

.more-filters-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .more-filters-wrapper {
    flex-direction: column;
  }
}

/* remove label with no content on email field in footer on mobile so it can line up nice */

@media screen and (max-width: 767px) {
  .mail-update-form #subForm label {
    display: none;
  }
}

/*HIDE PUBLISH DATE FROM HOMEPAGE CAROUSEL PAGES*/

.body-container .node-homepage-slideshow span.submitted {
  display: none;
}

/* Media rule for science bar on mobile view */

@media screen and (max-width: 767px) {
  .science-bar-menu {
    display: flex;
    flex-wrap: wrap;
  }
  .science-bar-menu li {
    flex: 1 0 100%;
  }
  .science-bar .container {
    display: flex;
  }
  .science-bar-side-items {
    display: flex;
    flex-direction: column;
  }
  .science-bar-side-items .science-bar-item {
    margin: 0;
    flex: 0 1 auto;
  }
  .science-bar-side-items {
    margin-right: -15px;
    flex: 1 1 150px;
  }
  .science-bar-menu li {
    /* flex: 1 0 100%; */
    flex: 1 0 80%;
    padding: 0;
    margin: 0;
  }
  .science-bar .container {
    background: #182737;
  }
  .science-bar a:hover {
    filter: brightness(85%);
  }
}

/* accordion toggle styles */

.accordion-toggle {
  cursor: pointer;
  margin-bottom: 1rem;
  display: block;
  text-decoration: underline;
}

.accordion-toggle:hover {
  text-decoration: none;
  filter: brightness(80%);
}

.accordion-toggle::after {
  display: inline-block;
  content: ">";
  margin-left: 1rem;
  transform: rotate(90deg);
  transition: all 0.4s ease;
}

.accordion-toggle.active::after {
  transform: rotate(270deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

/*AUTHENTICATED LINKS MENU*/

.science-bar .container {
  display: flex;
  flex-direction: column-reverse;
}

.science-bar ul.science-bar-menu {
  margin-top: 5px;
  margin-left: unset;
}

.science-bar ul.science-bar-menu li {
  margin-bottom: 5px;
}

.science-bar .science-bar-drop ul li.science-bar-item {
  margin-bottom: 0;
}

.science-bar .science-bar-side-items {
  display: flex;
  flex-direction: row-reverse;
  background-color: #182737;
  position: relative;
  margin-right: -16px;
}

/**
    this next rule was making the page triple width so I've commented it out
    but now the bar isn't full width...-Tim
    **/

/* .science-bar-side-items::before {
      content: '';
      background-color: #182737;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -100%;
      right: -100%;
      width: auto;
      max-width: 100%;

    } */

.science-bar-side-items .science-bar-logout {
  float: unset;
  margin-top: unset;
  z-index: 3;
  margin-bottom: 0;
  margin-right: 0;
  background: unset;
}

.science-bar-side-items .science-bar-logout a {
  padding: 6px 12px;
}

.science-bar-side-items .science-bar-logout a:hover span {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .science-bar .science-bar-side-items {
    flex: unset;
    height: auto;
  }
  .science-bar .science-bar-side-items::before {
    display: none;
  }
}

.form-item.webform-component.webform-component-textfield.webform-component--d-proposers-suggested-sectional-committee--d-p-suggested-sectional-committee--suggested-sectional-committee-descriptor {
  margin-bottom: 15rem;
}

#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;
}

.view-pending-tile-donation-list {
  background: white;
}

select#edit-operation {
  text-align: left;
  height: 40px;
  padding: 5px;
  font-size: 15px;
  margin: 10px 4px;
}

.form-item.webform-component.webform-component-display.webform-component--is-cloned,
.form-item.form-type-radio.form-item-submitted-is-cloned,
.webform-component--is-cloned {
  display: none;
}

.loading_block {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
  vertical-align: middle;
}

.loading_content {
  background-color: white;
  /* background-color: red; */
  /* Center vertically and horizontally */
  position: absolute;
  top: 50%;
  left: 42%;
  /* margin: -25px 0 0 -25px; */
  /* opacity: 1 !important; */
}

img.loading_image {
  width: 30px;
}

/* Email 2 Auth CSS */
#email-2-auth-form > div:first-of-type {
  margin: 0 auto;
  padding: 25px;
  width: 50%;
  height: auto;
  background: white;
  box-shadow: 0px 0px 20px grey;
  text-align: center;
}

#email-2-auth-form label {
  display: block;
}

#edit-access-code {
  margin: 10px 0px;
  width: 50%;
  height: 40px;
  padding: 10px;
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
}

h1.email-2-fa-header {
  font-size: 20px;
  padding-top: 10px;
}

.alert-primary {
  background: #00456e;
  text-align: left;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px 24px;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .mt-sm-10 {
    margin-top: 10px;
  }
}