@import 'variables';

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

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

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

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

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

// Incorrect border-box box-sizing with 16px padding
.related-tile__text-content {
  min-height: 98px;
}

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

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

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

// To set a blog article width
.blog-header__article-header,
.blog-article__container,
.blog-author__container,
.blog-comments__container,
.blog-related__container,
.blog-related__header {
  margin: 0 auto;
  max-width: $max-mobile-container;
}

@import 'variables';

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

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

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

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

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

// Incorrect border-box box-sizing with 16px padding
.related-tile__text-content {
  min-height: 98px;
}

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

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

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

// To set a blog article width
.blog-header__article-header,
.blog-article__container,
.blog-author__container,
.blog-comments__container,
.blog-related__container,
.blog-related__header {
  margin: 0 auto;
  max-width: $max-mobile-container;
}

// To set the correct padding on 480px width
.blog-comments__container {
  padding: 0;
}

.disqus-thread {
  padding: 40px 60px 40px;
}

Fix for IE8 on disqus comments container
Fix for IE8 on disqus comments container
