/* Blog post */

article.blog-post {
  padding-top: 0; 
}
.blog_classic_top {
  padding: 150px 20px;
  background: -o-linear-gradient(278.44deg, rgba(193, 193, 193, 0.6) 6.39%, rgba(245, 245, 245, 0.6) 93.61%);
  background: linear-gradient(171.56deg, rgba(193, 193, 193, 0.6) 6.39%, rgba(245, 245, 245, 0.6) 93.61%);
  text-align: center;
}
.blog_classic_title {
  max-width: 826px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 0 20px;
}
.blog_classic_info.blog_list_data {
  margin-bottom: 0;
}
.blog-post__body {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.blog_classic_content {
  max-width: 798px;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 150px;
  margin-bottom: 50px;
  position: relative;
}
.blog-post__body img {
  margin-bottom: 35px;
}
.blog-post__body p {
  margin-bottom: 25px;
}
.blog-post__body p + h3 {
  margin-top: 40px;
  margin-bottom: 25px;
}
.blog-post__body ul {
  padding-left: 16px;
}
.blog-post__tags {
  max-width: 758px;
  margin: 0 auto;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 30px 20px;
}
a.blog-post__tag-link {
  background: #f7f7f7;
  border-radius: 5px;
  padding: 5px 15px;
  margin-right: 6px;
}
/* .blog_classic_share {
text-align: center;
position: absolute;
top: 0;
left: auto;
z-index: 99;
} */
.blog_classic_share {
  text-align: center;
  position: absolute;
  top: 0;
  left: -157px;
  z-index: 99;
}
.std {
  /* height: 100%; */
  position: sticky;
  top: 0;
  left: -23px;
}
.blog_classic_share p {
  margin-bottom: 10px;
  font-size: small;
}
.blog_classic_share ul {
  padding-left: 0;
}
.body-container-wrapper .blog_classic_share li {
  margin-bottom: 8px;
}
.blog_classic_share li:hover i {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.blog_classic_share a {
  font-size: 24px;
}
.blog_classic_share i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; 
}

.body-container--blog-post-classic section.happy-students.happy_parent {
  padding: 40px 20px 75px;
  max-width: 1210px;
  margin: 0 auto;
}
.body-container--blog-post-classic section.subs_news {
  padding: 75px 20px 150px;
}
.blog_recent-title {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 40px;
}
.body-container--blog-post-classic section.online-blog-page {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px 25px;
}
.body-container--blog-post-classic section.online-blog-page .content-wrapper {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
}
.body-container--blog-post-classic .online-box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.body-container--blog-post-classic .online-box3 {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  padding: 0 20px;
  margin-bottom: 40px;
}

/* Blog Post with Left Sidebar */

.post-left-sidebar .blog-post__body {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.blog_post_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 150px;
}
.blog_post_sidebar_left {
  -ms-flex-preferred-size: 66.668%;
  flex-basis: 66.668%;
  margin-right: 5%;
}
.blog_post_sidebar_right {
  -ms-flex-preferred-size: 28.3%;
  flex-basis: 28.3%;
}
.blog_post_sidebar_left .blog_classic_content {
  margin-top: 0;
  margin-left: 15%;
  padding: 0;
}
.blog_post_sidebar_left .blog-post__tags {
  margin-left: 15%;
  max-width: 100%;
}
.hs-search-field__bar form {
  position: relative;
}
.blog_post_sidebar_right .blog_right_popular_main ul.no-list {
  padding-left: 0;
}
.blog_post_sidebar_right .blog_right_popular_main ul li {
  border-bottom: 1px solid #ddd;
}
.blog_post_sidebar_right .blog_right_tags ul li:not(:last-child) {
  margin-right: 10px;
}
.blog_post_sidebar_right .blog_right_tags ul li {
  background: #f7f7f7; 
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}
.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
}

@media (max-width: 992px) {
  .blog_classic_content {
    max-width: 600px;
  }
  .blog_classic_share  {
    left: 10px; 
  }
}

@media (max-width: 767px) {
  .blog_classic_top {
    padding: 75px 20px;
  }
  .blog-post__body {
    margin-top: 40px;
  }
  .body-container--blog-post-classic .online-box2 {
    display: block;
  } 
  .body-container--blog-post-classic section.happy-students.happy_parent {
    padding: 40px 20px 40px;
  }
  .body-container--blog-post-classic section.subs_news {
    padding: 40px 20px 80px;
  }
  .body-container--blog-post-classic .blog_classic_info ul.no-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .blog_classic_content {
    margin-top: 0; 
  }
  .blog_classic_share {
    display: none;
  }

  .blog_post_sidebar {
    display: block;
    margin-top: 40px;
  }
  .blog_post_sidebar_left {
    margin-right: 0; 
    margin-bottom: 75px;
  }
  .blog_post_sidebar_left .blog_classic_content,
  .blog_post_sidebar_left .blog-post__tags {
    margin-left: 0;
  }
  a.blog-post__tag-link {
    margin-bottom: 15px;
    clear: both;
    display: inline-block;
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* Blog with left sidebar starts */

.hs-blog-listing .happy-students .split-col-testi .card {
  border: 1px solid #696969;
}
.blog_sidebar_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1152px;
  margin: 0 auto;
}
.blog_side_left {
  -ms-flex-preferred-size: 66.668%;
  flex-basis: 66.668%;
  margin-right: 5%;
}
.blog_side_right {
  -ms-flex-preferred-size: 28.3%;
  flex-basis: 28.3%;
}

.blog_list_image {
  font-size: 0;
  margin-bottom: 20px;
}
.blog_list_image img {
  max-width: 768px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}
.blog_list_tag a {
  display: inline-block;
}
.blog_list_tag h6 {
  letter-spacing: 0.28em;
  margin-bottom: 21px;
}
.blog_list_heading,
.blog_list_content {
  max-width: 667px;
}
.blog_list_heading h4 {
  font-size: 26px;
  line-height: 1.43;
  margin-bottom: 21px;
}
.blog_list_author ul.no-list, 
.blog_list_author ul.no-list li,
.blog_list_date ul.no-list, 
.blog_list_date ul.no-list li,
.blog_list_visitor ul.no-list,
.blog_list_visitor ul.no-list li {
  margin: 0;
  font-size: 0;
}
.blog_list_author ul.no-list,
.blog_list_date ul.no-list,
.blog_list_visitor ul.no-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog_list_author ul.no-list li img {
  vertical-align: middle;
  width: 32px;
  height: 32px;
}
.blog_list_author ul.no-list li h6,
.blog_list_date ul.no-list li h6,
.blog_list_visitor ul.no-list li h6 {
  margin: 0;
  line-height: 1;
}
.blog_list_author ul.no-list li:not(:last-child),
.blog_list_date ul.no-list li:not(:last-child),
.blog_list_visitor ul.no-list li:not(:last-child) {
  margin-right: 10px;
}
.blog_list_date img{
  width: 14px;
  height: 14px;
}
.blog_list_visitor img {
  width: 17px;
  height: 14px;
}
.blog_list_data div:not(last-child) {
  margin-right: 30px;
}
.blog_list_author, 
.blog_list_date,
.blog_list_visitor {
  display: inline-block;
  vertical-align: middle;
}
.blog_list_data {
  margin-bottom: 21px;
}
.blog_list_link {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
  margin-right: 7%;
  max-width: 246px;
}
.blog_list_link a {
  display: block;
  padding-top: 13px
}
.blog_list_link.custom a:after {
  right: 20px;
  top: 32%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog_list_link.custom a:hover:after {
  -webkit-transform: translate(22px, -50%);
  -ms-transform: translate(22px, -50%);
  transform: translate(22px, -50%);
}
.blog_list_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog_list_share {
  -ms-flex-preferred-size: 61%;
  flex-basis: 61%;
  text-align: right;
}
.blog_list_share p {
  line-height: 28px;
  margin-right: 30px;
}
.blog_list_share p,.share-mod-main {
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}
ul.share-mod.no-list {
  margin-bottom: 0;
  display: none;
  position: absolute;
  top: -111px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.blog_list_content {
  margin-bottom: 35px;
  margin-right: 15%;
}
.share-mod-main .sharetrigger {
  position: relative;
  margin-bottom: 0;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 20%;
  cursor: pointer;
}

/* site search */

.blog_sidebar .hs-search-field {
  position: relative;
}
.blog_sidebar .hs-search-field__input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.blog_sidebar .hs-search-field__bar button svg {
  height: 10px;
}
.blog_sidebar .hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog_sidebar .hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.blog_sidebar .hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.blog_sidebar .hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.blog_sidebar .hs-search-field__suggestions a,
.blog_sidebar .hs-search-field__suggestions #results-for {
  display: block;
}
.blog_sidebar .hs-search-field__suggestions a:hover,
.blog_sidebar .hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}
.blog_right_search form input {
  position: relative;
  padding: 22px 15px;
}
.blog_search {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  width: 15px;
  font-size: 0;
}

/* site search */

.blog_right_search,.blog_right_popular {
  margin-bottom: 40px;
}
.blog_right_popular_main {
  margin-top: 40px;
}
.blog_right_popular_main ul li {
  position: relative;
  padding-left: 30px;
}
.blog_right_popular_main ul li h6 {
  line-height: 1.8;
}
img.li-arrow {
  position: absolute;
  top: 7px;
  left: 0;
}

.blog_right_tags h3 {
  margin-bottom: 40px;
}
.blog_right_tags ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.blog_right_tags ul li {
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
}
.blog_right_tags ul li:not(:last-child) {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .blog_sidebar_main,
  .blog_list_bottom {
    display: block;
  } 
  .blog_side_left,.blog_list_link {
    margin-right: 0; 
  }
  .blog_list_share p {
    display: none;
  }
  .blog_list_bottom {
    position: relative;
  }
  .blog_list_share {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .blog_list_author, 
  .blog_list_date, 
  .blog_list_visitor {
    display: block;
    margin-bottom: 15px;
  }
}

/* Blog with left sidebar ends *