@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/minimal.ps.css");

:root {
  /* ── Fonts ─────────────────────────────────────────────── */
  --cp-heading-font: "Montserrat", system-ui;
  --cp-text-font: "Montserrat", sans-serif;

  /* ── Brand Colors ──────────────────────────────────────── */
  --cp-primary: #7A0015; /* THG Red */
  --cp-accent: #AA2432; /* THG Red Light */
  --thg-tan: #EEE9E2;

  /* ── Global Radius ─────────────────────────────────────── */
  --cp-radius: 0px;

  /* ── Typography Scale ───────────────────────────────────── */

  /* Cover / Hero H1 */
  --cp-cover-h1-size: clamp(2.4rem, 4.5vw, 3.5rem);
  --cp-cover-h1-weight: 300;
  --cp-cover-h1-tracking: 0.06em;
  --cp-cover-h1-transform: uppercase;

  /* Section H2 */
  --cp-h2-size: clamp(2rem, 4vw, 3rem);
  --cp-h2-weight: 400;
  --cp-h2-tracking: 0.02em;
  --cp-h2-transform: uppercase;
  --cp-h2-line-height: 1.1;

  /* H2 Eyebrow */
  --cp-h2-eyebrow-size: 0.65rem;
  --cp-h2-eyebrow-weight: 600;
  --cp-h2-eyebrow-tracking: 0.22em;
  --cp-h2-eyebrow-transform: uppercase;

  /* H3 */
  --cp-h3-size: clamp(1.3rem, 2.2vw, 1.8rem);
  --cp-h3-weight: 400;
  --cp-h3-tracking: 0.01em;
  --cp-h3-transform: none;

  /* H4 */
  --cp-h4-size: 1rem;
  --cp-h4-weight: 500;
  --cp-h4-tracking: 0.02em;
  --cp-h4-transform: none;

  /* Paragraph / Body */
  --cp-p-size: 1rem;
  --cp-p-weight: 300;
  --cp-p-line-height: 1.85;
  --cp-p-color: #4a5568;

  /* ── Header ─────────────────────────────────────────────── */
  --header-position: absolute;
  --header-container-width: 1440px;
  --header-bg-color: transparent;
  --header-desktop-link-color: #fff;
  --header-scroll-bg-color: var(--cp-primary);
  --header-desktop-scroll-text-color: #fff;
  --hambuger-home-color: #fff;
  --hambuger-home-scroll-color: #fff;
  --hamburger-top-position: 35%;

  --header-logo-banner-bg-color: #ffffff;
  --header-logo-banner-bottom-border: none;
  --header-nav-banner-bg-color: #ffffff;
  --header-top-display: none;
  --header-top-banner-bg-color: transparent;
  --header-link-weight: 300;
  --header-link-letter-spacing: 0.08em;
  --header-link-text-transform: uppercase;
  --header-mobile-menu-top-position: 50%;
  --header-mobile-menu-icon-color: #1a3a5c;

  /* ── Logo ───────────────────────────────────────────────── */
  --home-primary-logo_display: none;
  --home-primary-logo_max-width: 240px;
  --home-primary-logo_transform: scale(1) translate(0px, 0px);
  --home-primary-logo_filter: brightness(0) invert(1);
  --home-primary-logo-scroll-transform: scale(1) translate(0px, 0px);
  --home-primary-logo-scroll_filter: brightness(0) invert(1);

  --home-secondary-logo_max-width: unset;
  --home-secondary-logo_transform: scale(1) translate(0px, 0px);
  --home-secondary-logo_filter: brightness(0) invert(1);
  --home-secondary-logo-scroll-transform: scale(1) translate(0px, 0px);

  --inner-primary-logo_display: none;
  --inner-primary-logo_max-width: 220px;
  --inner-primary-logo_transform: scale(1) translate(0px, 0px);
  --inner-primary-logo_filter: unset;

  --inner-secondary-logo_max-width: unset;
  --inner-secondary-logo_transform: unset;
  --inner-secondary-logo_filter: unset;

  /* ── Cover ──────────────────────────────────────────────── */
  --cp-cover-default-height: 100vh;
  --cp-cover-default-height-top-margin: -170px;
  --cp-cover-large-height: 100vh;
  --cp-cover-large-height-top-margin: -170px;
  --cp-cover-swiper-slide-overlay: rgba(15, 30, 50, 0.55);

  /* ── Search Bar ─────────────────────────────────────────── */
  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.95);
  --cover-search-bar-text-color: #1a3a5c;
  --cover-search-bar-placeholder-color: #7a8fa6;
  --cover-search-button-bg-color: #fff;
  --cover-search-button-icon-color: gold;
}

/* Updates */
#home-bodycontent .content .cover .cp-hero-content__eyebrow {
  color: #fff;
}
#home-bodycontent #horizontal-search #qs-submit {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.cp-im-box-link.overlay-gradient .cp-im-box-content p {
  max-width: 80%;
  margin: auto;
  font-size: 1rem
}
#home-bodycontent #horizontal-search #qs-submit {
  background-color: var(--cp-accent) !important;
  color: #fff !important;
}
.footer-logo {
  width: 100%;
  max-width: 150px;
  margin-bottom: 2rem;
  filter: invert(1);
}
@media only screen and (max-width:767px){
  .footer-logo {
    display: block;
    margin: 0 auto 2rem;
  }
}