/**********************************************
 * Standalone Beamer header
 * - Gradient header
 * - Replace H1 text with SpaSoft logo
 * - Hide logo on scroll so H1 text returns
 **********************************************/
 
 body.hasModes:not(.searching) .header.asleep{
  	height: 60px !important;
  	padding: 10px 70px 50px;
  }
body.standalone {

  /* Gradient header background (leave all other styles as-is) */
  header,
  .header,
  .bmr-header,
  .headerTitle,
  .bmr-header-title {
    background: linear-gradient(120deg, #00c6b8 0%, #0074a6 100%) !important;
  }
  .catItem.watermark{
  	display:none;
  }
  
  body.hasModes:not(.searching) .header.asleep{
  	height: 60px !important;
  }

  /* Ensure no solid backgrounds on titles so gradient shows through */
  header h1,
  .header h1,
  .bmr-header h1,
  .headerTitle h1,
  .bmr-header-title h1,
  header h2,
  .header h2,
  .bmr-header h2,
  .headerTitle h2,
  .bmr-header-title h2 {
    background: transparent !important;
  }
  .header.asleep .headerTitle{
     padding:0;
  }

  /* We won't use the separate publicLogo element—hide it */
  .publicLogo.custom { display: none !important; }

  /* Replace the H1 link text with your SpaSoft logo */
  .headerTitle > a {
    position: relative;
    display: inline-block;          /* keep the link clickable */
    color: transparent !important;  /* hide "What's new on SpaSoft" text */
    text-shadow: none !important;
  }

  .headerTitle > a::before {
    content: "";
    display: inline-block;
    width: 160px;                   /* smaller logo */
    height: 45px;                   /* proportional height */
    background: url('https://7940654.fs1.hubspotusercontent-na1.net/hubfs/7940654/Logos/SpaSoft-Main-Long-Logo-White_300px_FINAL.png')
                no-repeat left center / contain;
    vertical-align: middle;
  }

  /* On sticky hea*
  
/* Slightly increase the subtitle size */
header .headerSubtitle,
.bmr-header .headerSubtitle,
.headerTitle .headerSubtitle {
  font-size: 1.125rem !important; /* ~18px */
  line-height: 1.35 !important;   /* keep it tidy */
}