#expired-title,#active-title{
 margin-bottom:50px;
 font-size:52px;
 padding-left:10px;
}

@media only screen and (max-width: 992px) {
  #expired-title,#active-title{
   margin-bottom:50px;
   font-size:30px;
  }
}

.highlight{
  transition: transform 0.3s ease-in-out; 
}

.highlight:hover{
  transform: scale(1.05); 
}

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

  /* Disable hover effect on mobile devices */
  .hover-scale:hover {
    transform: none; /* Reset the transform on mobile */
  }
}

.row-gap{
  margin-top:30px;
}

#webinar-date{
  color: #5f259f;
  font-family: Fira Sans;
  font-size:18px;
  font-weight:700;
}

.expired-row{
margin-top:60px;
}
.blog{
  display: flex;
}
.blog-content{
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,.05);
  box-shadow: 0 0 4px 4px rgba(0,0,0,.05);
}
.hhs-post-content{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.hhs-post-content > a{
  width: fit-content;
}
.hhs-post-content > #summaryText {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}
#post-name{
 font-family: Fira Sans;
}

  {# Small phones (portrait) #}
@media only screen and (max-width: 320px) {
  .row-1-column-5, .row-1-column-4, .row-1-column-3, .row-2-column-3, .row-2-column-5, .row-2-column-4, .row-3-column-4, .row-3-column-3, .row-3-column-5{
    margin-top:0;
  }
}

{# Medium phones (portrait to landscape) *#}
@media only screen and (min-width: 321px) and (max-width: 414px) {
  .row-1-column-5, .row-1-column-4, .row-1-column-3, .row-2-column-3, .row-2-column-5, .row-2-column-4, .row-3-column-4, .row-3-column-3, .row-3-column-5{
    margin-top:0;
  }
}

{#  Large phones (landscape) #}
@media only screen and (min-width: 415px) and (max-width: 540px) {
 .row-1-column-5, .row-1-column-4, .row-1-column-3, .row-2-column-3, .row-2-column-5, .row-2-column-4, .row-3-column-4, .row-3-column-3, .row-3-column-5{
   margin-top:0;
  }
}

.tag_list {
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
    gap: 5px;
    left: 0;
    padding: 10px 24px;
    position: absolute;
    z-index:1;
  }
  
  #tag-style{
   font-family:"Fira Sans";
    font-weight:300;
    font-size:16px;
  }  