/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

html {
    scroll-behavior: smooth;
}   

:root {
  --size-step-11: clamp(3.78875rem, 1.35rem + 11.84vw, 10.448125rem);
  --leading-micro: 0.85;
  --font-black: 900;
}

@property --cft-captured-length {
    syntax: '<length>';
    initial-value: 0px;
    inherits: true;
  }
  
.words {
width: 100%;
}

.container-fill-text {
    --cft-captured-length: initial; /* reset the registered prop at root */

    display: flex;
    container-type: inline-size;
    width: 100%;

    /* Typography */
    line-height: 0.9;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
  }

  .container-fill-text__reference {
    /* Hidden duplicate — exists only to give the flex layout a
       natural-width "anchor" so the container can measure remainder */
    visibility: hidden;
    white-space: nowrap;
  }

  .container-fill-text__container {
    /* Capture the OUTER container's 100cqi BEFORE this element
       becomes its own container (that's the @property magic) */
    --cft-captured-length: 100cqi;
    --cft-available-space: var(--cft-captured-length);

    flex-grow: 1;
    container-type: inline-size;
  }

  .container-fill-text__display {
 --cft-captured-length: 100cqi;

    --cft-ratio: tan(
      atan2(
        var(--cft-available-space),
        var(--cft-available-space) - var(--cft-captured-length)
      )
    );

    display: block;

    /* Force the element to span the full available width,
       so the scaled-up text doesn't wrap */
    inline-size: var(--cft-available-space);

    /* Fallback for no @property support */
    font-size: 3rem;

    /* The magic: scale font-size by the ratio.
       - min: 1rem  (never smaller than body text)
       - ideal: 1em × ratio  (fills the container)
       - max: no limit (infinity * 1px) */
    font-size: clamp(
      1rem,
      1em * var(--cft-ratio),
      calc(infinity * 1px)
    );

    /* Once the ratio kicks in, prevent wrapping */
    white-space: nowrap;
  }
  
  /*
  #bm1-logo-cont {
      width: 33.33%;
  }
  
  #bm1-nav-cont {
      width: 66.67%;
  }
  */
  #masthead .e-button-base {
     background-color: #E7D13F;
     background: #E7D13F;
  }