/* workaround css for forcing svg files to appear */
/* ref: https://www.jucra.com/whmcs/knowledgebase/140/ */
img[src$=".svg"] { width: 100% !important; height: auto !important; }
.navbar-custom .navbar-brand { height: auto; }
.page-id-4.entry-title{
display:none; !important;
}
.frontpage-banner .block-title:after {
    display: none;
}
.page .page-title {
    display: none;
}
.frontpage-content .block-title {
    display: none;
}
#menu-main-nav-right {
    margin-top: 14px;
}
.credit {
    display: none;
}
.copyright {
    margin-top: 7px;
}
.image-logo {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.image-logo img {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    filter: none; 
    -webkit-filter: blur(0px); 
    -moz-filter: blur(0px); 
    -ms-filter: blur(0px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
@media (max-width: 767px) {
	.image-logo { max-width: calc(100% - 50px); }
	.image-logo img { max-width: 100%; }
}
/* 1. Hide the top Jumbotron / Banner section completely */
.blog .jumbotron-header,
.blog .jumbotron,
.blog .header-banner,
.blog .page-banner,
.blog .banner-image,
.blog .frontpage-banner {
    display: none !important;
    background-image: none !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
}

/* 2. Hide the secondary duplicate featured banner image directly beneath it */
.blog .entry-header .post-thumbnail,
.blog .featured-image-single,
.blog .page-header-bg,
.blog .banner-image-wrapper {
    display: none !important;
}

/* 3. Pull main content up cleanly under the main site menu */
.blog .main-wrapper,
.blog #primary {
    margin-top: 0 !important;
    padding-top: 20px !important;
}
/* Target only the Updates / News Page Feed */
body.page-slug-updates .content-area main,
body.page-id-28 .entry-content, /* Replace 28 with your actual Page ID if needed */
.category-updates .site-main,
.page-template-default.page-updates article.page .entry-content {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2rem !important;
  align-items: stretch;
}

/* Format Individual News Items into Cards */
body.page-slug-updates article,
.category-updates article,
.page-updates .entry-content > div,
.page-updates .entry-content > p {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 0 !important; /* Clears default list margins */
}

/* Card Hover Elevation Effect */
body.page-slug-updates article:hover,
.category-updates article:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
}

/* Ensure Headings Fit Nicely Inside Cards */
body.page-slug-updates article h2,
body.page-slug-updates article h3 {
  font-size: 1.25rem;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/* Responsive Mobile Rules: Collapse to 1 Column on Small Screens */
@media screen and (max-width: 768px) {
  body.page-slug-updates .content-area main,
  body.page-id-28 .entry-content,
  .category-updates .site-main,
  .page-template-default.page-updates article.page .entry-content {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
}