/* Local static-site fixes for Squarespace 7.1 export.
 * Without Squarespace client boot, global animations keep .content-wrapper at opacity:0.
 */
body.tweak-global-animations-animation-type-fade section > .content-wrapper,
body.tweak-global-animations-animation-type-slide section > .content-wrapper,
body.tweak-global-animations-animation-type-scale section > .content-wrapper,
body.tweak-global-animations-animation-type-clip section > .content-wrapper,
body.tweak-global-animations-animation-type-flex section > .content-wrapper,
body.tweak-global-animations-animation-type-fade header,
body.tweak-global-animations-animation-type-slide header,
body.tweak-global-animations-animation-type-scale header,
body.tweak-global-animations-animation-type-clip header,
body.tweak-global-animations-animation-type-flex header,
body.tweak-global-animations-animation-type-fade footer,
body.tweak-global-animations-animation-type-slide footer,
body.tweak-global-animations-animation-type-scale footer,
body.tweak-global-animations-animation-type-clip footer,
body.tweak-global-animations-animation-type-flex footer {
  opacity: 1 !important;
}

/* Animation role images / segments should not stay clipped/hidden */
body.tweak-global-animations-enabled .preFade,
body.tweak-global-animations-enabled .preFlex,
body.tweak-global-animations-enabled .animation-segment-parent-hidden {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
}

/* Fallback text/bg if theme CSS variables were not inlined on the page */
body {
  --siteBackgroundColor: #ffffff;
  --paragraphMediumColor: #2c2c2c;
  --paragraphLargeColor: #2c2c2c;
  --paragraphSmallColor: #4a4a4a;
  --headingExtraLargeColor: #1a1a1a;
  --headingLargeColor: #1a1a1a;
  --headingMediumColor: #1a1a1a;
  --headingSmallColor: #1a1a1a;
  --paragraphLinkColor: #1a5f4a;
  --primaryButtonBackgroundColor: #EA7839;
  --primaryButtonTextColor: #ffffff;
  /* Tall partner banner logo: max-height 191px + header vertical padding */
  --romli-header-offset: calc(191px + 4vw + 20px);
}

/*
 * Blog catalog + article templates under fixed header.
 * Logo can be up to 191px tall — previous 110px offset was far too small.
 * JS sets the exact measured height when available.
 */
body.tweak-fixed-header main#page.romli-fixed-header-offset {
  padding-top: var(--romli-header-offset) !important;
  box-sizing: border-box;
}

body.tweak-fixed-header main#page.romli-fixed-header-offset .romli-sticky-aside {
  top: calc(var(--romli-header-offset) + 12px) !important;
}

@media only screen and (max-width: 767px) {
  body {
    --romli-header-offset: calc(67px + 8vw + 24px);
  }
}