/* @import url('http://example.com/example_style.css'); */
<style>
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap");
</style>
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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


h2 {
  font-size: 30px; 
}
h2,
h4
{
  margin:0 0 20px;
}
form.hs-search-field__form{
  padding: 0px 0px 20px 0px;
}
form{
  background-color:rgba(0,0,0,0) !important;
}
form label{
  color: #ffffff !important;
}
form .hs-button{
  background-color: #ffffff !important;
  color: #14134e !important;
}
form .hs-button:hover{
  background-color: rgba(255,255,255,0.8) !important;
}
article {
  padding: 0px 20px 20px !important;
}
._hsBlogPostListingContent_1hg5v_80{
  padding-left: 20px;
  line-height: 170%;
}
article ._hsBlogPostImageWrapper_7ci18_58, article .hs-blog-post-listing__post-image-wrapper, article .blog-listing__post-image-wrapper {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 0px !important;
}

article a img {
  object-position: left top;
}

.headerfont {
  font-family: 'Open Sans', Helvetica, sans-serif !important;
  font-variation-settings: 'wdth' 75 !important;
}

.bodyfont {
  font-family: 'Open Sans', Helvetica, sans-serif !important;
  font-variation-settings: 'wdth' 100 !important;
}

.post-listing h3 {
  font-family: 'Open Sans', Helvetica, sans-serif !important;
  font-variation-settings: 'wdth' 75 !important; 
}

._hsBlogPostTitle_7ci18_2 {
  line-height: 100%; 
}
._hsBlogPostListing_1hg5v_8 article:nth-child(1) {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
._hsBlogPostListing_1hg5v_8 article:nth-child(1) img{
  height: 236px;
}
._hsBlogPostListing_1hg5v_8 article:nth-child(2) {
  display: none; 
}
._hsBlogPostListing_1hg5v_8 article:nth-child(3) {
  display: none; 
}

.blog-listing--2-col article, .hs-blog-post-listing--grid article {
  display: none;
}
.blog-listing--2-col article:first-child, .blog-listing--2-col article:nth-child(2), .hs-blog-post-listing--grid article:first-child, .hs-blog-post-listing--grid article:nth-child(2) {
  display: flex; 
}
/*._hsBlogPostTitleLink_7ci18_82 {
line-height: 100%; 
}*/
._hsBlogPostTitleLink_7ci18_82:hover {
  text-decoration: none; 
}
.hs-blog-post-listing__post-tag{
  font-size: 14px !important;
}
.hs-blog-post-listing__post-tag:hover{
  border: 1px solid #9E2336 !important;
  color: #ffffff;
  background-color: #9E2336 !important;
  font-size: 14px !important;
}
.blog-listing__post-title-link:hover{
  text-decoration: underline !important;
  color: #000000 !important;
}
.hs-blog-post-listing__post-title-link:hover{
  text-decoration: underline !important;
  color: #000000 !important;
}
._hsBlogPostTag_1hg5v_3{
  font-size: 14px !important;
}
._hsBlogPostTag_1hg5v_3:hover{
  border: 1px solid #179d37 !important;
  color: #ffffff;
  background-color: #179d37 !important;
  font-size: 14px !important;
  text-decoration: none;
}
.blog-listing__post-tag{
  font-size: 14px !important;
}
.blog-listing__post-tag:hover{
  border: 1px solid #179d37 !important;
  color: #ffffff !important;
  background-color: #179d37 !important;
  font-size: 14px !important;
  text-decoration: none;
}

._hsBlogPostTitle_7ci18_2, #hs_cos_wrapper_widget_1708618510650 .hs-blog-post-listing__post-title-link, #hs_cos_wrapper_module_1708538239737 .blog-listing__post-title-link {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important; 
  -webkit-box-orient: vertical !important;
}
/*._hsBlogPostButton_7ci18_151, #hs_cos_wrapper_widget_1708618510650 .hs-blog-post-listing__post-button, #hs_cos_wrapper_module_1708538239737 .button {
  border-bottom: 1px solid #15144D !important; 
}*/
._hsBlogPostTag_7ci18_3:hover {
  text-decoration: none !important; 
}
.brands-list {
  margin-top: -10px; 
}
.hs-search-field__button{
  border: none;
}
.hs-search-field__button:hover{
  background-color: #14134b !important;
  border: none;
}
.foot-links a:hover{
  text-decoration: underline;
}
.brands-list a {
  font-family: 'Open Sans';
  font-style: normal;
  text-decoration: underline;
  line-height: 24px;
  margin-bottom: 10px !important;
  display: block;
  color: #15144D;
  font-weight: 700; 
}
.blog-listing__header {
  display: flex;
  flex-direction: column;
}
.blog-listing__post-title {
  order: 1; 
}
.blog-listing__post-tags {
  order: 2; 
}
.blog-listing__post-timestamp {
  order: 3; 
}
.blog-listing__post-tag {
  padding: 5px 10px;
  border: 1px solid #15144D;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 10px; 
}
.blog-listing__post-tags span {
  display: none; 
}
.foot-links {
  display: flex;
  align-items: center;
  gap: 30px;
}
.foot-links a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, sans-serif;
}
.copyright-copy {
  text-align: right; 
}

@media (min-width: 640px) {
  ._hsBlogPostImageWrapper_7ci18_58 {
    max-height: 243px; 
    min-height: 243px;
    height: 243px;
  }
}


/*==================*/
/*--- RESPONSIVE ---*/
/*==================*/

@media (max-width: 480px) {
  .dnd_area-row-0-background-image {
    background-position: 25% bottom !important; 
  }
  ._hsBlogPostImageWrapper_7ci18_58 {
    --aspect-ratio: 16/9 !important; 
  }
  .brands-list {
    margin-bottom: 70px; 
  }
  .foot-links {
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .copyright-copy {
    text-align: center; 
  }
  .mbcenter{
  margin:0 auto;
    text-align: center;
    margin-bottom:30px;
  }
}
.hs-search-field__suggestions li{
  padding-bottom: 10px !important;
}
.hs-blog-post-listing__post h2{
  padding-top:.7rem !important;
}