/**
 * @file solas-ui-overrides.css
 * Used for:
 * Overriding SUI components due to bugs found or creating missing components
 * that might be ported to SUI if we think that is a component that SUI should have.
 *
 * This file should not get too big as it should be reviewed fairly often and things moved
 * out of it either into SUI as part of a version bump or it should belong in the
 * solas-ui-integration.css
 */

/**
 * Icons
 */

/* Remote chance of popup icon being present on the RHS nav top level menu
 * item which also has an up arrow, also .bc-icon-link-list.bc-icon-link-list-md>li>a .bc-svg
 * @TODO: TEMP solution, Check these in SUI also refactor these when we get rid of
 * links with arrows.
*/

.bc-svg-popup {
  position: static !important;
}

/**
 * Buttons
 */

/**
 * Panels
 */

.panel-default .panel-body ul {
  margin-top: 0;
}

/**
 * Listings
 */

.bc-list-item-visual.bc-list-item--width2 {
  margin-top: 0;
}

.bc-list-item-standard {
  margin-top: 25px;
}

.bc-list-item-standard ~ .bc-list-item-standard {
  margin-top: inherit;
}

/**
 * Components to review for potential SUI inclusion.
 */

/* Listing page new instance - case study */

.bc-text-dl {
  margin-top: 0;
}

.bc-text-dl > dt {
  float: left;
  padding-right: 5px;
}

[dir="rtl"] .bc-text-dl > dt {
  float: right;
  padding-right: 0;
  padding-left: 10px;
}

/**
 * Subheader - used on person CT.
 */

.bc-sub-header {
  margin: -5px 0 15px;
}

.bc-sub-header-tier-1,
.bc-sub-header-tier-2 {
  border: none;
  padding: 0;
  text-transform: none;
  margin: 0 0 5px;
}

.bc-sub-header-tier-1 {
  font-size: 16px;
  font-weight: 600;
}

.bc-sub-header-tier-2 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.bc-sub-header .bc-sub-header-tier-1 small,
.bc-sub-header .bc-sub-header-tier-2 small {
  font-size: 90%;
  color: inherit;
}

/**
 * Carousel - Adding support for video item.
 */

.bc-carousel-single-item .bc-video-item.bc-item .bc-item-caption {
  margin: -19px 0 20px;
  width: 100%;
}

.bc-carousel .bc-video-item.bc-item .bc-item-caption {
  margin: 0;
}

.bc-hero-carousel .bc-video-item.bc-item .bc-item-caption {
  display: block;
  padding: 6px 12px;
  font-size: 1.143em;
  background-color: #4c275b;
  color: #fff;
}

.bc-hero-carousel .bc-video-item.bc-item .oembed-video {
  margin-bottom: 0;
}

/**
 * Courses AL - Due to being hardcoded in ff module.
 * @TODO: Sort out the field formatter module after SUI rollout.
 */

ul.bc-course-details {
  margin: 0 0 30px;
  list-style: none;
  overflow: hidden;
}

ul.bc-course-details > li {
  margin: 0;
  padding: 0;
}

.node-type-course-al section > div > .bc-body-text ~ h3 {
  font-size: 1.444em;
}