.site-title {
  font-family: Impact, sans-serif;
  font-size: clamp(32px, 8vw, 56px);
  text-align: center;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap; /* prevents wrap by default */
}

.green {
  color: #78BE43;
}

.purple {
  color: #545CA8;
}

.break-responsive {
  display: inline; /* default: keep it all in one line */
}

/* On mobile: force line break and adjust font size */
@media (max-width: 479px) {
    html:not([class*="WaPlaceHolder"]) .h2, html:not([class*="WaPlaceHolder"]) h2 {
        font-size: 36px;
        line-height: 1.136;
}


  .break-responsive {
    display: block;       /* Break line between words */
  }
}
.hideBlogInfo .boxInfoContainer h5 {
  display: none;
}
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
 display: none;
}
.boxInfoContainer h5
{ display: none;}
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
  color: #F26C4F;      /* Change to your desired color */
  font-family: Georgia, 'Times New Roman', Times, serif, sans-serif; /* Change to your desired font */
}
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li a {
  color: #F26C4F;      /* Change to your desired color */
  font-family: Georgia, 'Times New Roman', Times, serif, sans-serif;/* Change to your desired font */
}
.WaGadgetBlog .waAddPostButton,
.WaGadgetBlog .addPostButton,
.WaGadgetBlog .waButtonAddPost {
  background-color: #F26C4F!important; /* Change to your desired color */
  color: #fff !important;               /* Text color */
}
.blogCustom .WaGadgetBlog .addPostButton,
.blogCustom .WaGadgetBlog .waAddPostButton {
  background-color: #F26C4F !important;
  color: #fff !important;
}

.blogCustom .WaGadgetBlog .readMoreLink,
.blogCustom .WaGadgetBlog .commentLink,
.blogCustom .WaGadgetBlog .editLink,
.blogCustom .WaGadgetBlog .deleteLink {
  color: #F26C4F !important;
}
/* Change the background color of the dropdown menu itself */
#blogCustom . WaGadgetBlog .some-dropdown-item-class {
    background-color: #F26C4F; /* Example: Red background */
}

/* Change the text color of dropdown items */
#blogCustom . WaGadgetBlog .some-dropdown-item-class {
    color: #FFFFFF; /* Example: White text */
}

/* Change colors on hover (optional but recommended) */
#blogCustom .some-dropdown-item-class:hover {
    background-color: rgb(243, 95, 62); /* Example: Blue background on hover */
    color: #FFFFFF;
}
.WaGadgetRecentBlogPosts .addPostButton { background-color: #F26C4F}