.adminimal .content-header {
  background-color: #3e2e72;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 300px;
  background-image: url('/themes/custom/ssuk_admin/assets/shiatsu_society_admin_logo.png');
  transition: padding 300ms, background-position 300ms;
}

.adminimal .content-header .tabs.primary .tabs__tab.is-active {
  font-weight: 600;
}
.adminimal .content-header .tabs__tab.tabs__trigger {
  color: #fff;
}
.adminimal .content-header .tabs.primary .tabs__tab:not(.is-active) a {
  color: #000;
  background: rgba(255,255,255,0.9)
}
.adminimal .content-header .tabs.primary .tabs__tab:not(.is-active) a:hover,
.adminimal .content-header .tabs.primary .tabs__tab:not(.is-active) a:focus {
  color: #fff;
  background: #3e2e72;
  font-weight: 500;
}

@media (max-width: 700px) {
  .adminimal .content-header {
    padding-top: calc(100px - 5vw);
    background-position-y: top;
  }
}


/* views exposed forms */

#views-exposed-form-contact-users-page-2 .form--inline {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 40% 20% 20% 20%;
}

#views-exposed-form-contact-users-page-2 .form--inline .form-item {
  float: none;
}

#views-exposed-form-contact-users-page-2 .form--inline .form-item-contact,
#views-exposed-form-contact-users-page-2 .form--inline .form-item-subject,
#views-exposed-form-contact-users-page-2 .form--inline .form-item-subject-2,
#views-exposed-form-contact-users-page-2 .form--inline .form-item-name-2 {
  grid-row-start: 3;
}

#views-exposed-form-contact-users-page-2 .form-actions {
  grid-row-start: 4;
}

#views-exposed-form-list-users-by-id-page-1 .form--inline {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 40% 40% 20%;
}

#views-exposed-form-list-users-by-id-page-1 .form--inline .form-item {
  float: none;
}

#views-exposed-form-list-users-by-id-page-1 .form-actions {
  grid-row-start: 3;
}


.block-ssuk-create-mandate-block {
  padding: 0;
  border: 1px solid lightgray;
}
.block-ssuk-create-mandate-block > h2 {
  background-color: whitesmoke;
  padding: 5px 10px 10px;
  margin-top: 0;
}
.block-ssuk-create-mandate-block > form {
  padding: 0 10px 10px;
}

.block-ssuk-create-mandate-block input.button.form-submit {
  border-color: #3e2e72;
  color: #3e2e72;
}
.block-ssuk-create-mandate-block input.button.form-submit:hover,
.block-ssuk-create-mandate-block input.button.form-submit:focus {
  background: #3e2e72;
  color: #fff;
}

/* set size of modal form
.ui-dialog {
  min-width: 60% !important;
  height: 100% !important;
}
.ui-dialog-content{
  max-height: 100% !important;
}

@media all and (max-width: 768px) {
  .ui-dialog {
    width: 92% !important;
    height: 100% !important;
  }
  .ui-dialog-content{
    max-height: 100% !important;
  }
}
*/

#edit-field-practice-modalities {
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  column-count: 4;
  column-gap: 20px;
}

.view-cpd-activity td {
  vertical-align: top;
}

.cpd-attachments img {
  max-width: 200px;
}

/* Customise Admin Toolbar menu icons */
.toolbar .toolbar-icon[data-drupal-link-system-path="admin/ssuk/people/list"]::before {
  background-image: url(/core/misc/icons/787878/orgchart.svg);
}

/*
  Override node editor form layout for Venue,
  prevent floating sidebar as difficult in modal.
 */
form.node-venue-form.node-form .layout-node-form .layout-region.layout-region-node-secondary,
form.node-venue-form.node-form .layout-node-form .layout-region.layout-region-node-footer,
form.node-venue-form.node-form .layout-node-form .layout-region.layout-region-node-main,
form.node-venue-edit-form.node-form .layout-node-form .layout-region.layout-region-node-secondary,
form.node-venue-edit-form.node-form .layout-node-form .layout-region.layout-region-node-footer,
form.node-venue-edit-form.node-form .layout-node-form .layout-region.layout-region-node-main {
  float: none;
  width: auto;
  max-width: 1200px;
  padding-right: 0;
}

/*
  Hides header & breadcrumbs when editing venue inside
  entity browser modal or inline form.
 */
.entity-form-venue .content-header,
.entity-form-venue .region-breadcrumb {
  display: none;
}

/* Reduce overlay to allow off-canvas help readability */
.ui-widget-overlay.ui-front {
  opacity: 0.5;
}

/* Remove edit icon from off-canvas title */
#drupal-off-canvas-wrapper .ui-dialog-titlebar {
  padding-left: var(--off-canvas-title-padding);
}
#drupal-off-canvas-wrapper .ui-dialog-titlebar::before {
  display: none;
}

/*
  Override node editor form layout for Article,
  prevent floating sidebar as difficult in general.
 */
form.node-article-form.node-form .layout-node-form .layout-region.layout-region-node-secondary,
form.node-article-form.node-form .layout-node-form .layout-region.layout-region-node-footer,
form.node-article-form.node-form .layout-node-form .layout-region.layout-region-node-main,
form.node-article-edit-form.node-form .layout-node-form .layout-region.layout-region-node-secondary,
form.node-article-edit-form.node-form .layout-node-form .layout-region.layout-region-node-footer,
form.node-article-edit-form.node-form .layout-node-form .layout-region.layout-region-node-main {
  float: none;
  width: auto;
  max-width: 1200px;
  padding-right: 0;
}