/** 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[type="submit"] {
  display: none;
}

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


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

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

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

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

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

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

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

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

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

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

/* expert database section */

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

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

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

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

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

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

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

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

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

.add-expert__content {
  padding: 3.4rem;
}

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

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

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

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

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

.add-expert__image {
  position: relative;
}

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

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

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

/* ICS experts */

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

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

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

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

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

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

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

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

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

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

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

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

/* exposed form */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.expert__expertise {
  padding-bottom: 8px;
}

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

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

/* Add expert node form page */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#edit_field_expert_state_territory_value_chosen a span {
  color: #999;
}

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

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

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

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

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

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

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

#more-filters {
  width: 0%;
  opacity: 0;
  transition: all 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;
}