/* Quicktabs - Sky theme style
 * http://drupal.org/project/sky
 */

.quicktabs_main.quicktabs-style-sky {
  border: 1px solid #eee;
  clear: both;
  padding: 10px 5px 0 5px;
  position: relative;
  top: -0.1em;
  background: #fff;
}

ul.quicktabs-tabs.quicktabs-style-sky {
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.quicktabs-tabs.quicktabs-style-sky li {
  float: left;
  font-weight: normal;
  list-style: none;
  margin: 0.3em 0 0 0;
  height: 2.65em;
  min-height: 2.95em;
  padding: 0;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active {
  margin: -0.2em 0 0 0;
}

ul.quicktabs-tabs.quicktabs-style-sky li a,
ul.quicktabs-tabs.quicktabs-style-sky li a:visited {
  float: left;
  display: block;
  height: 2.65em;
  min-height: 2.95em;
  line-height: 2.95em;
  padding: 0 8px;
  text-decoration: none;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: .95em;
  background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  color: #777;
  position: relative;
}

ul.quicktabs-tabs.quicktabs-style-sky li a:hover,
ul.quicktabs-tabs.quicktabs-style-sky li.active a:hover {
  text-decoration: none;
  border-color: #B3B3B3;
  background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x bottom left;
  color: #fff;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active a,
ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited {
  height: 3.05em;
  min-height: 3.35em;
  line-height: 3.35em;
  font-weight: normal;
  border: 1px solid #eee;
  background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left;
  border-color: #555;
  color: #fff;
  font-size: .95em;
  font-weight: normal;
  top: -0.025em;
}

ul.quicktabs-tabs.quicktabs-style-sky li:first-child a {
  border-left: solid 1px #eee;
}

ul.quicktabs-tabs.quicktabs-style-sky li.active a {
  border-left: solid 1px #777;
}

ul.quicktabs-tabs.quicktabs-style-sky li a:focus,
ul.quicktabs-tabs.quicktabs-style-sky li a:active {
  outline: none;
}

/* Opera */
@media all and (min-width: 0px) {
  body .quicktabs_main.quicktabs-style-sky {
    top: -0.2em;
  }
}

/* -----------------------------------------------------------------------
 * Defensive overrides.
 *
 * Agency "Header" content nodes (rendered via the custom_headers_and_footers
 * view, custom_agency_header display, in the header region) frequently
 * embed hand-authored <style> blocks that redeclare these same selectors —
 * display:flex (collapses the float-based tab list to 0x0), display:none on
 * #quicktabs-agency_featured_news_home (hides the block outright), or a
 * blanket li{display:none} (hides every tab). Since that content markup
 * renders after this stylesheet, its rules win the cascade by source order
 * even at equal specificity. Force the native float-based tab layout with
 * !important so quicktabs keeps working regardless of what gets pasted into
 * header nodes.
 *
 * The wrapper-visibility rule below is intentionally NOT scoped to
 * .quicktabs-style-sky — some agency domains render this same block with
 * the quicktabs "material-tabs" style instead, and the display:none content
 * override targets the wrapper by its plain #id, independent of style. The
 * float/display fixes further down ARE sky-specific: material-tabs uses its
 * own working flexbox layout (material-tabs.css) that must not be forced
 * into float positioning.
 * ----------------------------------------------------------------------- */
.quicktabs-wrapper {
  display: block !important;
}

ul.quicktabs-tabs.quicktabs-style-sky {
  display: block !important;
}

ul.quicktabs-tabs.quicktabs-style-sky li {
  display: block !important;
  float: left !important;
}

/* dcCampaignsQuicktabs (dcAgency.js) marks genuinely-empty tabs with this
 * class; it must keep winning over the "show" rule above. */
ul.quicktabs-tabs.quicktabs-style-sky li.dc-qt-hidden {
  display: none !important;
}