/* Blog */

/* Blog Meta - Author/Avatar/Timestamp */
.blog-meta {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
  
  /* Tags/Topics */

  .blog-tags svg {
    height: 8px;
    margin-right: 9px;
    fill: #8e4ad6;
  }
  .blog-tags-header {
    margin-right: 0;
    text-align: center;
  }
  .blog-tags-header svg {
    height: 8px;
    margin-right: 9px;
    fill: #6fefce;
  }
  
  .blog-tag {
    align-items: center;
    color: #8E4AD6;
    display: inline-flex;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-right: 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  a.blog-tag.blog-tag-header{
  color: #3b3838;
  text-align: center;
  }
  
  .blog-tag:hover,
  .blog-tag:focus {
    font-weight: 700;
    text-decoration: underline;
    font-family: 'Barlow', sans-serif;
  }
  .blog-header {
    height: auto;
    display: block;
  }
  
  .blog-header__inner {
    margin: 0 auto;
    text-align: left;
  }
  .blog-header__title_featuredpost {
    text-align: left;
    color: #3b3838;
    font-size: 36px;
    }
   h1.blog-header__title_featuredpost{
    margin-bottom: 1.45rem;
    }
  .blog-postcard-content-info{
  padding-left:20px;
  }
  .back-button{
  margin-bottom:2.8rem;
  margin-left:0;
    width:80%;
  }
  .hero-post-title-img{
    padding: 0;
    padding-top:1.3rem;
    width: 90%;
    margin:0 auto;
  }
  .hero-sm-title-column{
  display:flex;
  justify-content:center;
  align-items:center;
  }

  .blog-post-title{
  font-size:2.2rem;
  line-height:1.2;
   padding-right:0.2rem;
    text-decoration:underline;
    text-decoration-color: #F2F2F2;
    text-decoration-thickness:4px;
  }
  .hero-img-wrapper img{
    max-width:100%;
    height:auto;
    border-radius:18px;
    padding:0 0.25rem;
  }

  .post-body{
    text-align:center;
    margin:0 auto;
    width:60%;
    margin-bottom:6rem;
  }
  .post-body img{
    margin:0 auto;
    width:100%;
    height: auto;
    margin-bottom:2.2rem;
  }

    .blog-web-column-post{
      max-width:300px;
    margin:0 1rem;
    }

.blog-web-column {
display:flex;
flex-direction:column;
justify-content:flex-start;}

.blog-related-posts__list .blog-postcard h4{
margin-bottom:0.4rem;
}

  @media screen and (min-width: 780px) {
    .blog-tags-header {
    margin-right: 0;
    text-align: left;
  }
    .blog-tags {
      margin: 0;
      max-width: 85%;
    }
    .blog-tag {
      font-size: 0.8rem;
    }
    .blog-tags.blog-tags-header {
      margin-left: 0;
      margin-bottom: 0.7rem;
  }
    
  }
  
  /* Blog Listing */
  
  .blog-header {
    padding: 0rem 4.4rem;
    height: auto;
    display: flex;
    align-items: flex-start;
  }
  .two-third-container {
    max-width: 40%;
  padding-right: 20px;
  }
  .blog-header img{
    max-width: 500px;
    padding: 20px 40px 20px 0;
  }
  .blog-header .container-fluid{
  padding: 40px;
  }
  .blog-header .content-wrapper {
    align-items: center;
    justify-content: center;
  }
  .blog-header__inner {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
    display: flex;
  }
  
  .blog-header__title {
    font-size: 2.625rem;
  }
  
  .blog-header__title span {
    color: #eb4e54;
  }
  
  .logos-section{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;  
  }
  .logos-section img{
  width:100%;
  height:auto;
  max-width:200px;
    padding:10px 0;
  }
  .blog-navigation {
    margin-top: 2.2rem;
    margin-bottom: 4.2rem;
  }
  
  .blog-navigation .content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  
  .blog-navigation .blog-navigation__text {
    color: #252425;
    font-size: 1rem;
    font-style: italic;
    font-weight: normal;
    margin: 2rem 0 1rem;
    text-decoration: none;
  }
  
  .blog-navigation .blog-navigation__filter,
  .blog-navigation .blog-navigation__search {
    margin: 0 auto;
    max-width: 360px;
    width: 75%;
  }
  
  .blog-navigation__search form {
    background-color: transparent;
    border: none;
    margin-left: auto;
    padding: 0;
    position: relative;
  }
  
  .blog-navigation__search form:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%238e4ad6' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    content: '';
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    margin-top: 6px;
    margin-left: 10px;
  }
  
  .blog-navigation__search form input.hs-search-field__input {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    padding: 0.75rem 3rem;
  }
  
  .blog-navigation__search .hs-search-field--open .hs-search-field__suggestions {
    background-color: #fff;
    border-color: #d0d0d0;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  a.button.button--icon-left {
  margin-top:25px;
    padding:10px 20px;
  }
.blog-tag-list{
display:flex;
  justify-content:space-between;

}
  /* prettier-ignore */
  .blog-navigation__search .hs-search-field--open .hs-search-field__suggestions li {
    padding: 5px 0;
  }
  
  .blog-index {
    margin: 0 auto 20px;
  }
  
  .blog-index__subheader {
    margin-bottom: 3rem;
    text-align: center;
  }
  
  .blog-index__subheader .author-social-links {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  
  .blog-index__subheader .author-social-links a {
    background-color: #d0d0d0;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    position: relative;
    width: 40px;
  }
  
  .blog-index__subheader .author-social-links a:hover {
    background-color: #eb4e54;
  }
  
  .blog-index__subheader .author-social-links a svg {
    fill: #fff;
    height: 15px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
  }
  
  .blog-index__listings,
  .blog-related-posts__list {
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    margin:0 auto;
  }
  
  .blog-index__listings .blog-postcard,
  .blog-related-posts__list .blog-postcard {
    flex: 0 1 100%;
    margin-bottom: 30px;
  }
  .blog-index__listings {
    max-width:75%;
  }
  .blog-index__listings .blog-postcard{
  margin:0 5px;
  }
  
  .blog-index__listings #hs_cos_wrapper_blog_cta {
    flex: 0 1 100%;
    margin: 75px auto;
  }
  
  .content-wrapper-listing{
  max-width:1000px;}

  .content-wrapper-listing-post{
    margin:0 auto;
  }
 
  .two-columns{
  display:flex;
  justify-content:center;
  width:100%;
  margin:0 auto;
  }

  .blog-postcard__wrapper{
  display:flex;
  justify-content: flex-start;
  }  
  .blog-postcard-img-wrapper{
  max-width:auto;
  }
  .blog-postcard-img-wrapper img{
    max-width:100%;
    height:auto;
    margin:0 auto;
  }
.testimonials{
margin:0 auto;
  max-width:600px;
  margin-bottom:2rem;
}
.testimonials img{
width:100%;
}
  .more-info{
  padding:2.8rem 5rem;
  background-color:#f8f8f8;
  text-align:center;
  width:100%;
  }
  @media screen and (min-width: 768px) {
    .blog-navigation .blog-navigation__filter,
    .blog-navigation .blog-navigation__search {
      flex: 0 1 35%;
      margin: initial;
      max-width: unset;
    }
  
    .blog-navigation .content-wrapper {
      flex-direction: row;
    }
  
    .blog-navigation .blog-navigation__text {
      margin: 0 2.5rem;
    }
  
    .blog-index__listings .blog-postcard,
    .blog-related-posts__list .blog-postcard {
      flex: 0 1 48.25%;
      margin-bottom: 3rem;
    }
    .blog-related-posts__list .blog-postcard {
    margin-bottom:2.4rem;
    }
    .post-body{
    width:80%;
    }
    .post-body p, h3{
    padding: 0 5.2rem;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .blog-index__listings .blog-postcard,
    .blog-related-posts__list .blog-postcard {
      flex: 0 1 40%;
    }
    .blog-header__title_featuredpost {
      text-align: left;
      color: #3b3838;
      font-size: 36px;
    }
  }
  
  @media screen and (min-width: 980px) {
    .blog-navigation .blog-navigation__filter,
    .blog-navigation .blog-navigation__search {
      flex: 0 1 25%;
    }
    .blog-header__title_featuredpost {
      text-align: left;
      color: #3b3838;
      font-size: 36px;
    }
    .index-header{
      padding:0 40px; 
      display:flex;
      flex-direction:column;
    }
    .index-header-container{
      display:flex;
      justify-content:center;
      align-items:center; 
      flex: 0 1 25%;
      padding: 3rem 0.4rem 3.4rem 0.4rem;
    }
    .index-header-img-container{
      max-width: 60%;
    }
    .index-header-img-container img {
      max-width:100%;
    }
    .post-body p, h3{
    padding: 0 2.4rem;}
  }
@media screen and (max-width: 980px){

    .blog-index__listings .blog-postcard{
      margin-bottom: 30px;
    }
    .index-header{
    display:block;
    }
    .index-header-container{
      display:block;
      margin:2rem auto;
    }
    .index-header-img-container{
      padding-top:2rem;
      margin:0 auto;
      text-align:center;
    }
    .index-header-img-container img {
      margin:0 auto;
      width:100%;
      height:auto;
      text-align:center;
    }
}
  /* Blog Postcard */
  .blog-postcard {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    padding:0 20px;
  }

  .blog-postcard--no-image .blog-postcard-img-wrapper > a {
    display: none;
  }
  
  .blog-postcard .blog-meta {
    font-size: 14px;
  }
  
  .blog-postcard .blog-postcard-img-wrapper{
  margin:0 auto;
  }
  .blog-postcard-img-wrapper > a {
    border-radius: 4px;
    display: block;
    position: relative;
  }
  
  .blog-postcard-img-wrapper > a:before {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.15s ease-in;
  }
  
  .blog-postcard-img-wrapper > a .button {
    opacity: 0;
    position: relative;
    transition: all 0.15s ease-in;
  }
  
  .blog-postcard__wrapper > a:hover:before,
  .blog-postcard__wrapper > a:hover .button {
    opacity: 1;
  }
  
  .blog-postcard__post-details {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  
  .blog-postcard__post-details h2 {
    color: #8e4ad6;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: .5rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .blog-postcard__post-details a {
    color: inherit;
    font-size: 1.3rem;
    font-weight: 500;
    font-style: inherit;
    text-transform: none;
  }
  
  .blog-postcard__post-details a:hover,
  .blog-postcard__post-details a:focus {
    color: #8E4AD6;
    font-size: 1.3rem;
    font-weight: 500;
}
    a.blog-postcard-cta{
    font-family:'Barlow', sans-serif;
    font-weight:600;
    font-size:1rem;
    }
    a.blog-postcard-cta:hover{
    font-family:'Barlow', sans-serif;
    font-weight:600;
    font-size:1rem;
    color:#FFFFFF;
    }
    .blog-postcard__post-details p{
    color:grey;
    font-weight:400;
    }
  /* Blog Pagination */
  .blog-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 65px auto 0;
    -webkit-box-align: center;
    text-align: center;
  }
  
  .blog-pagination__link {
    border: 2px solid transparent;
    border-radius: 3px;
    color: #252425;
    display: inline-flex;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0 0.25rem;
    padding: 0.25rem 0.4rem;
    text-decoration: none;
  }
  
  .blog-pagination__link.blog-pagination__link--active {
    background-color: #8e4ad6;
    color: white;
  }
  
  .blog-pagination__link:hover,
  .blog-pagination__link:focus {
    text-decoration: none;
  }
  
  .blog-pagination__prev-link,
  .blog-pagination__next-link {
    align-items: center;
    background-color: #b380e4;
    display: inline-flex;
    height: 45px;
    justify-content: center;
    padding: 0;
    width: 45px;
  }
  
  .blog-pagination__prev-link {
    margin-right: 3.125rem;
    text-align: right;
  }
  
  .blog-pagination__next-link {
    margin-left: 3.125rem;
    text-align: left;
  }
  
  .blog-pagination__prev-link--disabled,
  .blog-pagination__next-link--disabled {
    background-color: #d0d0d0;
    cursor: default;
    pointer-events: none;
  }
  
  .blog-pagination__prev-link svg,
  .blog-pagination__next-link svg {
    fill: #fff;
  }
  
  .blog-pagination__number-link:hover,
  .blog-pagination__number-link:focus {
    border: 2px solid #d0d0d0;
  }
  
  /* Blog Post */
  
  .blog-header--post {
    height: 75px;
    position: relative;
  }
  
  .blog-header--post.blog-header--post--no-image {
    height: 75px;
  }
  
  .blog-header--post.blog-header--post--no-image:before {
    display: none;
  }
  
  .blog-header--post:before {
    background-color: rgba(49, 43, 48, 0.8);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .blog-header--post__inner {
    align-items: center;
    display: inline-block;
    height: 75px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    position: relative;
  }
  
  .blog-header--post.blog-header--post--no-image .blog-header--post__inner {
    align-items: center;
    height: 75px;
    padding: 0 20px;
  }
  
  .blog-post {
    margin: 0;
    max-width: 80%;
    position: relative;
    margin-top: 15px;
  }
  
  .blog-post__title {
    color: #7300C3;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1875;
    margin: 2rem 0;
    text-align: left;
    text-decoration: none;
  }
  
  .blog-post__title span{
    color: #3B3838;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1875;
    margin: 0;
    text-align: center;
    text-decoration: none;
  }
  
  .blog-post .blog-meta {
    justify-content: center;
    margin: 1.25rem 0 1.5rem;
  }
  
  .blog-post__social {
    margin-bottom: 2.5rem;
    text-align: center;
  }
  
  .blog-post__social .social-links__icon {
    height: 25px;
    margin: 0 5px;
    width: 25px;
  }
  
  .blog-post__social .social-links__icon svg {
    height: 10px;
  }
  
  @media screen and (min-width: 780px) {
    .blog-header--post {
      height: 75px;
    }
  
    .blog-header--post__inner {
      align-items: flex-start;
      height: 75px;
    }
  
    .blog-post__title {
      margin: 0 0 1.25rem;
    }
    
    .blog-header__title_featuredpost {
      text-align: left;
      color: #3b3838;
      font-size: 36px;
    }
    
    h1.blog-header__title_featuredpost{
    margin-bottom: 1.45rem;
    }
  
    .blog-header__title_featuredpost button{
    border-radius: 50px;
    background-color: #fdd835;
      color: #3b3838;
      text-align: left;
    }
    .blog-post .blog-meta {
      margin: 1rem 0 2.5rem;
    }
  
  }
  
  @media screen and (min-width: 1024px) {
    .blog-header--post {
      height: 75px;
    }
  
    .blog-header--post__inner {
      height: 75px;
    }
  
    .blog-post__social {
      margin-bottom: 0;
      text-align: left;
    }
  
    .blog-post__social .social-links {
      display: inline-flex;
      flex-direction: row;
    }
  
    .blog-post__social .social-links__icon {
      height: 40px;
      margin: 0 5px;
      width: 40px;
    }
  
    .blog-post__social .social-links__icon svg {
      height: 15px;
    }
    .post-body{
    width:70%;
    }
    .post-body p, h3{
    padding: 0 6.2rem;
    }
  }
  
@media screen and (max-width: 1200px){
  .two-columns{
  display:block;
  }
  .blog-web-column{
  max-width: 70%;
  margin:5rem auto;}
  .blog-navigation__search{
  margin-top:2rem;
  }
  #search-box{
  display:none;
  }
}
  @media screen and (min-width: 1200px) {
    .blog-header--post__inner {
      padding: 0px 20px;
    }
  
    .blog-header--post.blog-header--post--no-image .blog-header--post__inner {
      padding: 0;
    }
  }
  
  /* Blog Comments */

  
  /* Related Posts */
  
  .blog-related-posts {
    margin-bottom: 4rem;
  }
  
  .blog-related-posts .content-wrapper {
    margin: 0 auto;
    max-width: 950px;
    padding: 20px;
    padding-top: 30px;
  }
  
  .blog-related-posts .blog-related-posts__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 3.0625rem;
    margin-top: 4rem;
    text-align: center;
    text-decoration: none;
  }
  
  @media screen and (min-width: 780px) {
    .blog-related-posts .blog-related-posts__title {
      font-size: 26px;
      margin-bottom: 2rem;
      margin-top: 4rem;
    }
    .blog-comments h3 {
    font-size: 26px;
  }
    .blog-header__title_featuredpost {
      text-align: left;
      color: #3b3838;
      font-size: 36px;
    }
      .hero-post-title-img{
    padding: 0.8rem 0 0.6rem 0;
    width: 70%;
    margin:0 auto;
  }
  .blog-post-title{
  font-size:3rem;
  line-height:1.3;
    text-decoration:underline;
    text-decoration-color: #F2F2F2;
    text-decoration-thickness:4px;
  }
}
  
  @media screen and (min-width: 1200px) {
    .blog-related-posts .content-wrapper {
      padding: 0;
    }
    #search-box-mobile{
    display:none;
    }
    .hero-post-title-img {
    width:70%;
    }
    .post-body {
    width:65%;
    }
  }
  @media screen and (max-width:1024px){
  .blog-index__listings{
  display:block;}
  }
  @media screen and (max-width: 779px){
  .blog-header {
    padding: 2.3rem;
    padding-top: 3rem;
    height: auto;
    display: block;
    margin: 0 auto;
  }
    .blog-header__title_featuredpost {
    text-align: center;
    color: #3b3838;
    font-size: 32px;
    }
    h1.blog-header__title_featuredpost{
    margin-bottom: 1.45rem;
    }
    .two-third-container {
    max-width: 100%;
    padding-right: 0;
      margin: 0 auto;
      text-align: center;
  }
    .blog-header img{
    max-width: 100%;
    padding: 0;
      padding-top: 15px;
      margin: 0 auto;
    }
    .button .button--secondary{
    display: block;
    margin: 0 auto;
    }
    .two-third-container {
    margin: 0 auto;
      text-align: center;
    }
    .flex-center{
  display: flex;
  justify-content: center;
  }
    .blog-post__title span{
    font-size: 42px;
      line-height: 1.2;
    }   
  .post-body{
    text-align:center;
    margin:0 auto;
    width:90%;
  }
    .blog-index__listings{
    max-width:100%;
    }
    .blog-postcard{
    padding: 0 5px;}
    .blog-web-column{
    max-width: 80%;
    margin:0 auto;
    }
}
  }