@charset "UTF-8";
h1 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 44px;
  color: #333333; }

h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 30px;
  color: #333333; }

h3 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  color: #333333; }

h4 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  color: #696969; }

p {
  font-family: 'Open Sans', sans-serif;
  color: #696969;
  font-size: 14px; }

ol {
  font-family: 'Open Sans', sans-serif;
  color: #696969;
  font-size: 14px; }

a {
  color: #20a0f4;
  text-decoration: underline; }
  a:hover {
    color: #11659c; }
  a.is-active {
    color: #11659c; }

.fullwidth {
  width: 100%; }

.pd-15 {
  padding-left: 15px;
  padding-right: 15px; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=search],
textarea,
select,
.tagify.cc-tagify {
  border: 1px solid #a3a3a3 !important;
  height: 40px !important;
  color: #333333 !important;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px !important; }

.tagify.cc-tagify {
  height: auto !important;
  min-height: 40px;
  overflow: hidden; }

input[type=text] {
  width: 100%; }

select {
  border-radius: 0; }

.form-text {
  margin-top: 0; }

label,
.label {
  font-family: 'Open Sans', sans-serif;
  color: #696969;
  font-size: 14px;
  color: #666666;
  padding-left: 15px;
  margin-top: 27px; }
  label.form-required:after,
  .label.form-required:after {
    content: '*';
    color: #c01a1a; }

.label {
  padding-left: 0;
  margin-top: 0; }

.cc-radio label {
  margin-top: 0; }

.required {
  color: #c01a1a; }

input[type=submit] {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #147fc5;
  color: #147fc5;
  background-color: #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  margin-bottom: 20px;
  margin-top: 20px;
  cursor: pointer;
  text-decoration: none; }
  input[type=submit]:hover {
    background-color: #147fc5;
    color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }

.chosen-container-single .chosen-single {
  border-radius: 0;
  height: 40px;
  background: transparent;
  box-shadow: none; }
  .chosen-container-single .chosen-single div {
    padding-top: 7px; }
  .chosen-container-single .chosen-single span {
    height: 40px;
    padding-top: 7px; }

.form-email {
  display: block; }

.btn.btn-secondary {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 3px solid #c01b84;
  color: #ffffff;
  background-color: #c01b84;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .btn.btn-secondary:hover {
    background-color: #e31c9b;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .btn.btn-secondary:active {
    background-color: #8c1360;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.chosen-container-multi .chosen-choices {
  height: 40px; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333333;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s; }

.password-strength__indicator.is-weak {
  background-color: #c01a1a; }

.password-strength__indicator.is-fair {
  background-color: #f48920; }

.password-strength__indicator.is-strong {
  background-color: green; }

.form-item--error-message {
  color: #c01a1a; }

.password-strength__meter {
  margin-top: 0; }

.btn.btn-primary {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-size: 12px !important;
  border-bottom: 3px solid #147fc5;
  color: #ffffff;
  background-color: #147fc5;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .btn.btn-primary:hover {
    background-color: #20a0f4;
    border-bottom: 3px solid #11659c;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .btn.btn-primary:active {
    background-color: #11659c;
    border-bottom: 3px solid #11659c;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.btn.btn-outline {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #147fc5;
  color: #147fc5;
  background-color: #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .btn.btn-outline:hover {
    background-color: #147fc5;
    color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }

.btn.btn-secondary {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 3px solid #c01b84;
  color: #ffffff;
  background-color: #c01b84;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .btn.btn-secondary:hover {
    background-color: #e31c9b;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .btn.btn-secondary:active {
    background-color: #8c1360;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

button {
  cursor: pointer; }

ul.ui-autocomplete li a {
  line-height: 2em;
  display: inline-block;
  width: 100%; }
  ul.ui-autocomplete li a.ui-state-active {
    border-color: #c01b84;
    background-color: #e31c9b; }

ul.tabs {
  list-style: none; }

ul.tabs li {
  display: inline-block; }
  ul.tabs li a {
    text-decoration: none;
    background-color: #0a6eb4;
    color: #fff;
    padding: 7px; }

.page-user-register #edit-mail--description,
.page-user-register #block-re-place-page-title,
.page-user-register #block-re-place-local-tasks,
.page-user-register .tabledrag-toggle-weight-wrapper,
.page-user-register th.field-label,
.page-user-register .field-multiple-drag,
.page-user #edit-mail--description,
.page-user #block-re-place-page-title,
.page-user #block-re-place-local-tasks,
.page-user .tabledrag-toggle-weight-wrapper,
.page-user th.field-label,
.page-user .field-multiple-drag {
  display: none; }

.page-user-register label,
.page-user-register .fieldset-legend,
.page-user label,
.page-user .fieldset-legend {
  font-family: 'Open Sans', sans-serif;
  color: #696969;
  font-size: 14px;
  margin-top: 15px;
  color: #666666; }

.page-user-register label.option,
.page-user label.option {
  margin-top: 0; }

.page-user-register input[type=text],
.page-user-register input[type=password],
.page-user-register input[type=email],
.page-user-register input[type=url],
.page-user-register select,
.page-user input[type=text],
.page-user input[type=password],
.page-user input[type=email],
.page-user input[type=url],
.page-user select {
  width: 100% !important; }

.page-user-register .checkboxes .js-form-type-checkbox,
.page-user .checkboxes .js-form-type-checkbox {
  display: flex; }

.page-user-register .checkboxes label,
.page-user .checkboxes label {
  margin-top: -6px; }

.page-user-register .already_have_account,
.page-user .already_have_account {
  float: right; }

.page-user-register .registration-title h2,
.page-user .registration-title h2 {
  display: inline-block; }

.page-user-register .paragraphs-dropbutton-wrapper,
.page-user .paragraphs-dropbutton-wrapper {
  text-align: center;
  margin-bottom: 10px; }
  .page-user-register .paragraphs-dropbutton-wrapper input[type=submit],
  .page-user .paragraphs-dropbutton-wrapper input[type=submit] {
    border: none;
    color: #c01a1a;
    text-decoration: underline;
    cursor: pointer;
    text-transform: initial;
    padding-right: 0; }
    .page-user-register .paragraphs-dropbutton-wrapper input[type=submit]:hover,
    .page-user .paragraphs-dropbutton-wrapper input[type=submit]:hover {
      background-color: transparent; }
  .page-user-register .paragraphs-dropbutton-wrapper input[type=submit].field-add-more-submit,
  .page-user .paragraphs-dropbutton-wrapper input[type=submit].field-add-more-submit {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #147fc5;
    color: #147fc5;
    background-color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: none; }
    .page-user-register .paragraphs-dropbutton-wrapper input[type=submit].field-add-more-submit:hover,
    .page-user .paragraphs-dropbutton-wrapper input[type=submit].field-add-more-submit:hover {
      background-color: #147fc5;
      color: #ffffff;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }

.page-user-register .field--name-field-organisation td:not(.field-multiple-drag):not(.tabledrag-hide),
.page-user .field--name-field-organisation td:not(.field-multiple-drag):not(.tabledrag-hide) {
  position: relative;
  padding-bottom: 40px; }
  .page-user-register .field--name-field-organisation td:not(.field-multiple-drag):not(.tabledrag-hide) .paragraphs-dropbutton-wrapper,
  .page-user .field--name-field-organisation td:not(.field-multiple-drag):not(.tabledrag-hide) .paragraphs-dropbutton-wrapper {
    position: absolute;
    bottom: -30px;
    right: 0; }

.page-user-register .field--name-field-organisation .clearfix,
.page-user .field--name-field-organisation .clearfix {
  border-top: 1px solid #E5E9EC;
  padding-top: 10px; }

.page-user-register .paragraph-type-title,
.page-user .paragraph-type-title {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 30px;
  color: #333333;
  flex-basis: auto;
  padding-bottom: 5px; }

.page-user-register .ajax-new-content .paragraph-type-title,
.page-user .ajax-new-content .paragraph-type-title {
  display: none; }

.page-user-register .paragraph-type-top,
.page-user .paragraph-type-top {
  border-bottom: 1px solid #E5E9EC;
  padding-top: 15px; }

.page-user-register .registration-title,
.page-user .registration-title {
  border-bottom: 1px solid #E5E9EC; }

.page-user-register #field-organisation-values,
.page-user #field-organisation-values {
  width: 100%; }

@media all and (min-width: 769px) {
  .page-user-register .field--name-field-organisation .js-form-type-entity-autocomplete,
  .page-user-register .field--name-field-organisation .field--name-field-specific-research-group,
  .page-user-register .field--name-field-organisation .field--name-field-country,
  .page-user .field--name-field-organisation .js-form-type-entity-autocomplete,
  .page-user .field--name-field-organisation .field--name-field-specific-research-group,
  .page-user .field--name-field-organisation .field--name-field-country {
    width: 50%;
    float: left;
    padding-right: 15px; }
  .page-user-register .field--name-field-organisation .field--name-field-department,
  .page-user-register .field--name-field-organisation .field--name-field-phone,
  .page-user-register .field--name-field-organisation .field--name-field-geographical-area,
  .page-user .field--name-field-organisation .field--name-field-department,
  .page-user .field--name-field-organisation .field--name-field-phone,
  .page-user .field--name-field-organisation .field--name-field-geographical-area {
    width: 50%;
    float: left;
    padding-left: 15px; } }

@media all and (max-width: 768px) {
  .page-user-register .field--name-field-organisation .js-form-type-entity-autocomplete,
  .page-user-register .field--name-field-organisation .field--name-field-specific-research-group,
  .page-user-register .field--name-field-organisation .field--name-field-country,
  .page-user-register .field--name-field-organisation .field--name-field-department,
  .page-user-register .field--name-field-organisation .field--name-field-phone,
  .page-user-register .field--name-field-organisation .field--name-field-geographical-area,
  .page-user .field--name-field-organisation .js-form-type-entity-autocomplete,
  .page-user .field--name-field-organisation .field--name-field-specific-research-group,
  .page-user .field--name-field-organisation .field--name-field-country,
  .page-user .field--name-field-organisation .field--name-field-department,
  .page-user .field--name-field-organisation .field--name-field-phone,
  .page-user .field--name-field-organisation .field--name-field-geographical-area {
    width: 100%; } }

.page-user-register .field--name-field-organisation,
.page-user .field--name-field-organisation {
  padding-top: 0; }
  .page-user-register .field--name-field-organisation .field--name-field-email,
  .page-user .field--name-field-organisation .field--name-field-email {
    display: none; }

.page-user-register #edit-submit,
.page-user #edit-submit {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 3px solid #c01b84;
  color: #ffffff;
  background-color: #c01b84;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 30px;
  margin-bottom: 50px; }
  .page-user-register #edit-submit:hover,
  .page-user #edit-submit:hover {
    background-color: #e31c9b;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .page-user-register #edit-submit:active,
  .page-user #edit-submit:active {
    background-color: #8c1360;
    border-bottom: 3px solid #8c1360;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.popover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0; }
  .popover .popover-header {
    background-color: #e5e9ec;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    text-transform: initial;
    font-weight: 400; }

.messages {
  padding: 20px; }
  .messages [role=alert] {
    color: #c01a1a; }

.organisation-info {
  background-color: #e5e9ec;
  color: #696969;
  padding: 1.5rem;
  width: 85%;
  margin: 0 auto 20px; }
  .organisation-info ul {
    list-style-type: none;
    padding-inline-start: 0; }
  .organisation-info a.organisation-edit-link {
    float: right;
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 3px solid #c01b84;
    color: #ffffff;
    background-color: #c01b84;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .organisation-info a.organisation-edit-link:hover {
      background-color: #e31c9b;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    .organisation-info a.organisation-edit-link:active {
      background-color: #8c1360;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.page--organisations-detail label,
.page--organisations-detail .label {
  font-family: 'Josefin Sans', sans-serif;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  margin: 27px 0 0; }

.page--organisations-detail .organisations-members .organisations-member-list {
  margin-bottom: 40px;
  max-height: 500px;
  overflow: auto; }
  .page--organisations-detail .organisations-members .organisations-member-list .member-row {
    min-height: 55px; }
  .page--organisations-detail .organisations-members .organisations-member-list .name {
    flex: 0 0 40%; }
    .page--organisations-detail .organisations-members .organisations-member-list .name .email {
      font-weight: normal; }
  .page--organisations-detail .organisations-members .organisations-member-list .status {
    flex: 0 0 25%; }
  .page--organisations-detail .organisations-members .organisations-member-list .role {
    flex: 0 0 20%; }
  .page--organisations-detail .organisations-members .organisations-member-list .delete {
    flex: 0 0 15%; }

.page--organisations-detail .new-groups .group-list {
  width: 85%;
  margin: 30px auto 40px; }
  .page--organisations-detail .new-groups .group-list .group-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .page--organisations-detail .new-groups .group-list .group-item h4 {
      flex: 0 0 100%; }
    .page--organisations-detail .new-groups .group-list .group-item .submitted-by {
      flex: 1 0 calc(70% - 10px);
      background-color: #e5e9ec;
      margin-right: 10px;
      line-height: 40px;
      padding: 0 20px; }
      .page--organisations-detail .new-groups .group-list .group-item .submitted-by .created-date {
        float: right;
        padding-left: 20px;
        position: relative; }
        .page--organisations-detail .new-groups .group-list .group-item .submitted-by .created-date::before {
          content: '';
          border-right: 1px solid #666666;
          position: absolute;
          height: 30px;
          top: calc(50% - 15px);
          left: 0; }
    .page--organisations-detail .new-groups .group-list .group-item .actions {
      flex: 0 0 30%;
      display: flex; }
      .page--organisations-detail .new-groups .group-list .group-item .actions .throbber-parent {
        flex: 1 0 calc(50% - 10px);
        position: relative; }
        .page--organisations-detail .new-groups .group-list .group-item .actions .throbber-parent .btn {
          width: 100%; }
        .page--organisations-detail .new-groups .group-list .group-item .actions .throbber-parent .ajax-progress {
          position: absolute;
          left: 0;
          top: -5px;
          width: 100%;
          height: 40px;
          background: rgba(229, 233, 236, 0.5); }
          .page--organisations-detail .new-groups .group-list .group-item .actions .throbber-parent .ajax-progress .throbber {
            position: absolute;
            top: calc(50% - 12px);
            left: calc(50% - 12px); }
        .page--organisations-detail .new-groups .group-list .group-item .actions .throbber-parent .ajax-progress {
          top: 0px; }
      .page--organisations-detail .new-groups .group-list .group-item .actions .btn {
        flex: 1 0 calc(50% - 10px); }
        .page--organisations-detail .new-groups .group-list .group-item .actions .btn:first-of-type {
          margin-right: 10px; }

.page--organisations-detail .all-groups .group-list {
  width: 85%;
  margin: 0 auto 40px; }

.page--organisations-detail .link-create-group #link-create-group {
  width: 85%;
  margin: 0 auto 40px; }
  .page--organisations-detail .link-create-group #link-create-group .inline-field-button {
    display: flex; }
    .page--organisations-detail .link-create-group #link-create-group .inline-field-button .form-item {
      flex: 0 1 100%;
      margin-right: 20px; }
      .page--organisations-detail .link-create-group #link-create-group .inline-field-button .form-item input {
        width: 100%; }
    .page--organisations-detail .link-create-group #link-create-group .inline-field-button .form-submit {
      flex: 0 0 200px;
      margin: 0;
      height: 40px;
      margin-top: auto; }

.organisations-member-list,
.group-member-list {
  width: 85%;
  margin: 0 auto; }
  .organisations-member-list .member-header,
  .group-member-list .member-header {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    display: flex; }
  .organisations-member-list .member-row,
  .group-member-list .member-row {
    display: flex;
    min-height: 40px;
    margin-bottom: 5px; }
    .organisations-member-list .member-row span,
    .group-member-list .member-row span {
      padding-top: 5px; }
    .organisations-member-list .member-row .btn,
    .group-member-list .member-row .btn {
      margin-top: -10px; }
  .organisations-member-list .name,
  .group-member-list .name {
    font-weight: bold; }
  .organisations-member-list .status .status-name,
  .group-member-list .status .status-name {
    margin-right: 20px;
    font-style: italic; }
  .organisations-member-list .role a,
  .group-member-list .role a {
    position: relative;
    font-size: 0;
    line-height: 0;
    float: right; }
    .organisations-member-list .role a::after,
    .group-member-list .role a::after {
      font-size: 1.2rem;
      line-height: 0;
      position: absolute;
      right: 25px;
      top: 5px;
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-right: .5em solid transparent;
      border-left: .5em solid transparent; }
    .organisations-member-list .role a.current-role-regular::after,
    .group-member-list .role a.current-role-regular::after {
      border-bottom: 0.5em solid #666666;
      border-top: 0; }
    .organisations-member-list .role a.current-role-administrator::after,
    .group-member-list .role a.current-role-administrator::after {
      border-top: 0.5em solid #666666;
      border-bottom: 0; }
  .organisations-member-list .delete,
  .group-member-list .delete {
    position: relative; }
    .organisations-member-list .delete .ajax-progress,
    .group-member-list .delete .ajax-progress {
      position: absolute;
      left: 0;
      top: -5px;
      width: 100%;
      height: 40px;
      background: rgba(229, 233, 236, 0.5); }
      .organisations-member-list .delete .ajax-progress .throbber,
      .group-member-list .delete .ajax-progress .throbber {
        position: absolute;
        top: calc(50% - 12px);
        left: calc(50% - 12px); }
    .organisations-member-list .delete a,
    .group-member-list .delete a {
      width: 100%; }

.text-wrap,
textarea.cc-textext {
  width: 100% !important; }

.text-tags,
.text-dropdown,
.text-button,
.text-core .text-wrap textarea, .text-core .text-wrap input {
  font-size: 14px !important; }

.text-core .text-wrap .text-tags .text-tag .text-button {
  height: 20px !important; }

.my-methods {
  margin-top: 35px; }
  .my-methods table {
    width: 100%; }
  .my-methods .saved-as-draft {
    color: #c01a1a; }
  .my-methods tr {
    height: 60px; }
    .my-methods tr td div {
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative; }
      .my-methods tr td div:before {
        content: '';
        border-right: 1px solid #a3a3a3;
        position: absolute;
        height: 30px;
        top: calc(50% - 15px);
        right: 0; }
    .my-methods tr td:last-child div:before {
      content: none; }
  .my-methods .views-field-title {
    width: 30%; }
  .my-methods .publish-complete {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 3px solid #666666;
    color: #ffffff;
    background-color: #696969;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    width: 120px;
    display: block; }
    .my-methods .publish-complete:hover {
      background-color: #696969;
      border-bottom: 3px solid #333333;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    .my-methods .publish-complete:active {
      background-color: #333333;
      border-bottom: 3px solid #333333;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .my-methods button {
    width: 120px; }

#myModal .a2a_button_linkedin.btn.btn-primary,
#myModal input {
  width: 100%; }

#myModal .modal-content {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 35px;
  padding-bottom: 35px; }
  #myModal .modal-content h3 {
    padding-bottom: 30px; }
  #myModal .modal-content .motivate-modal {
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 20px; }
  #myModal .modal-content label {
    font-weight: bold; }
  #myModal .modal-content .description {
    font-family: 'Open Sans', sans-serif;
    color: #696969;
    font-size: 14px;
    font-size: 12px;
    margin-bottom: 15px; }

.method-row {
  /*height: 60px;*/
  display: flex;
  width: 92%;
  margin-left: 8%;
  margin-bottom: 20px; }
  .method-row span {
    display: flex;
    flex: 0 0 15%;
    position: relative;
    line-height: 60px;
    text-align: center; }
    .method-row span:before {
      content: '';
      border-right: 1px solid #a3a3a3;
      position: absolute;
      height: 30px;
      top: calc(50% - 15px);
      right: 0; }
    .method-row span:last-child:before {
      content: none; }
    .method-row span i, .method-row span a {
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      margin: 0 auto; }
  .method-row .name {
    flex: 1 0 25%;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    line-height: initial;
    max-width: 35%;
    padding-right: 10px; }
    .method-row .name a {
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center; }
  .method-row .notification {
    flex-basis: 25px; }
  .method-row .pdf {
    flex-basis: 48px; }
  .method-row .edit-link {
    flex-basis: 70px; }
  .method-row .changed {
    flex-basis: 10%; }
  .method-row .status {
    text-align: left;
    padding: 0 10px;
    flex-basis: 180px; }
    .method-row .status .saved-as-draft {
      color: #c01a1a; }
  .method-row .contact-email {
    text-align: left;
    padding: 0 10px;
    flex: 1 0 15%;
    overflow: hidden;
    white-space: nowrap;
    max-width: 20%; }
  .method-row .method-actions {
    flex-basis: 70px; }
    .method-row .method-actions .throbber-parent {
      position: relative; }
      .method-row .method-actions .throbber-parent .ajax-progress {
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
        height: 40px;
        background: rgba(229, 233, 236, 0.5); }
        .method-row .method-actions .throbber-parent .ajax-progress .throbber {
          position: absolute;
          top: calc(50% - 12px);
          left: calc(50% - 12px); }
      .method-row .method-actions .throbber-parent .ajax-progress {
        background: none; }
        .pending-methods .method-row .method-actions .throbber-parent .ajax-progress {
          left: 7px;
          top: -2px; }
        .method-row .method-actions .throbber-parent .ajax-progress .throbber {
          height: 10px; }
    .method-row .method-actions a {
      width: 30px;
      position: relative;
      font-size: 0;
      line-height: 0;
      color: #a3a3a3; }
      .method-row .method-actions a:before {
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 1.8rem;
        line-height: 0;
        -webkit-text-stroke: 1px #ffffff; }
      .method-row .method-actions a:after {
        position: absolute;
        font-size: 0.8rem;
        top: -4px;
        right: 6px;
        -webkit-text-stroke: 1px #ffffff; }

.method-actions .throbber-parent {
  position: relative; }
  .method-actions .throbber-parent .ajax-progress {
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    height: 40px;
    background: rgba(229, 233, 236, 0.5); }
    .method-actions .throbber-parent .ajax-progress .throbber {
      position: absolute;
      top: calc(50% - 12px);
      left: calc(50% - 12px); }
  .method-actions .throbber-parent .ajax-progress {
    background: none; }
    .pending-methods .method-actions .throbber-parent .ajax-progress {
      left: 7px;
      top: -2px; }
    .method-actions .throbber-parent .ajax-progress .throbber {
      height: 10px; }

.method-actions a {
  text-decoration: none;
  font-size: 0;
  line-height: 0;
  padding-left: 30px; }

.method-actions a.approve-link:after {
  font-family: FontAwesome;
  content: "";
  font-size: 1.3rem; }

.method-actions a.approve-link:hover {
  color: green; }

.method-actions a.delete-link:after {
  font-family: FontAwesome;
  content: "";
  font-size: 1.3rem; }

.method-actions a.delete-link:hover {
  color: #c01a1a; }

.method-actions a.unlink-link {
  padding-left: 10px; }
  .method-actions a.unlink-link:before {
    font-family: FontAwesome;
    content: "";
    font-size: 1.3rem; }
  .method-actions a.unlink-link:hover:before {
    color: #f48920;
    font-family: FontAwesome;
    content: "";
    font-size: 1.3rem; }

.method-actions a.method-change-owner-link {
  padding-left: 10px; }
  .method-actions a.method-change-owner-link:before {
    font-family: FontAwesome;
    content: "";
    font-size: 1.3rem; }
  .method-actions a.method-change-owner-link:hover:before {
    color: #f48920;
    font-family: FontAwesome;
    content: "";
    font-size: 1.3rem; }

.page--my-methods .card.card--group .card-body {
  padding-left: 0;
  padding-right: 0; }
  .page--my-methods .card.card--group .card-body .administrators {
    flex: auto; }

.page--my-methods .method-row, .page--my-methods .no-methods-in-group {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-left: 0;
  margin-right: 0;
  width: 100%; }
  .page--my-methods .method-row span, .page--my-methods .no-methods-in-group span {
    text-align: center; }
  .page--my-methods .method-row span.name, .page--my-methods .no-methods-in-group span.name {
    text-align: left; }

.page--my-methods .my-methods {
  margin-bottom: 1.5rem; }

.page--my-methods .my-group-methods {
  margin-bottom: 1.5rem; }

.method-full .field-label {
  font-weight: bold;
  margin-top: 12px; }

.method-full button {
  margin-top: 15px;
  margin-bottom: 15px; }

.method-full .top-right {
  padding-left: 45px; }

.method-full .print__link {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-size: 12px !important;
  border-bottom: 3px solid #147fc5;
  color: #ffffff;
  background-color: #147fc5;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .method-full .print__link:hover {
    background-color: #20a0f4;
    border-bottom: 3px solid #11659c;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .method-full .print__link:active {
    background-color: #11659c;
    border-bottom: 3px solid #11659c;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.method-full .content-box {
  background-color: #ededed;
  padding: 30px;
  margin-top: 20px; }
  .method-full .content-box ul {
    margin-bottom: 0; }

.method-full .content-transparent {
  background-color: transparent; }

.method-full .content-right .content-box {
  padding-bottom: 0; }

.method-full ul {
  list-style: none;
  padding-left: 0; }

#method-navigation {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }
  #method-navigation .box {
    position: relative;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    border: 1px solid #e5e9ec;
    background-color: #e5e9ec;
    padding-bottom: 25px;
    cursor: pointer; }
    #method-navigation .box.active {
      background-color: #20a0f4;
      color: #ffffff; }
    #method-navigation .box.error {
      border-color: #c01a1a; }
    #method-navigation .box:not(:last-child) {
      margin-right: 25px; }
      #method-navigation .box:not(:last-child):after {
        position: absolute;
        content: '';
        right: -33px;
        top: 0%;
        width: 32px;
        height: 50%;
        border-bottom: 1px solid #e5e9ec; }

#editForm input[type=text],
#editForm input[type=url],
#editForm input[type=password],
#editForm input[type=email],
#editForm input[type=url],
#editForm select,
#editForm textarea {
  width: 100%; }

#editForm label {
  padding-left: 0px; }

#editForm textarea:not(.cc-textext) {
  height: initial !important; }

#editForm textarea::placeholder {
  color: #333;
  opacity: .5; }

#editForm .step:not(.active) {
  display: none; }

#editForm h2 {
  text-align: center;
  text-transform: none;
  font-weight: 400; }

#editForm h3 {
  margin-top: 27px;
  margin-bottom: 5px;
  text-transform: none;
  font-weight: 400; }

#editForm .tagify__input::before {
  color: #333;
  opacity: .5 !important; }

#editForm #method-footer-nav {
  margin-bottom: 40px;
  margin-top: 40px; }
  #editForm #method-footer-nav .step-prev {
    text-decoration: underline; }
  #editForm #method-footer-nav .step-next {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #147fc5;
    color: #147fc5;
    background-color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    #editForm #method-footer-nav .step-next:hover {
      background-color: #147fc5;
      color: #ffffff;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
  #editForm #method-footer-nav .step-publish {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 3px solid #c01b84;
    color: #ffffff;
    background-color: #c01b84;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    margin-left: 20px; }
    #editForm #method-footer-nav .step-publish:hover {
      background-color: #e31c9b;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    #editForm #method-footer-nav .step-publish:active {
      background-color: #8c1360;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  #editForm #method-footer-nav .step-save {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #147fc5;
    color: #147fc5;
    background-color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    padding-bottom: 11px; }
    #editForm #method-footer-nav .step-save:hover {
      background-color: #147fc5;
      color: #ffffff;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }

#editForm .ajax-loader {
  font-size: 14px;
  padding-left: 15px;
  padding-top: 5px; }
  #editForm .ajax-loader.error {
    color: #c01a1a; }
  #editForm .ajax-loader.success {
    color: green; }
  #editForm .ajax-loader i {
    margin-right: 7px; }

#editForm #attachments i {
  cursor: pointer; }

#editForm .cc-checkbox {
  width: 49%;
  display: inline-block; }

#editForm .select-wrapper {
  position: relative; }
  #editForm .select-wrapper:after {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    top: 10px;
    right: 20px;
    color: #434B67;
    pointer-events: none; }
  #editForm .select-wrapper select {
    background-color: #ffffff;
    border: 1px solid #a3a3a3 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }

#editForm .method-status .cc-checkbox {
  width: 100%; }

#editForm .cc-checkbox label {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline; }

#editForm .add-more {
  margin-top: 10px; }

#editForm .method-name-disclosure .cc-checkbox,
#editForm .method-organisation-disclosure .cc-checkbox {
  width: 100%; }

#editForm .link-wrapper label,
#editForm .organisation-wrapper label,
#editForm .partner-wrapper label,
#editForm .method-notification label {
  margin-top: 0px; }

#editForm .step-final {
  padding-top: 25px;
  clear: both; }

.all-methods table {
  width: 100%; }

.all-methods header {
  margin-top: 20px;
  margin-bottom: 20px; }

.all-methods .views-exposed-form .form-item {
  width: 49%;
  display: inline-block; }
  .all-methods .views-exposed-form .form-item label {
    display: block; }

.all-methods .views-exposed-form .form-select {
  width: 300px; }

.add-more-wrapper {
  position: relative; }
  .add-more-wrapper .remove-button {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 999; }
    .add-more-wrapper .remove-button i {
      cursor: pointer; }

.language-switcher-language-url {
  display: inline-block;
  margin-right: 20px; }
  .language-switcher-language-url .is-active {
    background-color: #c01b84; }
  .language-switcher-language-url button,
  .language-switcher-language-url a {
    background: transparent;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    width: 100%;
    padding: .35rem 1.5rem;
    text-align: center; }
  .language-switcher-language-url li {
    display: inherit !important;
    padding: 0; }
    .language-switcher-language-url li:hover {
      background-color: #c01b84;
      cursor: pointer; }
  .language-switcher-language-url .dropdown-menu {
    background-color: #1368a1;
    border-radius: 0;
    border: 0;
    min-width: 0;
    z-index: 9999; }

.re-place-banner {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
  background-color: #1368a1;
  text-align: right;
  height: 40px; }
  .re-place-banner ul {
    list-style: none;
    margin: 0; }
    .re-place-banner ul li {
      display: inline; }

.toolbar-fixed .re-place-banner {
  top: 78px; }

.re-place-navigation {
  background-color: #ededed;
  height: 73px;
  position: fixed;
  top: 40px;
  z-index: 11;
  width: 100%;
  font-size: 14px; }
  .re-place-navigation #block-re-place-branding img {
    max-width: 200px; }
  .re-place-navigation #block-re-place-main-menu {
    margin-left: auto;
    padding-right: 0; }
    .re-place-navigation #block-re-place-main-menu ul.navbar-nav {
      list-style: none;
      margin: 0; }
      .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item {
        padding: 15px;
        display: inline; }
        .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item a {
          text-transform: uppercase;
          text-decoration: none;
          font-weight: bold; }
          .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item a:hover {
            text-decoration: none; }
        .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item:last-child a {
          font-family: 'Josefin Sans', sans-serif;
          padding-left: 25px;
          padding-right: 25px;
          padding-top: 11px;
          padding-bottom: 8px;
          border-radius: 0;
          text-decoration: none;
          cursor: pointer;
          border: none;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 12px;
          border-bottom: 3px solid #c01b84;
          color: #ffffff;
          background-color: #c01b84;
          -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item:last-child a:hover {
            background-color: #e31c9b;
            border-bottom: 3px solid #8c1360;
            -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            text-decoration: none; }
          .re-place-navigation #block-re-place-main-menu ul.navbar-nav li.nav-item:last-child a:active {
            background-color: #8c1360;
            border-bottom: 3px solid #8c1360;
            -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .re-place-navigation #block-re-place-main-menu li.nav-item:hover .navbar-nav-sub {
      display: block; }
    .re-place-navigation #block-re-place-main-menu ul.navbar-nav-sub {
      list-style: none;
      margin: 0;
      padding: 15px;
      display: none;
      padding-left: 0 !important;
      position: absolute;
      top: 40px;
      background: #ededed; }
  .re-place-navigation .navbar-toggler {
    background-color: transparent;
    line-height: initial;
    padding: 0;
    color: #1368a1; }
  .re-place-navigation .re-place-nav-region {
    display: flex;
    flex-direction: row; }

.toolbar-fixed .re-place-navigation {
  top: 118px; }

.re-place-highlight {
  margin-bottom: 50px;
  margin-top: 112px;
  min-height: 160px;
  text-align: center;
  position: relative; }
  .re-place-highlight.frontpage {
    min-height: 327px;
    margin-bottom: 155px; }
  .re-place-highlight:not(.frontpage) {
    background: url(../images/header_image.jpg);
    background-repeat: no-repeat;
    background-position: center 20px;
    background-attachment: fixed; }
    .re-place-highlight:not(.frontpage) #block-re-place-page-title {
      padding: 50px 0; }
      .re-place-highlight:not(.frontpage) #block-re-place-page-title h1 {
        color: #ffffff; }
  .re-place-highlight #block-replacesearchblock {
    width: 600px;
    position: absolute;
    margin-left: calc(50% - 300px);
    bottom: -135px;
    z-index: 6; }
    .re-place-highlight #block-replacesearchblock h2 {
      text-align: left; }
  .re-place-highlight .highlight-inner {
    background-color: #ededed;
    bottom: -160px;
    padding: 40px 60px 90px 60px;
    border-bottom: 5px solid #e7e7e7; }
    .re-place-highlight .highlight-inner #views-exposed-form-method-database-block-1 {
      margin-bottom: 20px; }
    .re-place-highlight .highlight-inner .form-item-search-api-fulltext,
    .re-place-highlight .highlight-inner .form-actions {
      display: inline-block; }
      .re-place-highlight .highlight-inner .form-item-search-api-fulltext input,
      .re-place-highlight .highlight-inner .form-actions input {
        margin: 0;
        width: 100%; }
        .re-place-highlight .highlight-inner .form-item-search-api-fulltext input#edit-search-api-fulltext,
        .re-place-highlight .highlight-inner .form-actions input#edit-search-api-fulltext {
          border: 1px solid #ffffff !important; }
      .re-place-highlight .highlight-inner .form-item-search-api-fulltext #edit-submit-method-database,
      .re-place-highlight .highlight-inner .form-actions #edit-submit-method-database {
        font-family: 'Josefin Sans', sans-serif;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 11px;
        padding-bottom: 8px;
        border-radius: 0;
        text-decoration: none;
        cursor: pointer;
        border: none;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        font-size: 12px !important;
        border-bottom: 3px solid #147fc5;
        color: #ffffff;
        background-color: #147fc5;
        -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .re-place-highlight .highlight-inner .form-item-search-api-fulltext #edit-submit-method-database:hover,
        .re-place-highlight .highlight-inner .form-actions #edit-submit-method-database:hover {
          background-color: #20a0f4;
          border-bottom: 3px solid #11659c;
          -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          text-decoration: none; }
        .re-place-highlight .highlight-inner .form-item-search-api-fulltext #edit-submit-method-database:active,
        .re-place-highlight .highlight-inner .form-actions #edit-submit-method-database:active {
          background-color: #11659c;
          border-bottom: 3px solid #11659c;
          -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .re-place-highlight .highlight-inner #edit-submit-method-database {
      position: relative;
      top: -2px; }
    .re-place-highlight .highlight-inner .form-item-search-api-fulltext {
      width: 80%;
      vertical-align: top; }
    .re-place-highlight .highlight-inner .form-actions {
      width: 19%;
      vertical-align: top;
      overflow: hidden; }
    .re-place-highlight .highlight-inner .block-facet--dropdown {
      float: left;
      width: 33%; }
      .re-place-highlight .highlight-inner .block-facet--dropdown .facets-widget-dropdown {
        position: relative;
        margin-right: 10px; }
        .re-place-highlight .highlight-inner .block-facet--dropdown .facets-widget-dropdown select {
          background: #ffffff;
          border: 1px solid #ffffff !important;
          width: 100%;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none; }
        .re-place-highlight .highlight-inner .block-facet--dropdown .facets-widget-dropdown:after {
          font-family: FontAwesome;
          content: "";
          position: absolute;
          top: 10px;
          right: 3px;
          color: #434B67;
          pointer-events: none; }
        .re-place-highlight .highlight-inner .block-facet--dropdown .facets-widget-dropdown select::-ms-expand {
          display: none; }
    .re-place-highlight .highlight-inner .js-facet-block-id-myalternativemethodissituatedintaxonomytermname {
      margin-left: 5%;
      margin-right: 5%; }

header #block-anonymousmenu,
header #block-languageswitcher {
  display: inline-block; }

header #block-anonymousmenu {
  margin-right: 20px; }
  header #block-anonymousmenu ul {
    padding: 0; }
  header #block-anonymousmenu a {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none; }

.re-place-title-banner {
  text-align: center;
  background: #0b2e13;
  padding: 3rem 0; }
  .re-place-title-banner span {
    color: #ffffff; }

.dropzone {
  border: 1px solid #a3a3a3 !important;
  min-height: 40px;
  color: #333333;
  font-size: 14px !important; }

.method-teaser {
  margin-bottom: 25px; }
  .method-teaser a {
    text-decoration: underline; }
  .method-teaser .short-description {
    min-height: 90px; }

.two-columns-block .two-column-block-container {
  padding-top: 35px;
  padding-bottom: 35px;
  background-image: linear-gradient(to right, #f6f6f6 50%, #ededed 50%);
  border-bottom: 5px solid #e7e7e7; }
  .two-columns-block .two-column-block-container .left-link a,
  .two-columns-block .two-column-block-container .right-link a {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 3px solid #c01b84;
    color: #ffffff;
    background-color: #c01b84;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    margin-top: 30px; }
    .two-columns-block .two-column-block-container .left-link a:hover,
    .two-columns-block .two-column-block-container .right-link a:hover {
      background-color: #e31c9b;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    .two-columns-block .two-column-block-container .left-link a:active,
    .two-columns-block .two-column-block-container .right-link a:active {
      background-color: #8c1360;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .two-columns-block .two-column-block-container h1,
  .two-columns-block .two-column-block-container h2,
  .two-columns-block .two-column-block-container h3,
  .two-columns-block .two-column-block-container h4 {
    text-transform: uppercase; }

.two-columns-block .left-content {
  padding-right: 50px; }

.two-columns-block .right-content, .two-columns-block .right-link {
  padding-left: 50px; }

.news-teaser {
  margin-bottom: 1.5rem; }
  .news-teaser h2 {
    margin-bottom: 0.25rem;
    line-height: 1.5rem; }
    .news-teaser h2 .node-title {
      text-decoration: underline;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: normal;
      font-size: 22px; }
  .news-teaser .posted-on {
    color: #a3a3a3;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 14px; }

.events-teaser {
  padding: 1rem;
  background: #ececec;
  margin-bottom: 30px;
  height: 235px;
  position: relative; }
  .events-teaser .event-date {
    padding: 0.5rem 0.5rem 1rem 0;
    color: #ffffff; }
    .events-teaser .event-date span {
      background: #11659c;
      display: inline-block;
      padding: 0.20rem 0.5rem 0.1rem;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: bold; }
  .events-teaser .node-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #696969;
    margin-bottom: 1rem; }
  .events-teaser footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    left: 0; }
    .events-teaser footer .event-location {
      font-weight: bold;
      color: #333333; }
    .events-teaser footer .read-more {
      color: #20a0f4;
      text-decoration: underline;
      cursor: pointer; }
      .events-teaser footer .read-more:hover {
        color: #11659c; }
      .events-teaser footer .read-more.is-active {
        color: #11659c; }
  .events-teaser .modal .modal-dialog {
    margin: 10vh auto; }
  .events-teaser .modal .modal-header {
    border: none; }
  .events-teaser .modal .modal-body {
    padding: 0 2rem 2rem; }
  .events-teaser .modal .event-date {
    padding-top: 0; }
    .events-teaser .modal .event-date span {
      background: none;
      padding: 0;
      color: #666666;
      font-weight: normal; }
  .events-teaser .modal .node-title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    color: #333333;
    text-transform: none;
    margin-bottom: 0.5rem;
    line-height: 1.1; }
  .events-teaser .modal .node-body {
    margin-bottom: 1rem; }
    .events-teaser .modal .node-body * {
      font-size: 16px; }
  .events-teaser .modal .event-location,
  .events-teaser .modal .event-organizer {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #696969; }
    .events-teaser .modal .event-location .label,
    .events-teaser .modal .event-organizer .label {
      color: #333333; }

[id*='block-views-block-news-'] {
  margin-top: 30px; }
  [id*='block-views-block-news-'] .pager {
    list-style: none;
    padding: 0;
    text-align: center; }

.event-news-full h1 {
  font-size: 40px;
  margin-bottom: 1.5rem; }

.event-news-full .posted-on {
  color: #696969;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-size: 14px;
  margin-bottom: 1.5rem; }

.event-news-full .content {
  background: #ededed;
  color: #696969;
  padding: 2.5rem 2.5rem 1.5rem; }

.event-news-full .news-image {
  margin-top: 20px;
  text-align: center; }

#block-searchform {
  display: inline-block;
  margin-right: 70px; }
  #block-searchform #search-block-form div {
    display: inline-block; }
  #block-searchform #search-block-form .js-form-type-search {
    position: relative; }
    #block-searchform #search-block-form .js-form-type-search:after {
      font-family: FontAwesome;
      content: "";
      margin-left: -23px;
      position: absolute;
      text-decoration: none;
      top: 8px;
      color: #ffffff; }
  #block-searchform #search-block-form input[type="search"] {
    background-color: #147fc5;
    border: none !important;
    color: #ffffff;
    width: 175px; }
  #block-searchform #search-block-form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1;
    /* Firefox */ }
  #block-searchform #search-block-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff; }
  #block-searchform #search-block-form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff; }
  #block-searchform #search-block-form input[type="submit"] {
    display: none; }

form.search-form {
  margin-bottom: 20px; }
  form.search-form label {
    display: block;
    margin-bottom: -10px; }
  form.search-form input[type=search] {
    width: 400px; }

.financed-coordinated-block {
  margin-top: 25px;
  margin-bottom: 25px; }
  .financed-coordinated-block .title {
    font-family: 'Open Sans', sans-serif;
    color: #696969;
    font-size: 14px;
    margin-bottom: 20px; }
  .financed-coordinated-block img {
    max-height: 50px;
    width: auto; }

#block-views-block-persons-block-1 {
  font-size: 14px; }
  #block-views-block-persons-block-1 h2 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px; }
  #block-views-block-persons-block-1 .person-name,
  #block-views-block-persons-block-1 .person-subtitle,
  #block-views-block-persons-block-1 .person-readmore {
    text-align: center; }
  #block-views-block-persons-block-1 .person-name {
    font-weight: bold; }
  #block-views-block-persons-block-1 .person-image {
    max-width: 150px;
    margin: 0 auto;
    margin-bottom: 20px; }
  #block-views-block-persons-block-1 .person-readmore button {
    color: #20a0f4;
    text-decoration: underline;
    background: transparent;
    font-weight: normal;
    text-transform: initial;
    border: none;
    text-decoration: underline;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif; }
    #block-views-block-persons-block-1 .person-readmore button:hover {
      color: #11659c; }
    #block-views-block-persons-block-1 .person-readmore button.is-active {
      color: #11659c; }
  #block-views-block-persons-block-1 .modal-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 35px;
    padding-bottom: 35px; }
  #block-views-block-persons-block-1 .modal-footer a {
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px; }

@media all and (min-width: 769px) {
  form.webform-submission-contact-form {
    width: 80%;
    margin-bottom: 60px; } }

form.webform-submission-contact-form {
  background: #ededed;
  margin: 0 auto;
  padding: 20px;
  margin-top: 40px; }
  form.webform-submission-contact-form #edit-title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    color: #333333; }
  form.webform-submission-contact-form input,
  form.webform-submission-contact-form textarea {
    width: 100%;
    border: none !important; }
  form.webform-submission-contact-form textarea {
    height: initial !important; }
  form.webform-submission-contact-form input[type=submit] {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-size: 12px !important;
    border-bottom: 3px solid #147fc5;
    color: #ffffff;
    background-color: #147fc5;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    form.webform-submission-contact-form input[type=submit]:hover {
      background-color: #20a0f4;
      border-bottom: 3px solid #11659c;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    form.webform-submission-contact-form input[type=submit]:active {
      background-color: #11659c;
      border-bottom: 3px solid #11659c;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  form.webform-submission-contact-form #edit-message {
    padding-top: 8px; }

.re-place-doormat {
  background-color: #e8e8e8;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative; }
  .re-place-doormat ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .re-place-doormat ul li {
      display: inline; }
      .re-place-doormat ul li:not(:last-child):after {
        content: '-';
        position: relative;
        top: 0;
        color: #20a0f4; }
  .re-place-doormat a {
    text-decoration: underline; }

.cc-logo {
  position: absolute;
  right: 12px;
  cursor: pointer;
  width: 23px;
  bottom: 8px;
  z-index: 502; }
  .cc-logo img {
    height: 100%; }

#block-views-block-news-events-carousel-block-1 {
  position: relative;
  text-align: center;
  top: 0px; }
  #block-views-block-news-events-carousel-block-1 .views_slideshow_cycle_teaser_section,
  #block-views-block-news-events-carousel-block-1 .views_slideshow_slide {
    width: 100% !important; }
  #block-views-block-news-events-carousel-block-1 .views_slideshow_slide {
    background-repeat: no-repeat;
    background-position: center 20px;
    background-attachment: fixed; }
  #block-views-block-news-events-carousel-block-1 .views-row {
    padding-top: 65px; }
  #block-views-block-news-events-carousel-block-1 #widget_pager_bottom_news_events_carousel-block_1 {
    position: relative;
    left: -20px; }
  #block-views-block-news-events-carousel-block-1 .views_slideshow_controls_text_previous {
    position: absolute;
    left: 50px;
    top: 50%;
    z-index: 10; }
  #block-views-block-news-events-carousel-block-1 .views_slideshow_controls_text_next {
    position: absolute;
    right: 50px;
    top: 50%;
    z-index: 10; }
  #block-views-block-news-events-carousel-block-1 .views-slideshow-controls-bottom {
    position: absolute;
    z-index: 9;
    bottom: 120px;
    width: 100%; }
    @media all and (max-width: 375px) {
      #block-views-block-news-events-carousel-block-1 .views-slideshow-controls-bottom {
        bottom: 15px; } }
  #block-views-block-news-events-carousel-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 0 4px;
    line-height: 8px; }
  #block-views-block-news-events-carousel-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
    background: #ffffff; }
  #block-views-block-news-events-carousel-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover {
    background: #e5e9ec; }
  #block-views-block-news-events-carousel-block-1 a {
    color: #ffffff;
    text-decoration: none; }
  #block-views-block-news-events-carousel-block-1 .views-field-view-node {
    text-transform: uppercase;
    margin-top: 30px; }
    #block-views-block-news-events-carousel-block-1 .views-field-view-node a {
      padding: 5px;
      background-color: #333333;
      font-size: 12px;
      font-weight: bold; }
  #block-views-block-news-events-carousel-block-1 .news-image {
    min-width: 100%; }

#block-re-place-account-menu, #block-topmenu {
  display: inline-block;
  margin-right: 20px; }
  #block-re-place-account-menu .is-active, #block-topmenu .is-active {
    background-color: #c01b84; }
  #block-re-place-account-menu button,
  #block-re-place-account-menu a, #block-topmenu button,
  #block-topmenu a {
    background: transparent;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none; }
  #block-re-place-account-menu li, #block-topmenu li {
    display: inherit !important; }
    #block-re-place-account-menu li:hover, #block-topmenu li:hover {
      background-color: #c01b84;
      cursor: pointer; }
  #block-re-place-account-menu .dropdown-menu, #block-topmenu .dropdown-menu {
    background-color: #1368a1;
    border-radius: 0;
    border: 0;
    min-width: initial;
    z-index: 9999; }

.pager {
  text-align: center; }
  .pager ul {
    list-style: none;
    padding-left: 0; }
    .pager ul li {
      display: inline-block;
      padding: 10px; }
      .pager ul li.is-active {
        font-weight: bold; }
        .pager ul li.is-active a {
          text-decoration: none; }

.cc_banner.cc_container {
  border-radius: 0;
  box-shadow: none;
  padding-bottom: 60px; }
  .cc_banner.cc_container .cc_btn_accept_all {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-size: 12px !important;
    border-bottom: 3px solid #147fc5;
    color: #ffffff;
    background-color: #147fc5;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    bottom: 15px; }
    .cc_banner.cc_container .cc_btn_accept_all:hover {
      background-color: #20a0f4;
      border-bottom: 3px solid #11659c;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    .cc_banner.cc_container .cc_btn_accept_all:active {
      background-color: #11659c;
      border-bottom: 3px solid #11659c;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .cc_banner.cc_container .cc_more_info {
    display: block;
    margin-top: 5px;
    text-decoration: underline; }

.user-login-form input[type=text],
.user-login-form input[type=password] {
  width: 100%; }

.brick {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px; }
  .brick li {
    color: #696969; }
  .brick:nth-child(odd) {
    background: #ededed; }
  .brick.brick-faq {
    background: transparent !important;
    padding: 0; }
    .brick.brick-faq h2 {
      text-transform: none; }
  .brick .faq-brick .faq-item {
    margin-bottom: 10px;
    background: #ededed;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-top: 15px; }
    .brick .faq-brick .faq-item h3 {
      text-transform: none; }
    .brick .faq-brick .faq-item button {
      padding-left: 0; }

@media (min-width: 320px) and (max-width: 480px) {
  #block-searchform {
    margin: 0; }
  header #block-anonymousmenu,
  header #block-languageswitcher {
    margin: 0; }
  .re-place-highlight .highlight-inner .block-facet--dropdown {
    width: 100%;
    float: none;
    margin: 0.5rem 0 !important; } }

@media (max-width: 767px) {
  .re-place-highlight.frontpage {
    margin-bottom: 25px; }
  .re-place-highlight #block-views-block-news-events-carousel-block-1 {
    top: 0; }
  .re-place-highlight #block-replacesearchblock {
    max-width: 600px;
    width: auto;
    position: relative;
    margin: 0 auto;
    bottom: 0;
    background: #ededed;
    padding: 1rem; }
    .re-place-highlight #block-replacesearchblock::after {
      display: block;
      clear: both;
      content: ""; }
  .re-place-highlight .highlight-inner {
    padding: 0;
    border: none; }
    .re-place-highlight .highlight-inner .form-item-search-api-fulltext {
      width: 100%;
      margin-bottom: 10px; }
    .re-place-highlight .highlight-inner .form-actions {
      width: auto; }
  .two-columns-block .two-column-block-container {
    background: transparent;
    padding: 0; }
    .two-columns-block .two-column-block-container .row > div {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      .two-columns-block .two-column-block-container .row > div:first-child {
        background: #ededed; }
    .two-columns-block .two-column-block-container .left-content,
    .two-columns-block .two-column-block-container .right-content {
      padding: 0; }
    .two-columns-block .two-column-block-container .left-link a,
    .two-columns-block .two-column-block-container .right-link a {
      display: inline-block;
      margin-top: 0; } }

@media (max-width: 991px) {
  .re-place-navigation #block-re-place-main-menu {
    margin-right: 35px; }
    .re-place-navigation #block-re-place-main-menu button {
      position: absolute; }
  .re-place-navigation .navbar-collapse {
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 119px;
    background: #ededed; } }

.button-primary {
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 3px solid #666666;
  color: #ffffff;
  background-color: #696969;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 120px; }
  .button-primary:hover {
    background-color: #696969;
    border-bottom: 3px solid #333333;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none; }
  .button-primary:active {
    background-color: #333333;
    border-bottom: 3px solid #333333;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.btn.btn-light {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 8px;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 11px;
  background-color: #e5e9ec; }
  .btn.btn-light.disabled {
    color: var(--white); }

.page--my-groups #my-groups-list {
  margin-bottom: 40px; }

.page--my-groups form.join-group {
  flex-flow: row;
  margin-bottom: 40px;
  display: flex; }
  .page--my-groups form.join-group .form-item {
    flex: 0 1 100%;
    margin-right: 20px; }
    .page--my-groups form.join-group .form-item input {
      width: 100%; }
  .page--my-groups form.join-group .form-submit {
    flex: 0 0 200px;
    margin: 0;
    height: 40px;
    margin-top: auto; }

.page--my-groups form.request-new-group {
  display: flex;
  flex-flow: row;
  margin-bottom: 40px; }
  .page--my-groups form.request-new-group .form-item {
    flex: 0 1 100%;
    margin-right: 20px; }
    .page--my-groups form.request-new-group .form-item input {
      width: 100%; }
  .page--my-groups form.request-new-group .form-submit {
    flex: 0 0 200px;
    margin: 0;
    height: 40px;
    margin-top: auto; }
  .page--my-groups form.request-new-group .form-item-group-name {
    flex: 0 1 50%;
    margin-right: 20px; }
  .page--my-groups form.request-new-group .form-item-organisation {
    flex: 0 1 50%;
    margin-right: 20px; }
    .page--my-groups form.request-new-group .form-item-organisation select {
      width: 100%; }

.page--my-groups label,
.page--my-groups .label {
  font-family: 'Josefin Sans', sans-serif;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 16px; }

.card.card--group {
  border: none;
  color: #696969;
  margin-bottom: 20px; }
  .card.card--group:last-of-type {
    margin-bottom: 0; }
  .card.card--group .card-header {
    border-radius: 0;
    background-color: #e5e9ec;
    border-bottom: none;
    padding: 0; }
    .card.card--group .card-header a {
      padding: 1rem 2rem;
      width: 100%;
      text-align: left;
      position: relative;
      color: #696969;
      text-decoration: none; }
      .card.card--group .card-header a.btn {
        text-transform: none;
        font-size: 18px; }
      .card.card--group .card-header a:hover {
        color: #333333; }
      .card.card--group .card-header a::after {
        position: absolute;
        right: 20px;
        top: 25px;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-bottom: 0.5em solid #ffffff;
        border-right: .5em solid transparent;
        border-top: 0;
        border-left: .5em solid transparent; }
      .card.card--group .card-header a.collapsed::after {
        border-top: 0.5em solid #ffffff;
        border-bottom: 0; }
      .card.card--group .card-header a span {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        vertical-align: top; }
  .card.card--group .card-body {
    padding: .7rem 1.4rem;
    display: flex;
    flex-wrap: wrap; }
    .card.card--group .card-body .info {
      background-color: var(--light);
      flex: 0 0 calc(50% - .25rem);
      padding: .7rem 1.4rem; }
      .card.card--group .card-body .info.group-information {
        margin-left: .5rem; }
        .card.card--group .card-body .info.group-information ul li {
          font-weight: bold;
          width: 75%; }
          .card.card--group .card-body .info.group-information ul li .information-value {
            float: right; }
      .card.card--group .card-body .info h4 {
        font-size: 16px;
        font-weight: bold; }
      .card.card--group .card-body .info ul {
        list-style: none;
        padding: 0; }
    .card.card--group .card-body .group-actions {
      flex: 0 0 100%;
      margin-top: .5rem; }
      .card.card--group .card-body .group-actions a:first-of-type {
        margin-right: .5rem; }
      .card.card--group .card-body .group-actions .throbber-parent {
        position: relative; }
        .card.card--group .card-body .group-actions .throbber-parent .ajax-progress {
          position: absolute;
          left: 0;
          top: -5px;
          width: 100%;
          height: 40px;
          background: rgba(229, 233, 236, 0.5); }
          .card.card--group .card-body .group-actions .throbber-parent .ajax-progress .throbber {
            position: absolute;
            top: calc(50% - 12px);
            left: calc(50% - 12px); }
        .card.card--group .card-body .group-actions .throbber-parent .ajax-progress {
          width: 95%;
          top: -8px; }
  .card.card--group .admin-info {
    color: #8c1360; }

.page--group-detail label,
.page--group-detail .label {
  font-family: 'Josefin Sans', sans-serif;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 16px; }

.page--group-detail .new-methods .submit-link-group-method {
  width: 85%;
  margin: 0 auto; }
  .page--group-detail .new-methods .submit-link-group-method .throbber-parent {
    position: relative; }
    .page--group-detail .new-methods .submit-link-group-method .throbber-parent .ajax-progress {
      position: absolute;
      left: 0;
      top: -5px;
      width: 100%;
      height: 40px;
      background: rgba(229, 233, 236, 0.5); }
      .page--group-detail .new-methods .submit-link-group-method .throbber-parent .ajax-progress .throbber {
        position: absolute;
        top: calc(50% - 12px);
        left: calc(50% - 12px); }
    .page--group-detail .new-methods .submit-link-group-method .throbber-parent .ajax-progress {
      top: -9px; }
  .page--group-detail .new-methods .submit-link-group-method .link-method-part {
    margin-top: 30px;
    display: flex; }
    .page--group-detail .new-methods .submit-link-group-method .link-method-part .form-item {
      flex: 0 1 100%;
      margin-right: 20px; }
      .page--group-detail .new-methods .submit-link-group-method .link-method-part .form-item input {
        width: 100%; }
    .page--group-detail .new-methods .submit-link-group-method .link-method-part .form-submit {
      flex: 0 0 200px;
      margin: 0;
      height: 40px;
      margin-top: auto; }
    .page--group-detail .new-methods .submit-link-group-method .link-method-part .throbber-parent {
      margin-top: 24px; }
      .page--group-detail .new-methods .submit-link-group-method .link-method-part .throbber-parent .ajax-progress {
        top: 0; }
        .page--group-detail .new-methods .submit-link-group-method .link-method-part .throbber-parent .ajax-progress .message {
          display: none; }

.page--group-detail.group-admin > div {
  margin-top: 40px; }

.page--group-detail.group-admin .group-name-edit #group-name-edit-form {
  width: 85%;
  margin: 0 auto; }

.page--group-detail.group-admin .group-members .group-member-list .name {
  flex: 0 0 40%; }

.page--group-detail.group-admin .group-members .group-member-list .status {
  flex: 0 0 25%; }

.page--group-detail.group-admin .group-members .group-member-list .role {
  flex: 0 0 20%; }

.page--group-detail.group-admin .group-members .group-member-list .delete {
  flex: 0 0 15%; }

.page--group-detail.group-admin .new-members .invite-external,
.page--group-detail.group-admin .new-members .invite-existing {
  width: 85%;
  margin: 0 auto 30px;
  display: flex; }
  .page--group-detail.group-admin .new-members .invite-external .form-item,
  .page--group-detail.group-admin .new-members .invite-existing .form-item {
    flex: 0 1 100%;
    margin-right: 20px; }
    .page--group-detail.group-admin .new-members .invite-external .form-item input,
    .page--group-detail.group-admin .new-members .invite-existing .form-item input {
      width: 100%; }
  .page--group-detail.group-admin .new-members .invite-external .form-submit,
  .page--group-detail.group-admin .new-members .invite-existing .form-submit {
    flex: 0 0 200px;
    margin: 0;
    height: 40px;
    margin-top: auto; }

.page--group-detail.group-admin .pending-methods .no-methods-pending-approval {
  width: 85%;
  margin: 0 auto; }

.page--group-detail.group-admin .group-methods .no-methods-in-group {
  width: 85%;
  margin: 0 auto; }

.page--group-detail.group-member > div {
  margin-top: 40px; }

.page--group-detail.group-member .group-information {
  display: flex; }
  .page--group-detail.group-member .group-information section {
    flex: 0 1 50%;
    background-color: #e5e9ec;
    padding: 1.5rem; }
  .page--group-detail.group-member .group-information .general-information {
    margin-right: 10px; }
    .page--group-detail.group-member .group-information .general-information dl {
      font-family: 'Josefin Sans', sans-serif;
      margin: 0; }
  .page--group-detail.group-member .group-information .member-information ul {
    height: 150px;
    direction: rtl;
    overflow-y: auto;
    list-style-type: none;
    margin: 0; }
    .page--group-detail.group-member .group-information .member-information ul li {
      direction: ltr;
      line-height: 1.5rem; }

.ui-widget-overlay {
  backdrop-filter: blur(4px);
  background: none;
  opacity: initial; }

.ui-dialog.ui-widget {
  -webkit-box-shadow: 10px 10px 20px -2px rgba(0, 0, 0, 0.6);
  box-shadow: 10px 10px 20px -2px rgba(0, 0, 0, 0.6);
  background-color: #ededed;
  border-radius: 0;
  border: none;
  padding: 25px; }
  .ui-dialog.ui-widget .ui-dialog-titlebar {
    border-radius: 0;
    border: none;
    background: none;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    color: #696969;
    font-size: 1.5rem;
    color: #333333; }
    .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
      display: none; }
  .ui-dialog.ui-widget .ui-widget-content {
    border: none;
    padding: 0; }
    .ui-dialog.ui-widget .ui-widget-content.ui-dialog-content {
      margin: 20px 0 30px; }
      .ui-dialog.ui-widget .ui-widget-content.ui-dialog-content .ajax-progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(229, 233, 236, 0.5); }
        .ui-dialog.ui-widget .ui-widget-content.ui-dialog-content .ajax-progress .throbber {
          position: absolute;
          top: calc(50% - 12px);
          left: calc(50% - 12px); }
        .ui-dialog.ui-widget .ui-widget-content.ui-dialog-content .ajax-progress .message {
          display: none; }
  .ui-dialog.ui-widget .ui-dialog-buttonpane {
    background: none; }
    .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: left; }
      .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .btn-outline {
        background-color: transparent; }
        .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .btn-outline:hover {
          background-color: #c01b84;
          border-color: #c01b84; }

::selection {
  background-color: #11659c;
  color: #ffffff;
  text-shadow: none; }

::-moz-selection {
  background-color: #11659c;
  color: #ffffff;
  text-shadow: none; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  height: 100%;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }

img {
  max-width: 100%;
  height: auto; }

.layout-container {
  margin-bottom: 50px;
  margin-top: 30px; }
  .layout-container.frontpage {
    padding-top: 30px; }

.no-padding-left {
  padding-left: 0px; }

.grid-override {
  width: 100% !important; }

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

.pointer {
  cursor: pointer; }

iframe {
  max-width: 100%; }

#news_letter_modal .modal-body {
  text-align: center; }
  #news_letter_modal .modal-body a {
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 3px solid #c01b84;
    color: #ffffff;
    background-color: #c01b84;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    #news_letter_modal .modal-body a:hover {
      background-color: #e31c9b;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
    #news_letter_modal .modal-body a:active {
      background-color: #8c1360;
      border-bottom: 3px solid #8c1360;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

.method-description p, .content-box p {
  color: #000000; }


.klaro {
  --klaro-primary-color: #147fc5;
}