/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.header--scroll .header__cta a:hover {
    color: #fff !important;
}

@media (max-width: 1024px) {
  .header__navigation.open {
    background-color: rgba(44, 44, 45, .98) !important;
  } 

  .header__row {
    height: 70px !important;
  }  

  .header__row-2 {
    padding: 3.5rem 2rem !important;
  }
}

.blog-related-posts__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.blog-related-posts__post {
  width: 100%;
  min-width: 0;
}

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

.blog-related-posts__content,
.blog-related-posts__content * {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .blog-related-posts__list {
    grid-template-columns: 1fr;
  }
}
.header__cta2 a {
    color: #fff !important;
    font-family: Poppins;
}
.header__cta2 a {
    text-transform: uppercase;
    text-decoration: none;
}
.header__cta2 {
    background-color: #c00202;
    border: 1px solid #c00202;
    margin-left:10px;
}
.header__cta2 {
    padding: 8px 10px;
    position: relative;
    margin-left: 10px;
    transition: all .3s ease-in;
}
.header__cta2:hover {
    background-color: transparent;
    border: 1px solid #FFFFFF;
}
.header__cta2-link {
  color:#FFFFFF !important;
}

/* Fix HubSpot blog listing excerpts breaking layout due to
   leftover inline width/height styles in imported post content */
.blog-index__post-summary,
.blog-index__post-summary * {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
/* Keep logo a fixed size when the header shrinks on scroll */
.header--scroll .header__logo img {
  width: 210px !important;
}
@media (max-width: 1024px) {
  .header--scroll .header__logo img {
    width: 118px !important;
  }
/* Keep logo a fixed size when the header shrinks on scroll */
.header--scroll .header__logo img {
  width: 210px !important;
}
@media (max-width: 1024px) {
  .header--scroll .header__logo img {
    width: 118px !important;
  }
/* Keep logo a fixed size when the header shrinks on scroll */
.header--scroll .header__logo img {
  width: 210px !important;
}
@media (max-width: 1024px) {
  .header--scroll .header__logo img {
    width: 118px !important;
  }

/* Keep logo a fixed size when the header shrinks on scroll */
.header--scroll .header__logo img {
  width: 210px !important;
}
@media (max-width: 1024px) {
  .header--scroll .header__logo img {
    width: 118px !important;
  }
}