/**
 * @file solas-ui-admin.css
 * Used for: 
 * Styling editing/admin related UI, edit buttons, edit menus etc.
 */ 

/**
 * Admin menu
 */
#admin-menu {
  direction: ltr;
}


/* Header area */

body.front.logged-in > .bc-navbar-default {
  margin-bottom: 20px;
}

/**
 * Admin page action menu
 */
.tabs--primary {
  margin:     0 0 20px 0;
  background: #ebeff0;
  border:     none;
}

.tabs--primary > li {
  border-width: 0;
  margin:       0;
  padding:      0;
}

.tabs--primary > li > a {
  font-size:    13px;
  margin:       0 1px;
  padding:      11px 20px;
  font-weight:  normal;
  line-height:  1.54em;
  border-width: 0;
}

.tabs--primary > li > a:hover,
.tabs--primary > li > a:focus {
  border-width: 0;
  background:   #333;
  color:        #fff;
}

.tabs--primary > li > a.active,
.tabs--primary > li > a.active:hover,
.tabs--primary > li > a.active:focus {
  background:   #000;
  color:        #fff;
  border-width: 0;
  font-weight:  300;
}

@media (max-width: 578px) {
  .tabs--primary > li {
    float: none;
  }
}

.tabs--primary + .breadcrumb {
  margin-top: 25px;
}

/**
 * Secondary local links
 */
ul.tabs.secondary {
  border-color: #ebeff0;
  border-style: solid;
  border-width: 0 3px 3px;
  padding:      0;
  margin:       -20px 0 30px 0;
}

ul.tabs.secondary li {
  float:           left;
  padding:         0;
  margin:          0;
  list-style-type: none;
  border-right:    1px solid #ebeff0;
}

ul.tabs.secondary li:first-child {
  display: none;
}

ul.tabs.secondary li:last-child {
  border: none;
}

ul.tabs.secondary a {
  text-decoration: none;
  font-size:       13px;
  font-weight:     300;
  display:         inline-block;
  padding:         12px 20px 10px;
  margin:          0 -1px -3px -1px;
  border-bottom:   3px solid transparent;
  transition:      border-color .1s ease-in-out, color .1s ease-in-out;
}

ul.tabs.secondary a:hover {
  border-color: #888;
}

ul.tabs.secondary a.active {
  border-color: #000;
}

ul.tabs.secondary + .breadcrumb {
  margin-top: 25px;
}

/* Stops edit screen look broken for campain ct. */
.logged-in.node-type-campaign .main-container .navbar {
  margin: 0 -20px;
}

/** 
 * Edit button
 * Very specific styles required.
 */
.bc-edit,
.bc-alert-news .bc-delete {
  display:     none !important;
  z-index:     10 !important;
  position:    relative !important;
  width:       50px !important;
  height:      28px !important;
  text-align:  center !important;
  margin:      0 0 -28px !important;
  padding:     3px !important;
  border:      1px solid #333 !important;
  font-weight: 600 !important;
  background:  #ebeff0 !important;
  color:       #333 !important;
  font-size:   15px !important;
}

.bc-edit:hover,
.bc-edit:focus,
.bc-alert-news .bc-delete:hover,
.bc-alert-news .bc-delete:focus {
  color:           #333 !important;
  text-decoration: underline !important;
}

*:hover > .bc-edit,
*:hover > .bc-alert-news .bc-edit,
*:hover > .bc-alert-news .bc-delete {
  display: block !important;
}

.bc-alert-news .bc-edit,
.bc-alert-news .bc-delete {
  float:        left;
  top:          0 !important;
  left:         -10px !important;
  margin-right: 10px !important;
  box-sizing:   content-box !important;
}

.bc-alert-news .bc-edit a,
.bc-alert-news .bc-delete a {
  color: #333 !important;
}

.bc-alert-news span.bc-edit,
.bc-alert-news span.bc-delete {
  padding: 0 !important;
}

.bc-alert-news span.bc-delete {
  width: 75px !important;
}

.bc-facts-panel .bc-edit {
  position:   absolute !important;
  margin-top: 70px !important;
}

.bc-link-panel-text {
  position: relative;
  display:  block; /* Fixing Edit button on admin UI */
}

/* Hide the contact block on some admin screens/content types. */
.page-user .page-header aside,
.node-type-promotion-text .page-header aside,
.node-type-promotion .page-header aside,
.node-type-promotion-video .page-header aside,
.node-type-promotion-fact .page-header aside,
.node-type-promotion-listing .page-header aside {
  display: none;
}

/* Used to mimic full width, used on promo carousel previews. */
@media (min-width: 597px) {
  .col-md-8 .bc-admin-full-width {
    width: 150%;
  }
}

.page-user .bc-form {
  margin-top: 0;
}

#revisioning-publish-confirm .form-actions {
  margin-top: 20px;
}