/*#main {
	padding: 40px 0 40px 0 !important;
}*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}


/* =========== Header =========== */
/* ============================== */
/* When LOGGED IN: hide the login microwidget, show the menu */
body.logged-in .mini-login { display: none !important; }
body.logged-in .mini-nav   { display: inline-flex !important; }

/* When LOGGED OUT (i.e., NOT .logged-in): show the login microwidget, hide the menu */
body:not(.logged-in) .mini-login { display: inline-flex !important; }
body:not(.logged-in) .mini-nav   { display: none !important; }



/* =========== Nav Bar ========== */
/* ============================== */

/* ========= STICKY OFF ========== */
.masthead:not(.side-header).full-height .main-nav {
    margin-left: 3px !important;
}

/* Make the Sign Up Now nav item look like a site button */
.sticky-off li.signUpButton > a {
    background-color: #1e73be !important;
    padding: 0px 15px !important;
	  margin-top: 22px !important;
	  margin-bottom: 22px !important;
	  margin-left: 5px !important;
    border-radius: 0px !important;
    font-weight: 600;
    text-transform: none;
    display: inline-block;
}

/* Remove the underline hover animation from The7 */
.sticky-off li.signUpButton a .underline {
    display: none !important;
}

/* Hover state */
.sticky-off li.signUpButton > a:hover {
    background-color: #ffffff !important;
    color: #ef7700 !important;
	  box-shadow: none !important;
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li.signUpButton > a:hover span {
    color: #ef7700 !important;
}

/* ========= STICKY ON ========== */
/* Make the Sign Up Now nav item look like a site button */
.sticky-on li.signUpButton > a {
    background-color: #1e73be;
    color: #ef7700 !important;
    padding: 5px 15px !important;
	  margin-top: 8px !important;
	  margin-bottom: 10px !important;
	  margin-right: 15px !important;
	  margin-left: 1px !important;
    border-radius: 0px !important;
    font-weight: 600;
    text-transform: none;
    display: inline-block;
	  border: 1px solid #1e73be !important;
}

/* Remove the underline hover animation from The7 */
.sticky-on li.signUpButton a .underline {
    display: none !important;
}

/* Make menu text inside the Sign Up Now button white */
.sticky-on li.signUpButton a .menu-text {
    color: #ffffff !important;
}

.sticky-on li.signUpButton a .menu-text,
#phantom li.signUpButton a .menu-text {
    color: #ffffff !important;
}

/* Hover state */
.sticky-on li.signUpButton > a:hover {
    background-color: #ffffff !important;
    color: #ef7700 !important;
    border: 1px solid #ef7700 !important;
	  box-shadow: none !important;
}

.sticky-on .main-nav > li.signUpButton > a:hover span {
    color: #ef7700 !important;
}

/* Fix alignment inside header nav */
.sticky-on li.signUpButton {
    margin-left: 1px !important;
}

/* ========= INTERIOR HEADER ========== */
.main-nav > li.signUpButton:not(.wpml-ls-item) > a {
	  border: 1px solid #1e73be !important;
}

.main-nav > li.signUpButton:not(.wpml-ls-item) > a .menu-text {
    color: #ffffff !important;
}

/* Hover state */
.main-nav > li.signUpButton:not(.wpml-ls-item) > a:hover {
    background-color: #ffffff !important;
    color: #ef7700 !important;
    border: 1px solid #ef7700 !important;
	  box-shadow: none !important;
}

.main-nav > li.signUpButton:not(.wpml-ls-item) > a:hover span,
.main-nav > li.signUpButton:not(.wpml-ls-item) > a .menu-text:hover  {
    color: #ef7700 !important;
}

/* ============================== */
/* ============================== */




/* =========== Mega Nav =========== */
/* ============================== */
.dt-mega-menu-wrap {
  background-image: url('/wp-content/uploads/2025/09/MegaNavBG.jpg');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: rgba(255, 255, 255, 0.8); /* white overlay with 80% opacity */
  background-blend-mode: multiply; /* or overlay/soft-light depending on effect */
}

/* ============================== */
/* ============================== */




/* ========= Popup Nav ========== */
/* ============================== */
/* Change Icegram popup headline color */
#icegram_message_58359 .ig_headline {
    color: #ef7700 !important;
}

/* Add background image to IG DATA so it actually displays */
#icegram_message_58359 .ig_data {
    background-image: url('/wp-content/uploads/2025/09/MegaNavBG.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 800px auto; /* adjust as needed */
    position: relative;
    z-index: 1;
}

/* Ensure the overlay does not block the background image */
#icegram_message_58359 .ig_bg_overlay {
    background: transparent !important;
    border: none !important;
}

/* Side-by-side layout for Icegram popup */
#icegram_message_58359 .fh-bf-layout {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

/* Image locked to left */
#icegram_message_58359 .fh-bf-layout img {
    flex: 0 0 auto;
    max-width: 40%;
    height: auto;
    margin: 0 !important; /* override theme centering */
    border-radius: 4px;
}

/* Text content on the right */
#icegram_message_58359 .fh-bf-copy {
    flex: 1 1 auto;
    text-align: left !important;
}

/* Headline styling inside custom copy block */
#icegram_message_58359 .fh-bf-copy h2 {
    color: #ef7700 !important;
    margin-top: 0;
}

/* Refine paragraph spacing */
#icegram_message_58359 .fh-bf-copy p {
    margin-bottom: 0.5em;
}

/* Divider line above disclaimer */
#icegram_message_58359 .fh-divider {
    border-top: 1px solid #ef7700;
    margin: 12px 0 8px 0;
    width: 90%;
}

/* Disclaimer styling */
#icegram_message_58359 .fh-disclaimer {
    font-size: 12px;
    color: #ef7700;
    margin-top: 0;
}

/* Prevent Icegram theme from forcing centered text */
#icegram_message_58359 .ig_message,
#icegram_message_58359 .ig_content {
    text-align: left !important;
}

#icegram_message_58385 .ig_message {
    padding: .2em 0 0 !important;
    font-size: .95em !important;
}


/* --- CYBER MONDAY POPUP STACKED LAYOUT --- */

/* Change Icegram popup headline color */
#icegram_message_58470 .ig_headline {
    color: #ef7700 !important;
}

#icegram_message_58470 .fh-cm-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

/* Cyber Monday image */
#icegram_message_58470 .fh-cm-image {
    max-width: 80%;
    height: auto;
    margin: 0 auto 10px auto;
}

/* Text block centered */
#icegram_message_58470 .fh-bf-copy {
    text-align: center !important;
}

/* Refine paragraph spacing */
#icegram_message_58470 .fh-bf-copy p {
    margin-bottom: 0.5em;
}

/* Divider line */
#icegram_message_58470 .fh-divider {
    border-top: 1px solid #ef7700;
    margin: 12px auto 8px auto;
    width: 90%;
}

/* Disclaimer text */
#icegram_message_58470 .fh-disclaimer {
    font-size: 12px;
    color: #ef7700;
    margin-top: 0;
    text-align: center;
}



/* --- POPUP Buttons --- */

/* Hover effect: white background, orange text, orange border */
#icegram_message_58359 .ig_button:hover, #icegram_message_58470 .ig_button:hover {
    background-color: #ffffff !important;
    color: #ef7700 !important;
    border: 1px solid #ef7700 !important;
	  box-shadow: none !important;
}

#icegram_message_58385 .ig_button {
    background-color: #ffffff !important;
    color: #ef7700 !important;
	  box-shadow: none !important;
	  border-radius: 0px !important;
	  background-image: none !important;
}

#icegram_message_58385 .ig_button:hover {
    background-color: #ffffff !important;  
	  font-weight: 700 !important;
	  border: 1px solid #ef7700 !important;
	  background-image: none !important;
	  opacity: 1 !important;
}

/* ----------------------------- */
/* MOBILE RESPONSIVE BEHAVIOR    */
/* ----------------------------- */
@media (max-width: 778px) {
    #icegram_message_58359 .fh-bf-layout {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #icegram_message_58359 .fh-bf-layout img {
        max-width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 10px !important;
    }

    #icegram_message_58359 .fh-bf-copy {
        text-align: center !important;
    }

    #icegram_message_58359 .fh-divider {
        width: 100%;
        margin: 16px auto 10px auto;
    }
}


/* ============================== */
/* ============================== */




/* ============ Cart ============ */
/* ============================== */
.flos-cart-item-note {
  margin-top: 4px;
  opacity: 0.85;
  line-height: 1.3;
}

/* ============================== */
/* ============================== */



/* ==== Client Intake Journey === */
/* ============================== */

/* Coaches Calendar Widget */
iframe[src*="leadconnectorhq.com/widget/booking/3q54v3wqXX3j11MFej0Z"] {
  display:block;
  margin-top:-3rem !important;
}


/* Accelerate section layout */
#accelerate-flex {
  gap: 5px;
}

/* Make the image scale nicely */
#accelerate-flex .accelerate-image img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 500px; /* keeps desktop image from getting too large */
}

/* Tighten the title spacing a bit (Gravity Forms/The7 friendly) */
#accelerate-title .gsection_title {
  margin: 0 0 10px 0;
  line-height: 1.2;
}

/* Mobile: stack image above text */
@media (max-width: 778px) {
  #accelerate-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #accelerate-flex .accelerate-image {
    padding: 0 !important;     /* remove right padding on mobile */
  }
  #accelerate-flex .accelerate-copy {
    padding-top: 10px;
  }
}

/* Optional: slightly larger, comfortable reading size */
#gfield_description_accelerate1 {
  font-size: 16px;
  line-height: 1.55;
  padding-bottom: 20px;
}

/* If any theme CSS forces images to overflow, keep them contained */
#accelerate-flex .accelerate-image { max-width: 100%; }


/* ============================== */
/* ============================== */



/* ========== Why Flos ========== */
/* ============================== */

/* Why Counters */
@media (min-width: 778px) {
  #counter3 > .vc_column-inner { padding-left: 0px !important; }
}


/* ============================== */
/* ============================== */


/* Remove ONLY the top padding on this page */
.page-id-57364 .top-header .main-nav .dt-mega-menu-wrap {
  padding-top: 0 !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    padding-left: 0px !important;
}

.l-to-r-line > li > a i.underline {
  background-color: #ef7700 !important;
}

#custom_html-2 {
  padding-top: 15px;
}

#custom_html-2 .default-btn-shortcode:hover,
#custom_html-2 .default-btn-shortcode:hover span {
  color: #ef7700 !important;
}

.dt-mega-menu-wrap .fa-fw.icomoon-the7-font-the7-arrow-37 {
  color: #1d73be;
}

.fa-fw.icomoon-the7-font-the7-arrow-37 {
  color: #1e73be !important;
}


#ultimate-heading-405768b919e08fedb { 
	text-align: left !important; 
}
#ultimate-heading-405768b919e08fedb h2 { 
	font-size: 32px !important;
	line-height: 1.2; 
}
#ultimate-heading-405768b919e08fedb h3 { 
	font-size: 18px !important;
	line-height: 1.4;
	font-weight: 600;
	margin: 10px 0 15px; 
}

/* Make each H5 a row with a fixed-width icon column */
#ultimate-heading-405768b919e08fedb .uvc-sub-heading h5 {
  display: flex;
  align-items: center;
	font-weight: 400 !important;
  color: #5a5a5a !important;
  margin: 0 0 8px;
}

/* Uniform icon width so text aligns */
#ultimate-heading-405768b919e08fedb .uvc-sub-heading h5 i {
  flex: 0 0 20px;
  text-align: center;
  margin-right: 8px !important;
}

/* Icons in this heading area */
#ultimate-heading-405768b919e08fedb .uvc-sub-heading i,
#ultimate-heading-405768b919e08fedb .uvc-sub-heading i::before,
#ultimate-heading-405768b919e08fedb .uvc-sub-heading svg {
  color: #1d73be !important;  /* Font icons & FA SVG (uses currentColor) */
  fill: #1d73be !important;   /* Extra safety for SVG paths */
}

.uvc-heading-spacer {
	height: 2px !important;
}

.product:not(.elementor) .related.products {
    padding-bottom: 50px !important;
}

.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 25px !important;
    padding-right: 25px !important;
    width: 100%;
}

.vc_row {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

/* Strong override that wins against .vc_custom_* */
.vc_row.flos-bg-bottom-left,
.vc_column-inner.flos-bg-bottom-left,
.flos-bg-bottom-left[class*="vc_custom_"] {
  background-position: left bottom !important;
  background-repeat: no-repeat !important;  /* keep if needed */
  /* background-size: auto !important;      // or 'cover' / 'contain' */
}

.widget-title {
    font-weight: bold;
}

#place_order:hover {
  border-color: #ef7700 !important;
}

/* ============================== */
/* ============================== */



/* ========== Pricing =========== */
/* ============================== */

/* Horizontal menu for WPBakery Custom Menu element */
.flos-inline-menu ul,
.flos-inline-menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;               /* wraps nicely on small screens */
  gap: clamp(8px, 2vw, 24px);    /* responsive spacing */
  align-items: center;
}

.flos-inline-menu li {
  display: flex;
}

.flos-inline-menu a {
  display: block;
  padding: 12px 6px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;                 /* respects theme font color */
  position: relative;
  transition: color .2s ease;
}

/* Hover/active underline indicator */
.flos-inline-menu a::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 6px;
  height: 2px;
  background: currentColor;       /* matches link color */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease;
}

.flos-inline-menu a:hover::after,
.flos-inline-menu .current-menu-item > a::after,
.flos-inline-menu .current_page_item > a::after,
.flos-inline-menu a[aria-current="page"]::after {
  transform: scaleX(1);
}

@media (max-width: 778px) {
  .flos-inline-menu ul,
  .flos-inline-menu .menu {
    justify-content: center;      /* center on mobile */
    gap: 10px 16px;
  }
}

.shadow-text {
  /* Horizontal offset: 1px, Vertical offset: 1px, Blur radius: 3px, Color: black */
  text-shadow: 1px 1px 3px #000000;
}

.pricing-cta-box {
  min-height: 312px !important; /* change as needed */  
  border-radius: 10px !important;
}

.pricing-cta-box2 {
  min-height: 332px !important; /* change as needed */  
  border-radius: 10px !important;
}

#pricing-weight-loss [style*="background-image"],
#pricing-weight-loss div {
  background-position: top !important;
}

#pricing-flos-formation [style*="background-image"],
#pricing-flos-formation div {
  background-position: top !important;
	background-position-y: -80px !important;
}

@media (max-width: 778px) {
  #pricing-flos-formation [style*="background-image"],
  #pricing-flos-formation div {
      background-position-x: -70px !important;
  }

  #pricing-testosterone [style*="background-image"],
  #pricing-testosterone div {
      background-position-x: -70px !important;
  }

  #pricing-weight-loss [style*="background-image"],
  #pricing-weight-loss div {
      background-position-x: -120px !important;
  }
}

/* ========== Vitality ========== */

/* Set a fixed/tweakable height */
#vitality-image .vc_column-inner {
  min-height: 380px !important; /* change as needed */
}


/* ========= Hoverbox ========= */
/* ========== 90-Day ========== */

/* Set a fixed/tweakable height */
#hover-box-90-day-flosformation .vc-hoverbox-inner {
  min-height: 373px !important; /* change as needed */
}

/* Set a fixed/tweakable height */
#hover-box-90-day-flosformation2 .vc-hoverbox-inner {
  min-height: 287px !important; /* change as needed */
}

/* Ensure both faces fill the height */
#hover-box-90-day-flosformation .vc-hoverbox-front,
#hover-box-90-day-flosformation .vc-hoverbox-back,
#hover-box-90-day-flosformation .vc-hoverbox-block-inner,
#hover-box-90-day-flosformation2 .vc-hoverbox-front,
#hover-box-90-day-flosformation2 .vc-hoverbox-back,
#hover-box-90-day-flosformation2 .vc-hoverbox-block-inner {
  height: 100%;
}

/* Top-right align the heading on the front face */
#hover-box-90-day-flosformation .vc-hoverbox-front-inner,
#hover-box-90-day-flosformation2 .vc-hoverbox-front-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  /* top */
  align-items: flex-end;        /* right */
  padding-top: 25px;
  padding-right: 25px;
}

/* Heading weight override */
#hover-box-90-day-flosformation .vc_custom_heading,
#hover-box-90-day-flosformation2 .vc_custom_heading {
  font-weight: 700 !important;
}

#hover-box-90-day-flosformation .vc_btn3-container .vc_btn3,
#hover-box-90-day-flosformation2 .vc_btn3-container .vc_btn3 {
  font-weight: 700 !important;
}

/* Optional: shorter on phones + center */
@media (max-width: 778px) {
  #hover-box-90-day-flosformation .vc-hoverbox-inner {
    min-height: 360px !important;
  }
  #hover-box-90-day-flosformation .vc-hoverbox-front-inner {
    align-items: center;
    padding-top: 0;
    padding-right: 0;
  }
  #hover-box-90-day-flosformation .vc_custom_heading {
    text-align: center !important;
    margin: 0;
  }
}

/* ======= Elite Performance ======= */

/* Set the height for this hover box */
#hover-box-womens-bloodwork .vc-hoverbox-inner {
  min-height: 715px !important;
}

/* Ensure both faces fill the height */
#hover-box-womens-bloodwork .vc-hoverbox-front,
#hover-box-womens-bloodwork .vc-hoverbox-back,
#hover-box-womens-bloodwork .vc-hoverbox-block-inner {
  height: 100%;
}

/* Front: bottom-right alignment */
#hover-box-womens-bloodwork .vc-hoverbox-front-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;   /* bottom */
  align-items: flex-end;       /* right */
  padding-bottom: 25px;
  padding-right: 25px;
}

/* Heading weight override */
#hover-box-womens-bloodwork .vc_custom_heading {
  font-weight: 700 !important;
}

#hover-box-womens-bloodwork .vc_btn3-container .vc_btn3 {
  font-weight: 700 !important;
	color: #ef7700 !important;
	background-color: #ffffff !important;
}

#hover-box-womens-bloodwork .vc-hoverbox-block-inner {
	padding-top: 30px;
}

/* Mobile tweaks */
@media (max-width: 778px) {
  #hover-box-womens-bloodwork .vc-hoverbox-front-inner {
    justify-content: center;   /* center vertically */
    align-items: center;       /* center horizontally */
    padding-bottom: 0;
    padding-right: 0;
  }
  #hover-box-womens-bloodwork .vc_custom_heading {
    text-align: center !important;
    margin: 0;
  }
}

/* ========= Buttons ========== */

.vc_btn3 {
  font-weight: 700 !important;       
  transition: all .2s ease-in-out;
}

.vc_btn3:hover,
.vc_btn3:focus {
  background-image: none !important; 
  background-color: #ffffff !important;
  color: #ef7700 !important;
  border-color: #ef7700 !important;
  text-decoration: none;
	border: 1px solid #ef7700 !important;
}


.vc_btn3:focus-visible {
  outline: 2px solid currentColor;
}

/* ====== Collapsible Features ====== */

/* Collapsible features for all tables using this class */
.blood-panel-biomarkers .wpb-plan-features li.is-hidden {
  display: none;
}

.blood-panel-biomarkers .wpb-plan-features-toggle {
  display: block;
  text-align: center;
  margin: 12px auto 0 auto;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--the7-accent, #1e73be);
  cursor: pointer;
  text-decoration: none;
}

.blood-panel-biomarkers .wpb-plan-features-toggle:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}


#platinum-health-panel .wpb-plan-description,
#flos-precision-panel .wpb-plan-description{
  color: #ffffff !important;
  background: #ef7700 !important;
  padding: 4px 20px;
	margin-bottom: 5px;
  text-align: center !important;
	font-weight: 700 !important;
	line-height: 1.5;
}

.vc_pricing_table_elite_panel {
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
}

/* Elite panel features list */
.wpb-plan-features-elite-panel {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.wpb-plan-features-elite-panel li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 7px 0;
}

/* Custom bullet icon */
.wpb-plan-features-elite-panel li::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 22 22' version='1.1'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-472.000000, -546.000000)' fill-rule='nonzero'%3E%3Cg id='wpb-pricing-table-element' transform='translate(445.000000, 222.000000)'%3E%3Cg id='bullet' transform='translate(27.000000, 324.000000)'%3E%3Cpath d='M22,10.9999756 C22,17.0751668 17.0751778,22 11,22 C4.92487111,22 0,17.0751668 0,10.9999756 C0,4.92488206 4.92487111,0 11,0 C17.0751778,0 22,4.92488206 22,10.9999756 Z' id='Path' fill='%23EF7700'/%3E%3Cpolygon id='Path' fill='%23FFFFFF' transform='translate(11.011123, 9.631788) rotate(-45.000000) translate(-11.011123, -9.631788) ' points='8.39375516 6.63178844 8.39375516 10.0231025 16.2371538 10.0231255 16.2371538 12.6317884 5.78509217 12.6317133 5.78509217 6.63178844'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 18px;
}

/* Add rounded corners to the background image container inside the bloodwork banner */
#bloodwork-banner .upb_row_bg.vcpb-vz-jquery {
  border-radius: 8px !important;
  overflow: hidden; /* ensures the image respects the rounded corners */
}


/* ========= Auto Flip ========= */

/* Mirror the theme's :hover flip when the wrapper has .is-flipped */
.vc-hoverbox-wrapper.fh-autoflip:is(:hover, .is-flipped) .vc-hoverbox-front {
  transform: rotateY(-180deg) !important;
}
.vc-hoverbox-wrapper.fh-autoflip:is(:hover, .is-flipped) .vc-hoverbox-back {
  transform: rotateY(0) !important;
}

/* Smooth 3D flip + hide bleed-through */
.fh-autoflip .vc-hoverbox-front,
.fh-autoflip .vc-hoverbox-back {
  transition: transform 0.6s ease;
  backface-visibility: hidden;
}

/* Match the default (pre-hover) state */
.fh-autoflip .vc-hoverbox-front { transform: rotateY(0); }
.fh-autoflip .vc-hoverbox-back  { transform: rotateY(180deg); }



/* ============================== */
/* ============================== */



/* ========== Products ========== */
/* ============================== */

/* Booldwork Tier Selector */
.tier-selector {
  margin-bottom: 20px;
}

.tier-label {
  margin-bottom: 10px;
  font-weight: 600;
}

.tier-buttons {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* Base button styling */
.tier-buttons .dt-btn {
  border-radius: 5px !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
}

/* Active button */
.tier-buttons .dt-btn.active {
  border-color: #ef7700 !important;
  color: #ef7700 !important;
}

/* Non-active buttons */
.tier-buttons .dt-btn.non-active {
  border-color: #5d5d5d !important;
  color: #5d5d5d !important;
}

/* Hover state (all buttons) */
.tier-buttons .dt-btn:hover {
  border-color: #ef7700 !important;
  color: #ef7700 !important;
  background-color: #ffffff !important;
}

.tier-buttons .dt-btn.active:hover {
  cursor: default !important;
}

/* Non-active hover micro-interaction */
.tier-buttons .dt-btn.non-active {
  transform: translateY(0);
}

.tier-buttons .dt-btn.non-active:hover {
  transform: translateY(-2px);
}




/* Bloodwork Pages */
.biomarker-accordion, .biomarker-addon-accordion {
  background-image: url('/wp-content/uploads/2025/09/MegaNavBG.jpg');
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: auto !important;
  background-color: rgba(255, 255, 255, 0.8); /* white overlay with 80% opacity */
  background-blend-mode: multiply; /* or overlay/soft-light depending on effect */
}

#biomarkers {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#biomarkers .vc_column_container > .vc_column-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Vitality Membership Bundle */

/* ===== Vitality Membership (Bundle) — Scoped Styles for postid-58182 ===== */
.single-product.postid-58182 .product.product-type-bundle .bundle_form {
  --card-pad: 16px;
  --gap: 16px;
}

/* Remove card look; add only a 1px bottom divider */
.single-product.postid-58182 .product.product-type-bundle .bundle_form .bundled_product {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 0 var(--gap) !important;
  margin: 0 0 var(--gap) !important;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
}

/* === TITLES & LABELS === */
.single-product.postid-58182 .product.product-type-bundle .bundled_item_title {
  font-weight: 700 !important; /* bold */
  margin: 0 0 6px;
  color: #1a1a1a; /* clean dark label color */
}

/* Bold form labels (dropdowns, quantity labels, etc.) */
.single-product.postid-58182 .product.product-type-bundle label,
.single-product.postid-58182 .product.product-type-bundle .label,
.single-product.postid-58182 .product.product-type-bundle .form-label {
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* Item description */
.single-product.postid-58182 .product.product-type-bundle .bundled_item_description {
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  color: #8b8d94 !important;
  line-height: 1.5;
}

/* Force theme .details inside items to match our style */
.single-product.postid-58182 .product.product-type-bundle .bundle_form .bundled_product .details,
.single-product.postid-58182 .product.product-type-bundle .bundle_form .bundled_product a.details,
.single-product.postid-58182 .product.product-type-bundle .bundle_form .bundled_product .details a {
  font-weight: 400 !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  color: #8b8d94 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}

/* Remove The7 theme details pseudo-elements (icon + hover underline) */
.single-product.postid-58182 .product .details:after,
.single-product.postid-58182 .product .details:before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Variation selector + quantity: full-width */
.single-product.postid-58182 .product.product-type-bundle .variations select,
.single-product.postid-58182 .product.product-type-bundle .bundled_item_qty .qty {
  width: 100%;
  max-width: 100%;
}

/* Optional/meta labels — tone down */
.single-product.postid-58182 .product.product-type-bundle .bundled_product_optional,
.single-product.postid-58182 .product.product-type-bundle .bundled_product .meta {
  color: #888;
  font-size: .9rem;
}

/* Emphasize price rows a bit */
.single-product.postid-58182 .product.product-type-bundle .bundled_product .price {
  font-weight: 600;
}

/* Summary spacing + Add to cart button (square corners) */
.single-product.postid-58182 .product.product-type-bundle .summary .price,
.single-product.postid-58182 .product.product-type-bundle .summary .bundle_price {
  display: block;
  margin: 10px 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
}
.single-product.postid-58182 .product.product-type-bundle .summary .single_add_to_cart_button {
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 0 !important;
}

/* “Sale!” badge (optional) */
.single-product.postid-58182 .product.product-type-bundle .onsale {
  top: 10px; left: 10px;
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 700;
}

/* Mobile polish */
@media (max-width: 778px) {
  .single-product.postid-58182 .product.product-type-bundle .summary .single_add_to_cart_button { width: 100%; }
}



/* ============================== */
/* ============================== */



/* ======== Testimonials ======== */
/* ============================== */

/* Target only the consent label with for="input_7_11_1" */
label[for="input_7_11_1"] {
  font-size: 0.9em !important;     /* make font slightly smaller */
  line-height: 1.4;
}

/* Hide the "(Required)" part */
label[for="input_7_11_1"] .gfield_required_text {
  display: none !important;
}

/* ============================== */
/* ============================== */



/* ======= Flos Hydration ======= */
/* ============================== */

/* Transparent tabs for The7 Tabs Style 3 */
.fhy-tabs.tab-style-three .wpb_tabs_nav li,
.fhy-tabs.tab-style-three .wpb_tabs_nav li a,
.fhy-tabs.tab-style-three .wpb_tabs_nav li:hover,
.fhy-tabs.tab-style-three .wpb_tabs_nav li:hover a,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-state-hover,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-state-hover a,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-state-focus,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-state-focus a,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-tabs-active,
.fhy-tabs.tab-style-three .wpb_tabs_nav li.ui-tabs-active a {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Typography + spacing */
.fhy-tabs .wpb_tabs_nav li a {
  color: #5d5d5d !important;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 22px;
  text-transform: none;
}

/* Hover/active text color only */
.fhy-tabs .wpb_tabs_nav li a:hover,
.fhy-tabs .wpb_tabs_nav li.ui-state-hover a,
.fhy-tabs .wpb_tabs_nav li.ui-tabs-active a,
.fhy-tabs .wpb_tabs_nav li.ui-state-active a {
  color: #ef7700 !important;
}

/* If Style 3 uses decorative pseudo-elements, neutralize them */
.fhy-tabs .wpb_tabs_nav li a::before,
.fhy-tabs .wpb_tabs_nav li a::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.fhy-1up-hero-image .slick-next {
    right: 50px;
}
.fhy-1up-hero-image .slick-prev {
    left: 50px;
}

/* --- Flos Hydration Hero Buttons --- */

/* Base sizing for both buttons */
.fhy-learn-more-button,
.fhy-book-drip-button {
	width: 250px !important;
  /* force larger text than theme's large button */
  font-size: 18px !important;        /* bigger than 18px */
  font-weight: 700 !important;       /* matches theme's 700 */
  line-height: 1.2 !important;
  padding: 14px 28px !important;     /* comfortable tap target */
  display: inline-flex !important;
  gap: 1em;
  text-decoration: none !important;
  border-radius: 8px;                 /* tweak as desired */
  transition: all 180ms ease-in-out;
	margin: 0 10px 10px 0 !important;
}

/* Learn More: larger only (keeps your existing fill style) */
.fhy-learn-more-button {
  border: 1px solid #ef7700 !important;
}

/* Book Your Drip Today: outlined in #ef7700 */
.fhy-book-drip-button {
  border: 1px solid #ef7700 !important;
  background: transparent !important;
  color: #ef7700 !important;
}

/* Hover/active states */
.fhy-book-drip-button:hover,
.fhy-book-drip-button:focus {
  background: transparent !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.fhy-learn-more-button:hover,
.fhy-learn-more-button:focus {
  transform: translateY(-1px);
  /* If your learn-more is a filled button, ensure contrast: */
  /* color: #ffffff !important; */
}

/* Accessible focus ring */
.fhy-learn-more-button:focus-visible,
.fhy-book-drip-button:focus-visible {
  outline: 2px solid #ef7700 !important;
}

/* Mobile adjustments */
@media (max-width: 778px) {
  .fhy-learn-more-button,
  .fhy-book-drip-button {
    font-size: 18px !important;
    padding: 16px 24px !important;
  }
}


/* ============================== */
/* ============================== */



/* =========== Footer =========== */
/* ============================== */
.footer-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; /* centers image */
}

.footer-button {
  text-align: center; /* centers the button container */
  margin-top: 15px;   /* space above button */
}

.footer-button a {
  display: inline-block;
  width: 100%;        /* full width, change if you want smaller */
  max-width: 500px;   /* cap the size */
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-button a:hover {
  color: #ef7700;
}

.footer-link {
  color: #ef7700 !important;
}

#bottom-bar a, #bottom-bar .mini-nav .customSelect, #bottom-bar .menu-select {
    color: #ef7700 !important;
}


/* Footer Disclaimer — match The7 footer background & layout */
.flos-footer-disclaimer {
  background: #000000;
  text-align: center;
	padding-top: 25px;
}

/* Constrain width + add padding */
.flos-footer-disclaimer .wf-wrap {
  max-width: 1300px;
  margin: 0 auto;
  padding: 30px 24px;
}

/* Text styling */
.flos-footer-disclaimer p {
  margin: 0 auto 12px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  line-height: 1.6;
}

/* Emphasize label */
.flos-footer-disclaimer strong {
  color: #ffffff;
}



/* ============================== */
/* ============================== */



/* ===== Gravity Forms ========== */
/* ============================== */
/* ===== Inputs: light grey ===== */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #222;
  border-radius: 4px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.gform_wrapper.gravity-theme input[type="text"]:focus,
.gform_wrapper.gravity-theme input[type="email"]:focus,
.gform_wrapper.gravity-theme input[type="tel"]:focus,
.gform_wrapper.gravity-theme input[type="url"]:focus,
.gform_wrapper.gravity-theme input[type="number"]:focus,
.gform_wrapper.gravity-theme input[type="password"]:focus,
.gform_wrapper.gravity-theme input[type="search"]:focus,
.gform_wrapper.gravity-theme textarea:focus,
.gform_wrapper.gravity-theme select:focus {
  outline: none;
  border-color: #bbb;
  box-shadow: 0 0 0 2px rgba(0,0,0,.05);
}

/* ===== Buttons: larger padding, bold text, 1px border ===== */
.gform_wrapper.gravity-theme .gform_button.button,
.gform_wrapper.gravity-theme .gform_next_button.button,
.gform_wrapper.gravity-theme .gform_previous_button.button {
  display: inline-block;                 /* keeps sizing consistent */
  padding: 0.75em 1.25em;                /* bigger click target */
  font-weight: 700;                      /* bolder text */
  border: 1px solid currentColor;        /* matches your theme’s text color */
  line-height: 1.2;
  cursor: pointer;
}

/* Hover/Focus: subtle emphasis without fighting theme colors */
.gform_wrapper.gravity-theme .gform_button.button:hover,
.gform_wrapper.gravity-theme .gform_next_button.button:hover,
.gform_wrapper.gravity-theme .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_button.button:focus,
.gform_wrapper.gravity-theme .gform_next_button.button:focus,
.gform_wrapper.gravity-theme .gform_previous_button.button:focus {
  box-shadow: 0 0 0 2px rgba(0,0,0,.05);
  text-decoration: none;
}

/* Optional: slightly tone down “Previous/Secondary” buttons if you want */
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform-theme-button--secondary.button {
  opacity: .95;
}

/* Gravity Forms section headers */
.gform_wrapper .gsection_title {
  color: #5a5a5a;
	font-size: 1.75rem !important; 
}

.gform_wrapper.gravity-theme .gsection {
    padding: 0px 0px 0px 0 !important;
}

.gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 25px !important;
}

.gfield_required {
    color: #ef7700 !important;
}

.gform_previous_button.button {
    color: #ef7700 !important;
    border: 1px solid #ef7700 !important;
}

/* All GF submit buttons (gravity theme) */
.gform_wrapper.gravity-theme .gform_page_footer input.gform_button.button[type="submit"],
.gform_wrapper.gravity-theme .gform_footer input.gform_button.button[type="submit"] {
  font: var(--the7-btn-font) !important;
	padding: 0.75em 1.25em !important;
  font-weight: 700 !important;
  border: 1px solid currentColor !important;
  line-height: 1.2 !important;
}

.gform_wrapper.gravity-theme .gfield_description {
  padding-top: 0px !important;
}

.gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
  font-size: 17px !important;
}

.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
  margin-top: 0px !important;
}

.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description {
  margin-top: 0px !important;
}

.gform_wrapper.gravity-theme .field_description_above .description {
  padding-bottom: 5px;
}

.gform_wrapper .gform_body input[type=text], .gform_wrapper .gform_body input[type=tel], .gform_wrapper .gform_body input[type=url], .gform_wrapper .gform_body input[type=email], .gform_wrapper .gform_body input[type=number], .gform_wrapper .gform_body input[type=password] {
    line-height: 1.2 !important;
}

/* Style the consent container */
.gform_wrapper .ginput_container.ginput_container_consent {
  padding: 15px !important;
  background-color: #0000000A !important; /* very light black/grey tint */
}

.gform_wrapper .top_label .gfield_label {
  font-size: 1.2rem !important;
  font-weight: 600;
	padding-top: 5px;
}

.gchoice {
	padding-bottom: 6px;
}

#gfield_description_1_10 {
	padding-top: 0px !important;
}


/* Make checkbox & radio labels larger */
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 1.05rem !important;
}

#gform_confirmation_wrapper_3 {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #b2c3d0;
  background: #f0f6f9;
  border-radius: 4px;
  font-size: 15px;
}

#gform_fields_3 {
    grid-row-gap: 6px !important;
}

#gform_confirmation_wrapper_4 {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #b2c3d0;
  background: #f0f6f9;
  border-radius: 4px;
  font-size: 15px;
}

#gform_fields_4 {
    grid-row-gap: 6px !important;
}

#gform_wrapper_10.gform_wrapper.gravity-theme .gsection {
    padding: 0px !important;
}

/* Gravity Forms buttons: align mobile height to theme's mobile input sizing */
@media only screen and (max-width: 778px) {
  .gform_wrapper.gravity-theme .gform_page_footer input.gform_button.button[type="submit"],
  .gform_wrapper.gravity-theme .gform_footer input.gform_button.button[type="submit"],
  .gform_wrapper.gravity-theme .gform_next_button.button,
  .gform_wrapper.gravity-theme .gform_previous_button.button,
  .gform_wrapper.gravity-theme .gform_button.button,
  .gform_wrapper.gravity-theme button.gform_button,
  .gform_wrapper.gravity-theme button.gform_next_button,
  .gform_wrapper.gravity-theme button.gform_previous_button {
    font: var(--the7-btn-font) !important; /* keep The7's font settings */
    line-height: 1.2 !important;             /* match theme's mobile input line-height */
    padding: 0.75em 1.25em !important;     /* keep The7's default padding */
    min-height: 44px !important;           /* touch-friendly tap target */
    box-sizing: border-box;
  }

  #client-intake-form-homepage .vc_column-inner {
    padding-top: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0px !important;
  }
}