#header .top-slider {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    z-index: 0;
}



.top-row {
        background: linear-gradient(180deg, #f1e9b8, #b89956);

    }
		.top-row p {
    color: #000 !important;
    font-weight: 900;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 12px !important;
}
.top-row a.custom-button {
    background-color: #363531;
    padding: 3px 30px;
    border-radius: 25px;
}

@media only screen and (max-width: 480px) {
	.navbar {
    top: 40px !important;
}
		    .top-row {
        display: block;
        background: linear-gradient(180deg, #f1e9b8, #b89956);
        position: fixed !important;
        z-index: 9999;
    }
    .top-row p {
        color: #000 !important;
        font-weight: 900;
        text-transform: uppercase;
        font-family: sans-serif;
        font-size: 11px !important;
        padding: 3px 0 0 0;
    }


.top-row a.custom-button {
        background-color: #363531;
        padding: 3px 10px;
        border-radius: 25px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 414px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 360px) {}


.left-part {
  display: none;
}

.right-part {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .left-part,
  [class*="sidebar"],
  .mobile-sidebar,
  .drawer,
  .offcanvas {
    display: none !important;
  }

  .right-part,
  .content-area,
  .main-content,
  .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.small-br {
  display: block; /* Acts like a line break */
  height: 5px;    /* Adjust this value */
  content: "";    /* Required for pseudo-elements */
}

br {
  display: block;
  margin-bottom: 2px !important; /* Half the default spacing */
  content: "";                   /* Needed for some browsers */
}



/*Bloodwork Custom*/
  /* Force ALL gold text */
.has-text-color.has-c5932f-color,
.has-link-color.has-c5932f-color,
.wp-element-button.has-c5932f-color,
.wp-block-button__link.has-c5932f-color {
    color: #c5932f !important;
}

/* Gold text in specific blocks */
.wp-block-heading.has-c5932f-color,
.wp-block-paragraph.has-c5932f-color,
.wp-block-list.has-c5932f-color li {
    color: #c5932f !important;
}
/* Fix for the specific "Who is this for?" text wrapping issue */
@media (max-width: 768px) {
  .wp-elements-9c31941716ee9de927941dc30aa11da9 {
    white-space: nowrap !important; /* Prevent "for?" from breaking to new line */
    display: inline-block !important;
    width: auto !important;
    padding: 0 5px !important;
  }

  /* Alternative approach if nowrap doesn't work - force proper line breaks */
  .wp-elements-9c31941716ee9de927941dc30aa11da9 {
    word-spacing: 0 !important;
    letter-spacing: 0 !important;
  }

  /* Ensure the container allows proper text flow */
  .wp-block-cover__inner-container.is-layout-constrained {
    overflow: visible !important;
  }
}

/* More targeted fix - insert a non-breaking space between "for?" */
@media (max-width: 768px) {
  .wp-elements-9c31941716ee9de927941dc30aa11da9 {
    font-size: 36px !important; /* Slightly reduce size if needed */
    line-height: 1.1 !important;
  }
}

/* Last resort: Adjust the specific phrase layout */
@media (max-width: 768px) {
  .wp-elements-9c31941716ee9de927941dc30aa11da9 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 4px !important;
  }
  
  /* This will treat "Who is this" and "for?" as separate elements if needed */
  .wp-elements-9c31941716ee9de927941dc30aa11da9 br {
    display: none !important; /* Remove any forced line breaks */
  }
}