// =============================================================================
// SCSS/SITE/STACKS/INTEGRITY/_IE-8-AND-UP.SCSS
// -----------------------------------------------------------------------------
// All styles for Internet Explorer 8 and up should be placed in this file using
// specialized classes determined in conditional statements located directly
// beneath <!DOCTYPE html> at the top of all documents.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Internet Explorer 9
//   02. Internet Explorer 8
// =============================================================================

// Internet Explorer 9
// =============================================================================

//
// Flexslider.
//

.ie9 .flex-direction-nav a {
  font-size: 80px;
  line-height: 53px;
}


//
// Simple and depth buttons.
// 1. Use relative positioning to move button on :active due to lack of
//    translate() support.
//

.ie9 .btn-simple,
.ie9 .btn-depth {
  position: relative;
}

.ie9 .btn-simple:active {
  bottom: -4px;
}

.ie9 .btn-depth:active {
  left: -6px;
  bottom: -6px;
}


// Internet Explorer 8
// =============================================================================

//
// Images.
//

.ie8 img {
  width: 100%;
}


//
// Flexslider.
//

.ie8 .flex-direction-nav a {
  font-size: 80px;
  line-height: 53px;
}

.ie8 .flexslider:hover .flex-next,
.ie8 .flexslider:hover .flex-prev {
  @include opacity(1);
}


//
// Superfish dropdowns.
//

.ie8 .navbar .collapse {
  overflow: visible;
}


//
// Simple and depth buttons.
// 1. Reset margins due to lack of box-shadow support.
//

.ie8 .btn-depth,
.ie8 .btn-depth:hover,
.ie8 .btn-simple,
.ie8 .btn-simple:hover,
.ie8 .btn-group > .btn-depth:first-child {
  margin: 0;
}