.blog-listing-3 {
  padding-top: 96px;
  padding-bottom: 120px;
}

.card__img img {
  width: 100%;
}

/* Common */
.blog-listing-3__tags {
  margin-bottom: .56rem;
}

.blog-listing-3__tag {
  color: inherit;
  text-decoration: none;
  font-family: 
  
    'Open Sans', sans-serif
  
;
  font-style: normal;
  font-weight: normal;
  font-size: .67rem;
  line-height: 1rem;
  letter-spacing: .067rem;
  text-transform: uppercase;
}

.blog-listing-3__tag:hover {
  text-decoration: none;
}

.blog-listing-3__title a {
  color: inherit;
  text-decoration: none;
}

.blog-listing-3__title a:hover {
  text-decoration: underline;
}

/* Card Styles */
.card-content {
  position: relative;
}

.blog-card__title {
  font-family: 'Open Sans';
  font-weight: 600;
}

.card-body a {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  color: ;
}

.card__body a svg {
  position: relative;
  top: 0px;
  margin-left: 5px;
}



/* Recent */

.blog-listing-3__recent-post {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 48px;
}

.blog-listing-3__recent-img img {
  width: 100%;
  border-radius: 0;
}

/* Other */

.blog-listing-3__other-intro {
  margin-top: .67rem;
}

.blog-listing-3__other-post-col.post-loaded {
  animation: .2s ease-in-out forwards fadeInUp;
}

.blog-listing-3__other-post {
  width: 100%;
  margin-bottom: 24px;
}

.blog-listing-3__other-img img {
  width: 100%;
  border-radius: 0;
}

.blog-listing-3__other-post-col .card__img img {
  object-fit: cover;
  object-position: top center;
  height: 240px;
}

@media (min-width: 768px) {
  .blog-listing-3__other-intro {
    padding-bottom: .56rem;
  }
  
  .blog-listing-3__other-post {
    display: flex;
    align-items: center;
    padding-inline-end: 1.11rem;
  }
  
  .blog-listing-3__other-contents {
    width: 52%;
    order: 2;
  }
  
  .blog-listing-3__other-img {
    width: 48%;
    order: 1;
    margin-inline-end: 24px;
  }
}

@media (max-width: 767px) {
  .blog-listing-3__other-post {
    margin-bottom: 48px;
  }
}


/*=========== Custom ==============*/
.blog-sub-wrap .section-intro__title > * {
  color: #FFCC4E!important;
}

.blog-intro-dnd-area-alt form {
  display: flex;
}

.blog-intro-dnd-area-alt form label {
  display: none;
}

.blog-intro-dnd-area-alt .hs-form-field:first-of-type {
  flex-grow: 2;
  padding: 0px;
  margin: 0;
  height: auto;
}

.blog-intro-dnd-area-alt .hs-button[type=submit] {
  background-color: #ffde80;
  margin-top: 0px!important;
  margin-left: 30px;
  padding: 16px 45px!important;
}

.blog-listing-3  .blog-card {
  position: relative;
}

.blog-listing-3  .blog-card__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.blog-listing-3  .blog-card__tags {
  position: relative;
  z-index: 2;
  align-items: center;
  margin-bottom: 4px;
}

.main h2 {
  font-family: 'Open Sans';
}

.sub h2 {
  font-family: 'Open Sans';
  font-size: 20px;
  margin: 12px 0px;
}

.blog-sub-form .input {
  margin-top: 0;
}

.blog-sub-form input[type="email"]{
  border-radius: 40px;
  background-color: #eee;
  color: #333;
  padding-left: 25px;
  line-height: 40px;
}


#main-content .blog-sub-form input[type="submit"]{
  background-color: #ffcc4e;
  transition: all 0.1s ease-in-out;
}

#main-content .blog-sub-form input[type="submit"]:hover {
  background-color: #ffde80;
}

.blog-toolbar-1__search .search-box {
  width: 400px;
}

.blog-toolbar-1__search .search-box__input {
  background-color: #eee;
  border: none;
  color: #333;
  box-shadow: none;
  padding: 19px 30px;
}

.blog-search__results::-webkit-scrollbar {
  border-radius: 12px;
  border: 1px solid #eee;
}

.blog-search__results::-webkit-scrollbar-thumb {
  background-color: #ffcc4e;
  border-radius: 48px;
}

.blog-toolbar-1__topics .drop-down__btn {
  padding: 12px 40px;
  font-weight: 300;
  z-index: 5;
  text-transform: none !important;
}

.blog-toolbar-1__topics .drop-down__list {
  max-height: 280px;
  margin-top: -24px;
  padding: 32px 24px 24px;
  border-radius: 14px;
  z-index: 4;
  text-transform: none !important;
}

.blog-toolbar-1__topics .drop-down__list--active a {
  transition: all 0.2s ease-in-out;
}

.blog-toolbar-1__topics .drop-down__list--active a:hover {
  padding-left: 2px;
  text-transform: none !important;
}

#post-list {
  align-items: stretch;
}

#post-list .card__img img {
  height: 200px;
  object-fit: cover!important;
}

.blog-listing-1__other-post-col,
.blog-listing-1__other-post-col img,
.blog-listing-3__other-post-col,
.blog-listing-3__other-post-col img {
  transition: all 0.3s ease-in-out;
}

.blog-listing-1__other-post-col .blog-card,
.blog-listing-3__other-post-col .blog-card {
  padding: 32px;
  box-shadow: 0 4px 8px -4px #888888;
  transition: all 0.3s ease-in-out;
}

.blog-listing-1__other-post-col .blog-card__body,
.blog-listing-3__other-post-col .blog-card__body {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
}

.blog-listing-3__other-post-col .rm-link-text {
  position: absolute;
  bottom: 32px;
  z-index: 1;
}

/* Tablet Styles */
@media all and (max-width: 940px){
  .featured-blogs {
    flex-direction: column;
  }

  .featured-blogs > .col {
    width: 100%;
  }

  #card-1 {
    margin-bottom: 12px;
    padding-bottom: 20px;
  }

  .secondary-featured {
    padding-left: 0px!important;
  }
}

/* Mobile Styles */
@media all and (max-width: 767px){
  .blog-intro-dnd-area-alt form {
    display: block;
  }

  .blog-intro-dnd-area-alt .hs-form-field:first-of-type,
  .blog-intro-dnd-area-alt .hs-button[type=submit] {
    width: 100%;
    margin: 10px 0!important;
  }

  .blog-intro-dnd-area-alt .hs-form-field:first-of-type {
    padding: 20px 0px;
  }

  .blog-card {
    padding-bottom: 20px;
  }
}

@media all and (min-width: 769px){
  .blog-listing-1__other-post-col .blog-card:hover,
  .blog-listing-3__other-post-col .blog-card:hover {
    box-shadow: 0 4px 8px -5px #888888dd;
    transform: scale(1.02);
  }
}

@media all and (max-width: 1140px){
  .blog-listing-1__other-post-col .card__img img,
  .blog-listing-3__other-post-col .card__img img {
    max-height: 220px;
    width: 100%;
  }
}

@media all and (max-width: 767px){
  .blog-listing-1  .blog-card,
  .blog-listing-3  .blog-card {
    max-width: 420px;
    margin: 0px auto 12px;
  }
  
  .card__img img {
    max-height: 240px;
  }

  .row-height-sync-hack {
    height: auto;
  }

  .blog-toolbar-1 .drop-down__list {
    max-height: 220px;
    margin-bottom: 10px;
    text-transform: none !important;
}