/* Kill the decorative red/green blocks under the header */
.topbar-one__bottom,
.topbar-one__bottom::before,
.topbar-one__bottom::after {
    background: none !important;
    box-shadow: none !important;
}

.topbar-one__bottom::before,
.topbar-one__bottom::after {
    content: none !important;
}
/* Make the whole top bar a flat light background */
.topbar-one,
.topbar-one__bottom {
    background-color: #f5f5f5 !important;  /* or #ffffff if you prefer pure white */
    box-shadow: none !important;
}

/* Kill ALL decorative shapes attached to any topbar-one element */
[class*="topbar-one"]::before,
[class*="topbar-one"]::after {
    content: none !important;
    background: none !important;
    box-shadow: none !important;
}
/* Add spacing to the logo on the left */
.topbar-one__bottom img {
    margin-left: 30px !important;   /* adjust to your liking */
}
/* Force 4 items in one row for the Features widget */
.four-feature-row .row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; /* adjust spacing if needed */
}

/* Force each feature item to behave like a grid cell */
.four-feature-row .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}
/* =========================================================
   Careox Donate Button — SHOW on mobile + make it normal size
   ========================================================= */

/* 1) UNHIDE (theme hides it under 1500px) */
@media (max-width: 1500px){
  .main-header--four .careox-btn{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 2) MOBILE/TABLET: make it a normal pill (NOT full width) */
@media (max-width: 1024px){

  /* Ensure header right cluster stays in one line */
  .main-header__right{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  /* Kill the "big bar" behavior */
  .main-header__right a.careox-btn{
    flex: 0 0 auto !important;
    width: auto !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
    z-index: 9999 !important;
  }

  /* Force small button sizing regardless of theme */
  .main-header--four a.careox-btn,
  .main-header--four a.careox-btn span{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    border-radius: 999px !important;

    white-space: nowrap !important;
    max-width: fit-content !important;
  }

  .main-header--four a.careox-btn i{
    margin-right: 6px !important;
    font-size: 13px !important;
  }
}
/* Place Donate button LEFT of hamburger on mobile */
@media (max-width: 1024px){

  /* Make sure header right items line up */
  .main-header__right{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Donate first */
  .main-header__right a.careox-btn{
    order: -1 !important;   /* moves it left */
  }
}
/* Small desktop: slightly smaller Donate button */
@media (min-width: 1025px) and (max-width: 1366px){

  .main-header--four a.careox-btn,
  .main-header--four a.careox-btn span{
    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .main-header--four a.careox-btn i{
    font-size: 13px !important;
    margin-right: 6px !important;
  }
}
/* =========================================================
   SECTION TAGLINES (CONTACT US, OUR MISSION)
   Careox split-text compatible
   ========================================================= */

/* Desktop + tablet */
h6.sec-title__tagline,
h6.sec-title__tagline > div,
h6.sec-title__tagline div,
h6.sec-title__tagline span{
  font-size: 30px !important;         /* adjust to 38–42 if desired */
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.05 !important;
  color: #b30000 !important;
  text-transform: uppercase !important;

  /* neutralize split animation side effects */
  transform: none !important;
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
}

/* Mobile */
@media (max-width: 768px){
  h6.sec-title__tagline,
  h6.sec-title__tagline *{
    font-size: 18px !important;
    letter-spacing: 0.06em !important;
  }
}
/* Match the red flag/marker to tagline font size */
.sec-title__tagline__border{
  height: 24px !important;      /* match font-size */
  width: 4px !important;        /* thickness of the flag */
  margin-right: 10px !important;
  top: 2px !important;          /* fine vertical alignment */
}

/* Mobile adjustment */
@media (max-width: 768px){
  .sec-title__tagline__border{
    height: 18px !important;
  }
}