/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* Premium blog post */

/* TODO: Find a better place for this */
.content-wrapper {
  max-width: 1240px;
  margin: 0 auto;
}

.blog-header {
  background-color: ;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}
.author-box {
  padding: 20px !important;
}
.author-box-title p:last-child {
  margin-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
  /*.author-box{
  display: none !important;
}*/

}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: ;
}
.blog-index__post-content p {
  font-family: ;
}
.blog-index__post-content a {
  color: ;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: ;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: ;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: ;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: ;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: ;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: ;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: ;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: ;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid ;
  color: ;
}
.blog-comments .hs-button:hover {
  background-color: ;
  color: ;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: ;
}


/*             Blog Listing with Sidebar            */
.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

/* Blog style */
.blog-comments .comment-date {
  display: block;
}

.blog-banner {
  background: #f6f6f6;
  padding: 40px 0;
}

.hs-blog-listing header.header {
  padding-top: 0;
  padding-bottom: 0;
}

.page-center-inner {
  margin-left: -15px;
  margin-right: -15px;
}

.blog-banner .page-center-inner:before , .blog-banner .page-center-inner:after {
  display: table;
  content: " ";
}

.blog-banner .page-center-inner:after {
  clear: both;
}

.blog-banner-left , .blog-banner-right {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.blog-banner h1 {
  font-size: 18px;
  line-height: 1.27777777778;
  letter-spacing: 4px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #000000;
}

.blog-banner-right ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 1px;
}

.blog-banner-right ul li {
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 2.36363636364;
}

.blog-banner-right ul li a , .blog-banner-right ul li a:hover {
  color: #575757;
}

.blog-banner-right ul > li+li:before {
  font-size: 8px;
}

.blog-banner-right ul > li+li:before {
  content: "|";
  font-size: 8px;
  padding: 0 5px;
  position: relative;
  top: -2px;
}

.blog-banner-right {
  text-transform: uppercase;
}

.blog-banner-right ul > li:last-child:before {
  padding: 0 10px 0 6px;
}

.content-wrapper-inner {
  padding-bottom: 50px;
  padding-top: 120px;
  margin-left: -15px;
  margin-right: -15px;
}

.blog-index {
  display: block;
  padding: 0;
}

.blog-index , .blog-sidebar {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.content-wrapper-inner:before, .content-wrapper-inner:after {
  display: table;
  content: " ";
}

.content-wrapper-inner:after {
  clear: both;
}

.post-item-inner {
  margin-bottom: 15px;
}

.post-item .hs-featured-image-wrapper {
  margin-bottom: 25px;
}

.post-item .hs-featured-image-wrapper .hs-featured-image-link {
  display: block;
  height: 418px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.blog-meta {
  font-size: 11px;
  line-height: 2.36363636364;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.blog-meta , .blog-meta a {
  color: #828282;
}

.blog-meta a:hover {
  color: #000;
}

.author-vcard {
  position: relative;
  background: #fff;
}

.author-vcard:after {
  background: #fff;
  position: absolute;
  top: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  content: "";
}

.blog-entry-title a {
  display: block;
  font-size: 14px;
  font-weight: 800px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 5px 0 20px;
  line-height: 1.85714285714;
}

.post-item p {
  margin: 0 0 14px;
}

.post-item .custom_listing_comments a {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
}

.post-item .custom_listing_comments i {
  margin-right: 6px;
  font-size: 11px;
  color: #9a9a9a;
  margin: 0 3px;
}

.fa-comment:before {
  content: "\f075";
}

a.more-link {
  color: #0048c6;
  margin: 20px 0;
  border: 1px solid #0048c6;
  font-size: 11px;
  line-height: 2.36363636364;
  padding: 2px 14px;
  display: inline-block;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

a.more-link:hover {
  color: #fff;
  background: #0048c6;
}

.sidebar-subscribe a {
  border: 2px solid #0048c6;
  width: 100%;
  padding: 8px;
  text-align: center;
  margin-bottom: 37px;
  background: #0048c6;
  color: #fff;
  display: block;
}

.sidebar-subscribe a:hover {
  border: 2px solid #0048c6;
  color: #0048c6;
  background: #fff;
}

.sidebar-subscribe a:focus {
  border: 2px solid #0048c6;
  background: #0048c6;
  color: #fff;
}

.blog-sidebar-col {
  margin-bottom: 37px;
}

.sidebar-social a {
  font-size: 25px;
  margin-right: 0px;
  line-height: 1.04;
}

.sidebar-social a i {
  color: #0048c6;
  margin: 0 3px;
}

.sidebar-social a i:hover {
  color: #000000;
}

.sidebar-social-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sidebar-site-search form {
  max-width: unset;
  padding: 0;
  box-shadow: none;
}

.sidebar-site-search .hs-search-field__input {
  border-radius: 4px;
  margin: 0;
  padding: 10px 35px 10px 15px;
  border: 2px solid #dfdfdf;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 2.16666666667;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  outline: none;
}

.sidebar-site-search .hs-search-field__input:focus {
  border: 2px solid #989898;
}

.sidebar-site-search form button {
  right: 10px;
  top: 16px;
  color: #000;
  position: absolute;
  z-index: 998;
  cursor: pointer;
  margin-right: 0;
  border: none;
  font-weight: 900;
  background: none;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.sidebar-site-search form button:hover {
  color: #9a9a9a;
}

.sidebar-site-search form button:before {
  content: "\f002";
}

.sidebar-site-search form button svg {
  display: none;
}

.blog-sidebar h3 {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
  position: relative;
}

.blog-sidebar h3:after {
  background: #252525;
  height: 1px;
  width: 30px;
  margin: 7% auto;
  margin-left: 0;
  margin-right: 0;
  content: '';
  display: block;
}

.sidebar-filter ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-filter ul li {
  padding: 5px 0;
}

.sidebar-filter ul li a , .sidebar-filter ul li a:hover {
  color: #000000;
}

.sidebar-filter .filter-link-count {
  display: none;
}

.sidebar-filter ul li:first-child {
  padding: 0 0 5px;
}

.sidebar-popular-posts ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-popular-posts ul li {
  padding: 10px 0;
}

.sidebar-popular-posts ul li:before , .sidebar-popular-posts ul li:after {
  display: table;
  content: " ";
}

.sidebar-popular-posts ul li:after {
  clear: both;
}

.popular-image-link {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}

.sidebar-popular-posts .popular-news-title {
  font-size: 11px;
  line-height: 1.27272727273;
}

.popular-image-link {
  display: block;
  width: 75px;
  margin-right: 20px;
  float: left;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.sidebar-popular-posts .popular-news-title a {
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.23076923077;
}

.bottom-highlight-section {
  padding: 70px 0 50px;
  text-align: center;
  /* background: #27a8e0; */
  background: #0048c6;      
  display: block;
}

h3.bottom-highlight-title {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 0 0 100px 0;
  text-transform: uppercase;
  line-height: 1.1;
  padding-bottom: 30px;
  margin: 0;
}

.bottom-highlight-button {
  text-align: center;
  display: block;
  margin-bottom: 21.73913043px;
  max-width: 100%;
}

.highlight-button-text {
  background: #fff;
  padding: 15px 30px;
  color: #27a8e0;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: normal;
  text-align: center;
  font-weight: 600;
  position: relative;
}

.highlight-button-text:hover {
  color: #27a8e0;
}

.hs-blog-post .blog-banner {
  margin-top: 85px;
}

.hs-blog-post .blog-banner h1 {
  display: none;
}

.blog-post {
  max-width: unset;
  padding: 40px 0px 20px;
}

.blog-post h1 {
  line-height: 1.33333333333;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
  padding-bottom: 5px;
  font-size: 18px;
  margin: 0;
}

.blog-post .blog-meta {
  line-height: 2.09090909091;
  font-size: 11px;
}

.hs-featured-image {
  margin: 0;
  max-width: 100%;
  float: none;
}

.blog-post-image .hs-featured-image {
  width: 100%;
}

.blog-post-image {
  margin-top: 30px;
  margin-bottom: 30px;
}

.blog-post__body p {
  /*   margin-bottom: 35px; */
}

.author-box {
  background: #f6f6f6;
  display: inline-block;
  /*margin-top: 5%;*/
  padding: 35px;
  width: 100%;
}

.author-box-inner {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 2;
  text-transform: none;
  clear: both;
  width: 100%;
}

.author-box-inner:before , .author-box-inner:after {
  display: table;
  content: " ";
}

.author-box-inner:after {
  clear: both;
}

.author-box .author-link {
  float: left;
  max-width: 100px;
  margin-right: 35px;
}

.author-box-title h5 {
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
}

.author-box-name .author-vcard:after {
  display: none;
}

.author-box-name .author-vcard a {
  padding: 0 5px;
  color: #828282;
}

.author-box-name .author-vcard a:hover {
  color: #000;
}

.blog-social-share {
  padding: 1% 0px;
  text-align: center;
}

.blog-social-share a {
  display: inline-block;
  letter-spacing: 2px;
  border: 1px solid transparent;
  font-weight: 600;
  margin: 30px 0;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.blog-social-share a i {
  color: #0048c6;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  font-size: 25px;
  line-height: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 500;
}

.blog-social-share a:hover i {
  opacity: .8;
}

.blog-social-share a:hover i:hover {
  color: #000;
}

.blog-comments {
  max-width: unset;
}

.custom-related-outer-wrapper {
  border-top: 1px solid #e5e5e5;
  padding-top: 3%;
}

.blog-comments form {
  border-top: 1px solid #e5e5e5;
  padding: 0;
  padding-top: 4%;
  box-shadow: none;
}

.blog-comments form .hs-input {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 0;
  border-radius: 0;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 2.16666666667;
  width: 100%;
  margin: 0 0 30px 0;
  max-width: 100%;
  background-color: transparent;
  font-family: "Open Sans";
  color: #626262;
}

.blog-comments .hs-form label {
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 2.16666666667;
}

.blog-comments .field {
  margin: 0;
}

.blog-comments form .hs-input.invalid {
  border-bottom: 1px solid #ff0000;
}

.blog-comments ul.no-list.hs-error-msgs li label {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 2.36363636364;
}

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

.blog-comments .hs-button {
  padding: 4px 10px;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 30px 0;
  line-height: 2.36363636364;
  border-radius: 0;
  border: 1px solid #0048c6;
  background: #0048c6;
  color: #fff;
  margin-bottom: 22px;
}

.blog-comments .hs-button:hover {
  border: 1px solid #0048c6;
  background: #fff;
  color: #0048c6;
}

.custom-related-outer-wrapper h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 3%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.related-post-item .post-item-inner {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.related-post-item.post-item .hs-featured-image-wrapper .hs-featured-image-link {
  height: 240px;
}

.custom-related-outer-wrapper {
  /*padding-bottom: 50px;*/
}

.related-post-item.post-item .post-item-inner:hover .hs-featured-image-wrapper .hs-featured-image-link {
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  opacity: 0.5;
}

.related-post-item.post-item .post-item-inner .hs-featured-image-wrapper {
  overflow: hidden;
}

.post-content-wrapper-inner {
  margin-left: -15px;
  margin-right: -15px;
}

.post-inner-wrapper {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.custom-post-pagination .next-project a {
  position: fixed;
  right: -133px;
  top: 49%;
  z-index: 5;
}

.custom-post-pagination .previous-project a:hover {
  left: 0;
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
}

.custom-post-pagination .previous-project a {
  position: fixed;
  left: -133px;
  top: 49%;
  z-index: 5;
  opacity: 1;
}

.custom-post-pagination .next-project a:hover {
  right: 0;
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
}

.custom-post-pagination .previous-project .attachment-thumbnail {
  float: left;
}

.custom-post-pagination .next-project .attachment-thumbnail {
  float: right;
}

.previous-project-img { 
  float: right;
}

.next-project-img {
  float: left;
}

.custom-post-pagination .previous-project .post-pagination-text {
  font-weight: 400;
  letter-spacing: 2px;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
  font-size: 9px;
  top: 83px;
  padding-top: 10px;
  display: block;
  width: 100%;
  left: 20px;
  line-height: 2.88888888889;
  clear: both;
}

.custom-post-pagination .next-project .post-pagination-text {
  font-weight: 400;
  letter-spacing: 2px;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
  font-size: 9px;
  top: 83px;
  padding-top: 10px;
  display: block;
  width: 100%;
  left: 32px;
  line-height: 2.88888888889;
  clear: both;
}

.custom-post-pagination .attachment-thumbnail {
  width: 133px;
  height: 83px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}

.next-project-img, .previous-project-img {
  vertical-align: top;
}

.body-wrapper.hs-blog-listing {
  margin-top: 64px;
}

.sidebar-site-search input::-webkit-input-placeholder {
  color: #999;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

.related-post-item .post-item-inner {
  visibility: visible;
  animation-duration: 600ms;
  animation-name: fadeInUp;
}
.m-only{display:none;}
@media (min-width: 768px) {
  .blog-index {
    float: left;
    width: 66.66666667%;
  }

  .blog-sidebar {
    width: 33.33333333%;
    float: right;
  }

  .related-post-item .post-item-inner {
    float: left;
    width: 33.33333333%;
  }
}

@media (min-width: 992px) {
  .blog-index {
    float: left;
    width: 66.66666667%;
  }

  .blog-sidebar {
    margin-left: 8.33333333%;
    width: 25%;
    float: right;
  }
}

@media (min-width: 1200px) {
  .blog-banner-left {
    /*     width: 66.66666667%; */
    width: 50%;
    float: left;
  }

  .blog-banner-right {
    /*     width: 33.33333333%; */
    width: 50%;
    float: left;
  }

  .hs-blog-post .blog-banner .blog-banner-right {
    float: right;
  }
}

@media (max-width: 991px) {
  .blog-banner-right {
    margin-top: 2%;
  }

  .blog-banner-right ul {
    padding-bottom: 0;
  }

  .content-wrapper-inner {
    padding-bottom: 50px;
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .custom-related-outer-wrapper h3 {
    padding-top: 10%;
  }

  .related-post-item.post-item .post-item-inner {
    margin-bottom: 10%;
  }

  .custom-related-outer-wrapper {
    padding-top: 5%;
  }

  .custom-post-pagination {
    display: none;
  }
  .blog-index{padding:20px 15px;}
  .blog-sidebar {padding:20px 15px 0 15px;}
  .content-wrapper-inner {
    padding-bottom: 50px;
    padding-top: 5px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    display:flex;
  }
  .sidebar-subscribe a{padding:5px;margin-bottom:0px;}
  .blog-banner-right {
    display: none;
  }
  .blog-sidebar-col.sidebar-social {
    display: none;
  }
  .blog-sidebar-col.sidebar-subscribe{margin-bottom:25px;}
  .m-only{display:block;color:#000;font-size:16px;margin-bottom:20px;}
  .blog-sidebar-col.sidebar-popular-posts{margin-bottom:0px;}
  ul.popular-news-list li:nth-child(4), ul.popular-news-list li:nth-child(5) {
    display: none;
  }
  .author-box {
    display: none !important;
  }
  .post-item .hs-featured-image-wrapper .hs-featured-image-link {
    height:200px;
  }
}

@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }

  .blog-post__body img {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    display: block;
  }
}
.blog-post__date {
	border-color: #626262;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: #626262;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: #3a3a3a;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: #8a8a8a;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #494a52;
}

.blog-pagination__link {
	color: #626262;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #494a52;
}

.blog-post__title {
	color: #0048c6;
	font-family: Poppins;
	font-size: 34px;
	font-weight: ;
}

.blog-post__author {
	background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

body .icon svg {
	fill: #494a52;
}

body .tns-nav button.tns-nav-active {
	background-color: #494a52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #494a52;
}

body .social-links__icon {
	background-color: #494a52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #F8FAFC;
}

.page-center {
	max-width: 1183px;
	margin: 0 auto;
}

.body-container__website .dnd-section:nth-child(odd) {
	background-color: {
		typography=,
		tables=,
		buttons=,
		spacing=,
		footer=,
		global_colors=,
		header=,
		forms=
	}
}

#bold-title {
	font-weight: 800 !important;
}

.dnd-banner .dnd-section {
	padding-top: 0;
	padding-bottom: 0;
}

.dnd-banner .dnd-section>.row-fluid {
	max-width: 100%;
	width: 100%;
}

.dnd-banner>.row-fluid-wrapper>.row-fluid>.span12>.row-fluid-wrapper>.row-fluid,
.dnd-banner>.row-fluid-wrapper>.row-fluid>.span12>.row-fluid-wrapper>.row-fluid>.span12 {
	padding-left: 0;
	padding-right: 0;
}

.cfp-lp h2 {
	color: #0048C6;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.cfp-lp .hs-form {
	padding: 60px 30px;
	border-radius: 26px;
	box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
	background: #fff;
	text-align: left;
}

.cfp-lp .hs-button,
.cfp-lp .hs-form .hs-button {
	background: #0048c6;
	color: #fff;
	border: none;
	border-radius: 200px;
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.32px;
	line-height: 1.5;
	padding: 13px 30px;
	margin-bottom: 5px;
	min-width: 180px;
}

.cfp-lp .hs-button:hover,
.cfp-lp .hs-form .hs-button:hover {
	background: #003083;
	color: #fff;
}

.cfp-lp .hs-form .grecaptcha-badge {
	margin: 0
}

.cfp-lp .hs-form .field>label {
	font-weight: 600;
}

.cfp-lp form input,
.cfp-lp form select,
.cfp-lp form textarea,
.cfp-lp .hs-input {
	border-radius: 15px;
	border: 1px solid #0048C6;
	background: #FFF;
	height: 52px;
}

.cfp-lp form textarea,
.cfp-lp textarea.hs-input {
	height: 120px;
}

.cfp-lp fieldset input[type=checkbox],
.cfp-lp fieldset input[type=radio] {
	height: auto;
}

.cfp-lp .main-section-row-0-padding {
	position: relative;
}

.cfp-lp .main-section-row-0-padding>.row-fluid {
	position: relative;
	z-index: 1;
}

.cfp-lp .main-section-row-0-padding:before {
	content: '';
	display: block;
	width: 380px;
	height: 380px;
	position: absolute;
	top: 7%;
	right: 7%;
	border-radius: 400px;
	opacity: 0.800000011920929;
	background: #59B1E6;
	filter: blur(75px);
	opacity: .5;
}

x.cfp-blogcontent-body .cta_button {
	background: #0048c6;
	color: #fff;
	border: 1px solid #0048c6;
	border-radius: 0;
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.5;
	padding: 10px 20px;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center;
	font-size: 14px;
}

x.cfp-blogcontent-body .cta_button:hover {
	background: transparent;
	color: #0048c6;
}

.cfp-blogcontent .hs-form {
	margin-bottom: 30px;
}

.blog-banner h1 {
    color: #0048c6!important
}
.cfp-blogcontent-body .cta_button,
.cfp-blogcontent .hs-form .hs-button,
.cfp-lp a.cta_button,
.primary-cta a {
	background: #0048c6;
	color: #fff;
	border: 1px solid #0048c6;
	border-radius: 200px;
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.32px;
	line-height: 1.5;
	padding: 10px 20px;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
}

.cfp-lp a.cta_button:hover,
.cfp-blogcontent-body .cta_button:hover,
.cfp-blogcontent .hs-form .hs-button:hover,
.primary-cta a:hover {
	background: transparent;
	color: #0048c6;
}

a.more-link,
.blog-comments .hs-button,
.custom-menu-primary .submenu.level-1>li:last-child>a,
.cfp-blogcontent-body #hs-cta-wrapper-539aedd8-855d-4082-a6f4-1994733716c4 a {
	background: #0048c6 !important;
	color: #fff !important;
	border: 1px solid #0048c6 !important;
	border-radius: 200px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	padding: 10px 20px !important;
	margin-bottom: 5px !important;
	text-align: center !important;
	display: inline-block !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-family: inherit !important;
}

a.more-link:hover,
.blog-comments .hs-button:hover,
.custom-menu-primary .submenu.level-1>li:last-child>a:hover,
.cfp-blogcontent-body #hs-cta-wrapper-539aedd8-855d-4082-a6f4-1994733716c4 a:hover {
	background: transparent !important;
	color: #0048c6 !important;
}

a.more-link,
.blog-comments .hs-button {
	margin-bottom: 20px !important
}

.custom-menu-primary .submenu.level-1>li:last-child>a {
	margin-bottom: 0 !important
}

.secondary-cta a {
	background: transparent;
	color: #0048c6;
	border: 1px solid #0048c6;
	border-radius: 200px;
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.32px;
	line-height: 1.5;
	padding: 10px 20px;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
}

.secondary-cta a:hover {
	background: #0048c6;
	border-color: #0048c6;
	color: #fff;
}

.highlight-button-text,
.style1-cta a {
	background: #fff !important;
	color: #0048c6 !important;
	border: 1px solid #fff !important;
	border-radius: 200px;
	text-transform: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0.32px;
	line-height: 1.5 !important;
	padding: 10px 20px !important;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center !important;
	display: inline-block;
}

.highlight-button-text:hover,
.style1-cta a:hover {
	background: #0048c6 !important;
	color: #fff !important;
	border-color: #fff !important;
}

@media only screen and (min-width: 768px) {
	.cfp-lp h2 {
		font-size: 36px;
	}
}

@media only screen and (max-width: 767px) {

	.dnd-banner .dnd-section>.row-fluid,
	.cfp-lp .dnd-section>.row-fluid {
		padding-right: 7%;
		padding-left: 7%;
	}
}

div.custom-menu-primary .submenu.level-1>li>a {
	text-transform: none;
	font-weight: 500;
}

div.blog-entry-title a {
	text-transform: none;
	letter-spacing: 0;
	font-size: 24px;
	line-height: 1.4;
}

div.blog-meta {
	letter-spacing: 1px;
	text-transform: none;
}

div .blog-post h1,
div .blog-banner h1 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 48px;
	line-height: 1.1;
}

div h3.bottom-highlight-title,
div .custom-related-outer-wrapper h3 {
	font-size: 32px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
}

.custom-related-outer-wrapper {
	margin-top: 40px;
}

.cfp-blogcontent-body * {
	font-family: inherit !important;
}

.cfp-blogcontent-body a#cta_button_7338860_8b552f8f-803e-43a2-af0b-77fd19c6f9c7,
.cfp-blogcontent-body a#cta_button_7338860_7e4c9d19-37c7-428b-a402-a6fecdf8fb2d,
.cfp-blogcontent-body a#cta_button_7338860_0d105197-162e-4d37-adcd-62bbed84f404,
.cfp-blogcontent-body a#cta_button_7338860_9a4d9aa1-30c2-4052-84b5-f4f39ab287f6,
.cfp-blogcontent-body a#cta_button_7338860_d9e67c9e-e41e-41df-b61f-8d1538066d6c,
.cfp-blogcontent-body a#cta_button_7338860_58f951a4-2ed0-4007-9ecc-7569aebed68f,
.cfp-blogcontent-body a#cta_button_7338860_9472f334-0411-46cd-b129-753a889a5b58 {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}

.hs-blog-post .blog-post h1 {
	color: #0048c6;
}

@media only screen and (max-width: 767px) {

	div .blog-post h1,
	div .blog-banner h1 {
		font-size: 36px;
		line-height: 1.2;
	}
}