@import 'vendor/*';
@import 'variables';
@import 'shared/*';

// To support full coloured div
.link-tile {
  display: block;
}

// To support full coloured div
.grid-tile {
  display: block;
}

// Flexbox is not supported, float images to left instead
.related-tile__image {
  display: block;
  float: left;
  margin-right: 16px;

  @include breakpoint($tablet-breakpoint) {
    float: none;
  }
}

// Flexbox not supported for reordering the content. Fallback to left floated images
.related-tile:first-of-type .related-tile__image {
  height: 130px;
  width: 130px;

  @include breakpoint($tablet-breakpoint) {
    height: 150px;
    width: 100%;
  }
}

// To support full coloured div
.related-tile {
  display: block;
}

// To support full coloured div
.social-icons {
  display: block;
  clear: left;
}

// Place icons in the middle of its container
.social_icons__icon {
  padding-top: 6px;
  height: 22px;
}

.footer-social-icons__image {
  padding-top: 6px;
}


.header__case-study {
  margin-top: 60px;
}

.highlight__list-item {
  @include breakpoint($tablet-breakpoint) {
    padding-top: 20px;
  }
}

@import 'vendor/*';
@import 'variables';
@import 'shared/*';

// To support full coloured div
.link-tile {
  display: block;
}

// Flexbox is not supported, float images to left instead
.related-tile__image {
  display: block;
  float: left;
  margin-right: 16px;

  @include breakpoint($tablet-breakpoint) {
    float: none;
  }
}

// Flexbox not supported for reordering the content. Fallback to left floated images
.related-tile:first-of-type .related-tile__image {
  height: 130px;
  width: 130px;

  @include breakpoint($tablet-breakpoint) {
    height: 150px;
    width: 100%;
  }
}

// To support full coloured div
.related-tile {
  display: block;
}

// To support full coloured div
.social-icons {
  display: block;
  clear: left;
}

// Place icons in the middle of its container
.social_icons__icon {
  padding-top: 6px;
  height: 22px;
}

.footer-social-icons__image {
  padding-top: 6px;
}


.header__case-study {
  margin-top: 60px;
}

.highlight__list-item {
  @include breakpoint($tablet-breakpoint) {
    padding-top: 20px;
  }
}

Remove left over grid-tile IE9 fix
Remove left over grid-tile IE9 fix
