/* Static part of the title – smaller and thinner */
.pwr-hero__title-inner {
  font-size: 60%;   /* or a custom value like 1.25rem */
  font-weight: 500; /* lighter weight */
  line-height: 1.2; /* slightly bigger for mobile readability */
  display: block; 
  text-transform: none;
}

.pwr-hero__title-inner::first-letter {
  text-transform: uppercase;
}

/* Static part of the title – smaller and thinner */
.pwr-hero__title-inner {
  font-size: 60%;
  font-weight: 500;
  line-height: 1.2;
  display: block; 
  text-transform: none;
}

/* Shrink static title on mobile so it stays on one line */
@media (max-width: 576px) {
  .pwr-hero__title-inner {
    font-size: 45%;
  }
}

/* Typewriter text – full h1 styling */
.Typewriter__wrapper {
  font-size: var(--h1-font-size); /* or 2.5rem */
  color: #67a33b;
  line-height: 1.1; /* slightly looser than 1 */
}

/* Make the static .Typewriter__wrapper look identical to the animated version */
.pwr-hero__title-inner .Typewriter__wrapper {
  /* REMOVED: font-size: 100% !important; */
  /* REMOVED: transform: scale(1.67); */
  /* REMOVED: transform-origin: left bottom; */

  font-size: 167% !important; /* This achieves the exact same size as scale(1.67) but correctly */
  font-weight: 900;
  color: #67a33b;
  text-transform: uppercase;
  line-height: 1.1;
  margin-top: 0px;
  display: inline-block;
  vertical-align: baseline;
  width: 100%; /* Ensures it respects container width and wraps if needed */
  white-space: normal; /* Allows text to wrap naturally */
}
/* Tablet Specific Sizing for Typewriter Text */
@media (max-width: 1024px) {
  .pwr-hero__title-inner .Typewriter__wrapper {
    font-size: 120% !important; /* Reduced from 167% to fit better */
    line-height: 1.05; /* Tighter line height for wrapping text */
  }
}

/* --- UNIFIED TYPEWRITER TEXT SIZING --- */

/* Default (Mobile Phones < 576px) */
@media (max-width: 576px) {
  .pwr-hero__title-inner .Typewriter__wrapper {
    /* 8.8vw is the "Goldilocks" size */
    /* It's ~34px. Big enough to dominate, small enough to fit on one line. */
    font-size: 8.8vw !important; 
    line-height: 1.1;
    
    /* Standard wrapping allows long titles (Calculator page) to stack naturally */
    white-space: normal !important;
    
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }
}

/* Tablets & Landscape Phones (576px - 1024px) */
@media (min-width: 576px) and (max-width: 1024px) {
    .pwr-hero__title-inner .Typewriter__wrapper {
        font-size: 120% !important;
        line-height: 1.15; /* Slightly more breathing room than mobile */
    }
}

/* Laptops & Desktops (> 1024px) */
@media (min-width: 1025px) {
    .pwr-hero__title-inner .Typewriter__wrapper {
        font-size: 167% !important; /* Your original big desktop size */
        line-height: 1.1; /* Kept tight for the big impactful text */
    }
}


/* --- FIX MOBILE COOKIE BANNER --- */
@media (max-width: 576px) {
  /* Target the main cookie box */
  div#hs-eu-cookie-confirmation {
    max-width: 90% !important; /* Keeps it from touching screen edges */
    width: 90% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* Perfectly centers it */
    box-shadow: 0 0 15px rgba(0,0,0,0.2); /* Adds a subtle drop shadow */
  }

  /* Shrink the massive padding inside the box */
  div#hs-eu-cookie-confirmation .hs-eu-cookie-confirmation-inner {
    padding: 15px !important; /* Reduced from default 24px+ */
  }

  /* Shrink the legal text */
  div#hs-eu-cookie-confirmation .hs-eu-cookie-confirmation-inner p {
    font-size: 12px !important; /* Much smaller, readable text */
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    text-align: left; 
  }

  /* Tighten up the button area */
  div#hs-eu-cookie-confirmation .hs-eu-cookie-confirmation-buttons-area {
    margin-top: 5px !important;
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  /* Make the buttons themselves smaller/compact */
  div#hs-eu-cookie-confirmation a#hs-eu-confirmation-button,
  div#hs-eu-cookie-confirmation a#hs-eu-decline-button {
    font-size: 12px !important;
    padding: 8px 16px !important;
    margin: 0 !important; /* Removes default HubSpot margins */
  }
}


.pwr-sec__clients--intro-sec {
  overflow: visible !important;
  padding-bottom: 3rem; /* Adjust this until the full text is shown */
}
.pwr-sec__title {
  line-height: 1.1; /* or higher if it's still cut off */
  display: block;
  padding-bottom: 10px;
}
.pwr-sec__clients__desc {
  margin-top: 2rem; /* Adds space between title and text */
}
.pwr-sec-clients {
  overflow: visible !important;
  padding-bottom: 3rem;
}

.pwr-sec__title + .pwr-sec__desc {
    margin-top: 15px;
}
  

/* Topbar X(Twitter) Logo Details */
.pwr-social-icon:nth-child(3) img {
    height: 16px;
    width: 16px;
    vertical-align: middle;
}
footer .pwr-social-icon:nth-child(3) img {
    height: 18px !important;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto; /* Optional: adds hyphens when breaking words for a cleaner look */
}

@media only screen and (max-device-width: 900px) and (orientation: landscape) {
    h1 {
        font-size: 32px !important; /* Matches your mobile H1 */
        line-height: 38px !important;
    }
    h2 {
        font-size: 26px !important; /* Matches your mobile H2 */
        line-height: 32px !important;
    }
}



@media (max-width: 1024px) {
    /* Removes extra padding from the main header container */
    .pwr-header--padding, .pwr-full-width {
        padding-left: 15px !important; /* Sets a standard, minimal safe padding */
        padding-right: 15px !important;
    }

    /* Ensures the logo wrapper itself doesn't have extra margin */
    .pwr-header-logo {
        margin-left: 0 !important;
    }
}

.pwr-calculator__results-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* Optional, only needed if the theme forces a gradient */
}

/* Remove space below the "Payback Period" title */
.pwr-calculator-result_title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove space above the "1.2 years" result */
.pwr-calculator-result_value {
    margin-top: 0 !important;
    padding-top: 0 !important;
    
    /* Optional: Tightens the height of the text box itself */
    line-height: 1 !important; 
}

/* 1. Reset all spacing for the list */
.pwr-calculator-results__intermediate .pwr-calculator-result {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border: none !important;
}

/* 2. Target the Values directly to remove font spacing */
.pwr-calculator-results__intermediate .pwr-calculator-result_value {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1.0 !important; /* Forces the text to be shorter vertically */
    padding-bottom: 2px !important; /* Tiny buffer so letters like 'g' or 'y' don't get cut off */
}

/* 3. Pull the "Secondary" numbers up closer to the top ones */
/* We add a negative margin to the 2nd item of each group to pull it up */
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(2),
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(4),
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(6) {
    margin-top: -5px !important; /* Pulls the row UP towards the previous number */
}

/* 4. Create the Section Gaps (Weight, Grain & Super B) */
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(3),
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(5),
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(7) {
    margin-top: 20px !important; /* Distance between groups */
}

/* 5. Hide the secondary labels */
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(2) .pwr-calculator-result_title,
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(4) .pwr-calculator-result_title,
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(6) .pwr-calculator-result_title {
    display: none !important;
}

/* 7. Resize the "Loads" suffix using the correct double underscore */
.pwr-calculator-results__intermediate .pwr-calculator-result:nth-child(7) .pwr-calculator-result__suffix {
    font-size: 16px !important; 
    font-weight: 600 !important; 
    margin-left: 6px !important; 
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 1. Target the Container (Use double underscore __ ) */
.pwr-calculator__input-label {
    display: flex !important;
    align-items: center !important; /* Centers vertically */
    gap: 10px !important; /* Space between icon and text */
}

/* 2. Reset the Icon Wrapper */
.pwr-calculator_inputs-title-icon {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0px !important;
    height: auto !important;
}

/* 3. Reset the Text Label (removes default bottom margin) */
.pwr-calculator__input-label label {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height: 1.0 !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper {

 top: calc(100%) !important;

}


@media (min-width: 991px) {

 footer .pwr-adc__col.pwr-adc__col--width-2:last-child, footer .pwr-adc__col.pwr-adc__col--width-4{

   width:25%;

 }

}

h1.pwr-post-header__title {
    font-weight: 900 !important;
}


.pwr-prev-next-nav {
    --clr-primary: #dcddde !important;
    --clr-background-accent-dk: #dcddde !important;
    --clr-background-accent-lt: #dcddde !important;
    background: #dcddde !important;
}

.pwr-prev-next-nav::before,
.pwr-prev-next-nav .pwr-prev-next-nav__container {
    background: transparent !important;
    background-color: transparent !important;
}



/* 1. Nuke the green background circle */
.pwr-author-profile .pwr-avatar::before,
.pwr-author-profile .pwr-avatar::after,
.pwr-author-profile .pwr-avatar__round::before,
.pwr-author-profile .pwr-avatar__round::after {
    display: none !important;
    background: transparent !important;
}

/* 2. Tighten the gap between the name and title */
.pwr-author-profile__name {
    margin-bottom: 2px !important; 
    line-height: 1.1 !important;
}

/* 3. Perfectly vertically align the icons */
.pwr-author-profile__social {
    display: flex !important;
    align-items: center !important; /* This forces perfect vertical centering */
    gap: 12px !important; /* Adds clean, even spacing between the icons */
    margin-top: 8px !important; /* Gives the icons breathing room from the title */
}
/* Strip hidden margins from the individual links to allow perfect flex alignment */
.pwr-author-profile__social a {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1 !important;
    display: flex !important;
}

/* Crush the theme's default medium padding classes on the author block */
.pwr-author-profile__wrapper.pwr--sec-padding-t-md.pwr--sec-padding-b-md {
    padding-top: 0px !important; 
    padding-bottom: 15px !important;
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
}

/* 1. Strip the bottom spacing from the main post wrapper */
.pwr-post-body,
.pwr-post-content {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

/* 2. Reduce the top spacing pushing down the "Related" section */
#hs_cos_wrapper_blog_post_preview {
    padding-top: 30px !important; /* Adjust this number if you want it tighter/looser */
    margin-top: 0px !important;
}

/* Pull the author photo up to align with the text */
.pwr-author-profile .pwr-avatar {
    margin-top: -15px !important; 
}

/* Remove any hidden margins on the text block itself that might throw off the math */
.pwr-author-profile__content {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* 1. Set the top and bottom spacing of the entire Related section to 80px */
.pwr-sec-posts {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* 2. Force the gap below the "RELATED" header to be exactly 40px */
.pwr-sec-posts__intro-sec {
    margin-bottom: 40px !important;
    padding-bottom: 0px !important; 
}

/* 3. Strip any hidden theme margins from the H2 text itself so the 40px math is perfect */
.pwr-sec-posts__intro-sec h2#related {
    margin-bottom: 0px !important;
}

/* --- FIX BLOG HEADER MOBILE WORD BREAK --- */
@media (max-width: 576px) {
  h1.pwr-post-header__title {
    font-size: 30px !important; /* Shrinks the text just enough to fit the 13-letter word */
    line-height: 1.1 !important;
    
    /* Overrides your global rule to forbid word-breaking */
    word-wrap: normal !important; 
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }
}


@media (max-width: 576px) {
  .Typewriter {
    display: block;
    min-height: 2.8em;
  }
}


<div class="novid-fullbleed">
  <iframe
    src="https://timely-liger-1cc895.netlify.app"
    title="Novid Tank Configurator"
    width="100%"
    height="900"
    frameborder="0"
    style="border:0;"
  ></iframe>
</div>

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/