ef blog updates for EF (scss)

ef-blog-css-updates.scss

.blog .blog-content table tr td {
  padding: 8px!important;
}
.blog .blog-content table,
.blog .blog-content table tr,
.blog .blog-content table tr td {
  height: auto!important;
  text-align: left!important;
  vertical-align: top!important;
  max-width: 890px!important;
}
.blog .blog-content table tr td p{
  @media (max-width: 900px) {
    text-align: left!important;  
  }
  white-space: normal!important;
}
.blog .blog-content table tr td ul,
.blog .blog-content table tr td ul li  {
  white-space: normal!important;
}
.blog .blog-content table > tr td[colspan="2"],
.blog .blog-content table > tr td[colspan="3"],
.blog .blog-content table > tr td[colspan="4"],
.blog .blog-content table > tr td[colspan="5"],
.blog .blog-content table > tr td[colspan="6"]{
  text-align: left!important;
  @media (min-width: 900px) {
    text-align: center!important;
  }
  ul {
    text-align: left!important;
  }
}

.blog .blog-content table thead td,
.blog .blog-content table thead th,
.blog .blog-content table > tbody > tr:first-of-type td,
.blog .blog-content table > tr:first-of-type td {
  text-align: center!important;
}