/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

.article-blog-post .title {
  text-align: center;
  font: 900 28px/1.4285 "Lato", sans-serif;
  margin-bottom: 60px;
  letter-spacing: 1px;
}
.article-blog-post .blog-img-adjust {
  display: block;
  margin: 0 auto 30px auto;
}
.article-blog-post .description {
  padding: 35px;
  background: #f7f7f7;
  font: 300 16px/1.4285 "Lato", sans-serif;
  margin: 0 auto 30px auto;
}
.article-blog-post .main-article h3 {
  font: 700 16px/1.4285 "Lato", sans-serif;
  text-transform: none;
}
.article-blog-post .main-article h4 {
  font: 700 14px/1.4285 "Lato", sans-serif;
  text-transform: none;
}

.tags-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
}
.tags-blog li {
  list-style: none;
  max-width: 225px;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
          clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
  padding: 10px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #227FDD), color-stop(50%, #354f65));
  background-image: -o-linear-gradient(left, #227FDD 50%, #354f65 50%);
  background-image: linear-gradient(90deg, #227FDD 50%, #354f65 50%);
  background-size: 200% 100%;
  background-position: left bottom;
  -webkit-transition: background-position 0.15s ease-in-out, color 0.15s ease-out;
  -o-transition: background-position 0.15s ease-in-out, color 0.15s ease-out;
  transition: background-position 0.15s ease-in-out, color 0.15s ease-out;
  color: #fff;
  font-weight: 700;
}
.tags-blog li:hover {
  background-position: right bottom;
}
.tags-blog li a {
  text-decoration: none;
}

.blog-post-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-post-elements .post-item {
  padding: 0 15px;
  margin: 15px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  width: 100%;
}
.blog-post-elements .post-item .link-redirect {
  text-decoration: none;
}
.blog-post-elements .post-item figcaption .title {
  font: 700 18px/1.4285 "Lato", sans-serif;
  text-transform: none;
}
.blog-post-elements .post-item .postmeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-post-elements .post-item .postmeta .links {
  border-bottom: 3px;
  border-style: solid;
  border-color: transparent transparent #227FDD transparent;
  padding: 3px 15px 3px 0;
  font-weight: 700;
}
.blog-post-elements .post-item .postmeta .readmore {
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent #227FDD transparent;
  padding: 5px 15px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out, background 0.4s ease-in-out, border-color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background 0.4s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background 0.4s ease-in-out, border-color 0.15s ease-in-out;
}
.blog-post-elements .post-item .postmeta .readmore:hover {
  color: #fff;
  border-color: #227fdd;
  background: #227fdd;
}

.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .social-title {
  font: 400 18px/1.4825 "Lato", sans-serif;
}
.social-media .blog-icon {
  margin-left: 15px;
  font-size: 24px;
  text-decoration: none;
}
.social-media .blog-icon .fab {
  height: 30px;
  width: 30px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
}
.social-media .blog-icon .fab::before {
  color: #fff;
  line-height: 0;
}
.social-media .blog-icon.facebook .fab {
  background: #3b5998;
}
.social-media .blog-icon.instagram .fab {
  background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.blog-hashtags {
  margin-bottom: 15px;
  display: inline-block;
}
.blog-hashtags .blog-hashtag {
  margin-right: 15px;
  font-weight: 700;
}

@media (max-width: 960px) {
	.tags-blog {
		justify-content: center;
	}
	.tags-blog li {
		margin: 0 0 15px 0;
	}
	.blog-post-elements .post-item {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 660px) {
	.article-blog-post .description {
		padding: 25px;
		font-size: 14px;
		line-height: 1.25;
	}
	.article-blog-post .title { 
		font-size: 24px;
		margin-bottom: 30px;
	}
}

@media (max-width: 585px) {
	.blog-post-elements .post-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 375px) {
	.article-blog-post .title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.social-media .social-title { 
		font-size: 14px;
	}
}