/**
 * @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;
}

.bc-masonry-item.bc-list-item--width2 {
  width: 100%;
}

/**
 * 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;
}

/**
 * Promos section on landing page 
 * @TODO: When we switch to SUI v0.10 check if this section displays the way it should
 * since promos design is changing.
 * field_promotion_images / field--field-promo-multi-column.tpl.php
 * Are these styles even needed?
 */
.node-type-landing-page a .bc-list-item-header h2.bc-list-item-title {
  margin-top: 0;
}

.node-type-landing-page a:hover .bc-list-item-header .bc-list-item-body {
  text-decoration: none;
}

.node-type-landing-page a .bc-list-item-body {
  font-weight: normal;
}

.node-type-landing-page a .bc-list-item-media img {
  margin-bottom: 0;
}


/**
 * 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:   1.1em;
  font-weight: 600;
}

.bc-sub-header-tier-2 {
  font-size:   1em;
  font-weight: 300;
  color:       #333;
}

.bc-sub-header .bc-sub-header-tier-1 small,
.bc-sub-header .bc-sub-header-tier-2 small {
  float: none;
  display: inline-block;
}

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

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

@media (min-width: 851px) {
  .bc-carousel-single-item .bc-video-item.bc-item .bc-item-caption {
    margin-top: -29px;
  }
}

.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;
}

/*.footer-partners > h3 {
  display: none;
}*/

/**
 * Shorthand
 */

.node-type-shorthand-story .content {
  margin-top: 0;
}

.node-type-shorthand-story .section-navigation {
  top: 0;
}
.node-type-shorthand-story .story .navigation .section-navigation {
  background-color: #414042;
}

.node-type-shorthand-story .main-container.container {
  width: 100%;
}

.node-type-shorthand-story a:hover {
  text-decoration: none;
}

.node-type-shorthand-story .bc-footer a:hover {
  border-bottom: 0;
  cursor: pointer;
}

.node-type-shorthand-story .bc-footer li li.hidden {
  visibility: visible;
}

.node-type-shorthand-story #bc-cookie-banner a:hover {
  border: none;
}

.node-type-shorthand-story .bc-footer-nav>li li.bc-btn-list-item,
.node-type-shorthand-story .bc-navbar-support>li,
.node-type-shorthand-story .navbar {
  position: static;
}

.node-type-shorthand-story .bc-navbar-support>li.bc-promo-links {
  position: absolute;
}

@media (max-width: 849px) {
  .node-type-shorthand-story .icon-menu {
    right: 68px !important;
    top: 20px !important;
  } 
}

@media (max-width: 849px) {
  .node-type-shorthand-story .icon-menu {
    right: 68px !important;
    top: 20px !important;
  } 
}
/*
@media (max-width: 1100px) {
  .node-type-shorthand-story .icon-menu {
    top: 67px;
  } 
}
*/

.node-type-shorthand-story a.bc-brand-logo:hover {
  border: none;
}

.node-type-shorthand-story a {
  color: #346e9e;
}

.node-type-shorthand-story .navbar {
  margin-bottom: 0;
}

.node-type-shorthand-story .bc-footer-nav>li li>a.bc-inline-btn {
  top: 0;
  margin: -40px 0 0 0;
}

.node-type-shorthand-story blockquote {
  padding: 0;
  margin: 0;
  border: 0 none transparent;
}

.node-type-shorthand-story #bc-header-wrapper header,
.node-type-shorthand-story #bc-footer-wrapper,
.story-footer .image-container,
body:not(#editor-body) .custom-header,
body:not(#editor-body) .custom-footer,
body:not(#editor-body) .sections-list .section-header .header-panel,
body:not(#editor-body) .section-footer, .section-footer {
  display: none !important;
}

@media (max-width: 1100px) {
  .node-type-shorthand-story .bc-navbar-support {
    display: block !important;
    margin-right: 36px;
    z-index: 1000;
  }
}

.node-type-shorthand-story .tabs--primary {
  margin-top: 20px;
}

.node-type-shorthand-story ul.bc-social-media li a {
  overflow: inherit;
}

.node-type-shorthand-story .tabs--primary > li > a,
.node-type-shorthand-story .view-country-sites li a {
  color: #346e9e;
}

.node-type-shorthand-story header .nav li a:focus,
.node-type-shorthand-story header .nav li a:hover {
  color: #fff;
}

.node-type-shorthand-story nav {
  position: static;
}

.node-type-shorthand-story article.story nav.section-navigation a.section-navigator {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

.node-type-shorthand-story article.story nav.section-navigation a.section-navigator:hover,
.node-type-shorthand-story article.story nav.section-navigation a.section-navigator:focus {
  text-decoration: underline;
}

@media (max-width: 849px) {
  .node-type-shorthand-story .bc-navbar-support .navbar-nav li a {
    color: #346e9e;
  }
  .node-type-shorthand-story nav,
  .node-type-shorthand-story .bc-navbar-support {
    position: static;
  }
}

.node-type-shorthand-story .block.scrollmation-image-block {
  display: none;
}

@media (max-width: 900px) {
  .node-type-shorthand-story .block.scrollmation-image-block {
    display: block;
    width: auto;
  }
}

.salesforce.agent {
  background: #fff;
  padding: 20px 10px;
}

.salesforce.agent .available {
  cursor: pointer;
}

.salesforce.agent .unavailable {
  cursor: default;
  background: #333;
}