/**
 * @file
 * Macro arrangement of a web page, including any grid systems.
 */

/**
 * System layouts
 */
.admin-block-panel.uk-card {
  background-color: #f8f8f8;
}
.admin-block-panel.uk-card:last-child {
  margin-bottom: 0 !important;
}
.admin-block-panel .panel-header {
  border-bottom: none;
  padding: 13px 0 0;
  margin-left: 20px;
}
.admin-block-panel .panel-header h3 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
.admin-block-panel .panel-content {
  padding: 0 20px 0;
  margin-top: 10px;
}
ul.admin-list {
  margin: 0;
  padding: 0;
}
.admin-list li {
  position: relative;
  border-top: 1px solid #ccc;
  margin: 0;
  list-style: none none;
  padding: 0;
}
.admin-list li a {
  display: block;
  padding: 15px 0;
  min-height: 0;
}
.admin-list li a:hover,
.admin-list li a:focus,
.admin-list li a:active {
  text-decoration: none;
}
.admin-list li a .label {
  font-size: 16px;
  font-weight: 600;
}
.admin-list li a:hover .label,
.admin-list li a:focus .label,
.admin-list li a:active .label {
  text-decoration: underline;
}
.admin-list li a div.uk-width-auto .uk-icon {
  color: #444;
}
.admin-list li a div.uk-width-expand {
  padding-left: 15px;
}
.admin-list li a div.description {
  margin: 0.2em 0 0 0;
  color: #444;
  font-size: 0.95em;
}

/**
 * Page navbar
 */
#page--navbar {
  padding: 0 20px;
}
#page--navbar .uk-navbar-item,
#page--navbar .uk-navbar-nav>li>a,
#page--navbar .uk-navbar-toggle {
  height: 48px;
}

/**
 * Menu local tasks
 */
#uikit-admin-primary-local-tasks .contextual {
  left: -15px;
  right: auto;
}
body.toolbar-horizontal #offcanvas,
body.toolbar-vertical #secondary-tasks,
body.toolbar-horizontal #secondary-tasks {
  top: 87px;
}
body.toolbar-horizontal.toolbar-tray-open #secondary-tasks {
  top: 127px;
}
#offcanvas .uk-offcanvas-bar,
#secondary-tasks .uk-offcanvas-bar {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), -2px 4px 8px rgba(0,0,0,.28);
  box-shadow: 0 0 4px rgba(0,0,0,.14), -2px 4px 8px rgba(0,0,0,.28);
  -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
  transition: all 280ms cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
#offcanvas .uk-offcanvas-bar {
  border-right: 1px solid rgba(0,0,0,.12);
}
#secondary-tasks .uk-offcanvas-bar {
  border-left: 1px solid rgba(0,0,0,.12);
}

/**
 * Regions
 */
#region--breadcrumb {
  margin-top: 10px !important;
  margin-left: 15px !important;
  width: 100%;
}
#region--help .block > p:last-child {
  margin-bottom: 0;
}
#region--status_messages {
  margin: 0 0 10px;
  width: 100%;
}
#region--status_messages .status-messages+.status-messages {
  margin-top: 10px;
}
#region--status_messages .uk-alert {
  margin: 0 !important;
}

/**
 * Action links
 */
.action-links {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
.action-links li {
  display: inline-block;
  margin: 0 0.3em;
}
.action-links li:first-child {
  margin-left: 0;
}
.action-links li a {
  text-transform: none;
}

/**
 * Forms
 */
.details-wrapper {
  padding: 16px;
}
.form--inline .form-item {
  float: left;
  margin: 0 20px 20px 0 !important;
}
.form--inline .form-actions {
  clear: left;
}
sup.form-required {
  top: 0;
  font-size: 1rem;
}
.js-text-format-wrapper .form-type-textarea {
  margin-bottom: 0;
}
.image-widget-data .image-widget-remove-button .uk-button {
  padding: 0 15px;
  line-height: 28px;
  font-size: 14px;
  text-transform: capitalize;
}
.js-text-format-wrapper .filter-wrapper {
  margin-top: 0 !important;
}
th.select-all input {
  margin-left: 15px;
}

/**
 * Lists
 */
.uk-list.item-list__comma-list>li::before {
  display: none;
}
.uk-list.item-list__comma-list>li::after {
  content: ", ";
  display: inline;
}
.uk-list.item-list__comma-list li:last-child:after {
  content: "";
}
.uk-list.item-list__comma-list>li:nth-child(n+2) {
  margin-top: 0;
}

/**
 * Tables
 */
.uk-table td .form-item {
  margin: 0 !important;
}

@media screen and (min-width: 38em) {
  .layout-column {
    padding-right: 10px;
  }
  .layout-column + .layout-column {
    padding-right: 0;
  }
}