/* Welcome to Compass. Use this file to write IE specific override styles. */
/* The Grid ---------------------- */
/*.lt-ie9 .row {
  width: 960px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}*/
.lt-ie9 .row {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.lt-ie9 .row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -10px;
}

.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns {
  padding: 0;
}

.lt-ie9 .row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -10px;
}

.lt-ie9 .row .row.large-collapse {
  margin: 0;
}

.lt-ie9 .column, .lt-ie9 .columns {
  float: left;
  min-height: 1px;
  padding: 0 10px;
  position: relative;
}

.lt-ie9 .column.large-centered, .columns.large-centered {
  float: none;
  margin: 0 auto;
}

.lt-ie9 [class*="column"] + [class*="column"]:last-child {
  float: right;
}

.lt-ie9 [class*="column"] + [class*="column"].end {
  float: left;
}

.lt-ie9 {
  .small-1, .row .small-1 {
    width: 8.33333%;
  }
  .small-2, .row .small-2 {
    width: 16.66667%;
  }
  .small-3, .row .small-3 {
    width: 25%;
  }
  .small-4, .row .small-4 {
    width: 33.33333%;
  }
  .small-5, .row .small-5 {
    width: 41.66667%;
  }
  .small-6, .row .small-6 {
    width: 50%;
  }
  .small-7, .row .small-7 {
    width: 58.33333%;
  }
  .small-8, .row .small-8 {
    width: 66.66667%;
  }
  .small-9, .row .small-9 {
    width: 75%;
  }
  .small-10, .row .small-10 {
    width: 83.33333%;
  }
  .small-11, .row .small-11 {
    width: 91.66667%;
  }
  .small-12, .row .small-12 {
    width: 100%;
  }

  .large-1, .row .large-1 {
    width: 8.33333%;
  }
  .large-2, .row .large-2 {
    width: 16.66667%;
  }
  .large-3, .row .large-3 {
    width: 25%;
  }
  .large-4, .row .large-4 {
    width: 33.33333%;
  }
  .large-5, .row .large-5 {
    width: 41.66667%;
  }
  .large-6, .row .large-6 {
    width: 50%;
  }
  .large-7, .row .large-7 {
    width: 58.33333%;
  }
  .large-8, .row .large-8 {
    width: 66.66667%;
  }
  .large-9, .row .large-9 {
    width: 75%;
  }
  .large-10, .row .large-10 {
    width: 83.33333%;
  }
  .large-11, .row .large-11 {
    width: 91.66667%;
  }
  .large-12, .row .large-12 {
    width: 100%;
  }

  .row .small-offset-1 {
    margin-left: 8.33333%;
  }
  .row .small-offset-2 {
    margin-left: 16.66667%;
  }
  .row .small-offset-3 {
    margin-left: 25%;
  }
  .row .small-offset-4 {
    margin-left: 33.33333%;
  }
  .row .small-offset-5 {
    margin-left: 41.66667%;
  }
  .row .small-offset-6 {
    margin-left: 50%;
  }
  .row .small-offset-7 {
    margin-left: 58.33333%;
  }
  .row .small-offset-8 {
    margin-left: 66.66667%;
  }
  .row .small-offset-9 {
    margin-left: 75%;
  }
  .row .small-offset-10 {
    margin-left: 83.33333%;
  }

  .row .large-offset-1 {
    margin-left: 8.33333%;
  }
  .row .large-offset-2 {
    margin-left: 16.66667%;
  }
  .row .large-offset-3 {
    margin-left: 25%;
  }
  .row .large-offset-4 {
    margin-left: 33.33333%;
  }
  .row .large-offset-5 {
    margin-left: 41.66667%;
  }
  .row .large-offset-6 {
    margin-left: 50%;
  }
  .row .large-offset-7 {
    margin-left: 58.33333%;
  }
  .row .large-offset-8 {
    margin-left: 66.66667%;
  }
  .row .large-offset-9 {
    margin-left: 75%;
  }
  .row .large-offset-10 {
    margin-left: 83.33333%;
  }
}

.lt-ie9 .pull-2 {
  right: 16.66667%;
}

.lt-ie9 .pull-3 {
  right: 25%;
}

.lt-ie9 .pull-4 {
  right: 33.33333%;
}

.lt-ie9 .pull-5 {
  right: 41.66667%;
}

.lt-ie9 .pull-6 {
  right: 50%;
}

.lt-ie9 .pull-7 {
  right: 58.33333%;
}

.lt-ie9 .pull-8 {
  right: 66.66667%;
}

.lt-ie9 .pull-9 {
  right: 75%;
}

.lt-ie9 .pull-10 {
  right: 83.33333%;
}

.lt-ie9 .push-2 {
  left: 16.66667%;
}

.lt-ie9 .push-3 {
  left: 25%;
}

.lt-ie9 .push-4 {
  left: 33.33333%;
}

.lt-ie9 .push-5 {
  left: 41.66667%;
}

.lt-ie9 .push-6 {
  left: 50%;
}

.lt-ie9 .push-7 {
  left: 58.33333%;
}

.lt-ie9 .push-8 {
  left: 66.66667%;
}

.lt-ie9 .push-9 {
  left: 75%;
}

.lt-ie9 .push-10 {
  left: 83.33333%;
}

/* Nicolas Gallagher's micro clearfix */
.lt-ie9 .row {
  *zoom: 1;
}

.lt-ie9 .row:before, .row:after {
  content: " ";
  display: table;
}

.lt-ie9 .row:after {
  clear: both;
}

.lt-ie9, .no-ie8compat {
.footer-top {
      //@include filter-gradient(#182b62, #000036, vertical);
  }
}

.lt-ie9 {
  .page-controller {
    //@include box-shadow(0px 2px 9px $black);
  }
  .sidebar {
    padding-top: 10px;
  }
  .l-ticker {
    height: 33px;
  }
  .top-bar-section {
    ul, ul li > a {
      background-color: transparent;
    }
    a {
      text-decoration: none;
    }
  }
}

// to add support for IE8 or below, use in your scss like so:
//.lt-ie9 {
//  @include columnFix;
//}

//@mixin columnFix($columns: 12){
//  $i: 1;
//  @while $i < $columns + 1 {
//
//    $colWidth: ($i/$columns)*100%;
//    $colWidth7: ($i/$columns)*98%;
//    & .large-#{$i}, & .small-#{$i} {
//      width: $colWidth;
//      *width: $colWidth7; //sets the width for ie7
//    }
//
//    /* thanks to pinder */
//    & .large-offset-#{$i} {
//      margin-left: ($i/$columns)*100%;
//      *margin-left: ($i/$columns)*98%;;
//    }
//
//    /* allows centering block elements */
//    & .centered-#{$i}{
//      margin-left: (100% - $colWidth)/2;
//      *margin-left: (98% - $colWidth7)/2;
//    }
//    $i: $i + 1;
//  }
//
//  & .columns {
//    //*padding-left: 1%;
//    //*padding-right: 1%;
//  }
//  & .row .row {
//    *margin-left: 0; /* fix ie7 margins */
//  }
//}