/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.wps-team--single-inner {
  display: flex;
  flex-direction: column;
}

.wps-team--member-title {
  order: 1;
} /* h3 (name) */
.wps-team--member-desig {
  order: 2;
} /* h4 (designation) */
.wps-team--member-details {
  order: 3;
} /* description stays last */
.wps-team--read-more-link {
  display: block;
}

.wps-widget--team .wps-team--member-details .wps-team--read-more-link {
  margin-top: 10px;
  text-decoration: underline !important;
}

.wps-team--member-title,
.wps-team--member-desig,
.wps-team--member-details,
.wps-team--read-more-link,
.wps-team--member-title a {
  font-family: "Acumen Pro Medium", sans-serif !important;
  color: #252525 !important;
}

.wps-team--member-details {
  font-size: 18px !important;
}

/* Make all menu links black when header is sticky */
.is-sticky #menu-main-menu .menu-item a span {
  color: #2e2e2e !important;
}

/* Change logo to gradient version when header is sticky */
.is-sticky #logo .logo-main,
.is-sticky #logo .logo-sticky,
.is-sticky #logo .logo-mobile,
.is-sticky #logo .logo-mobile-sticky {
  content: url("https://remedycentre.ca/wp-content/uploads/2025/12/REMEDY_Logo_Gradient.png") !important;
  max-height: 25px !important;
}

/* White background when top bar is sticky */
#Top_bar.is-sticky {
  background-color: white !important;
  background: white !important;
}

/* Footer layout - justified with image left, text right */
.footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding-left: 75px !important;
  padding-right: 75px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
  box-sizing: border-box !important;
  /*border-top: 1px solid #ddd !important; */
}

.footer-left {
  flex-shrink: 0 !important;
}

.footer-right {
  text-align: right !important;
  margin-left: auto !important;
  flex-shrink: 1 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  max-width: 90% !important;
}

#Top_bar .logo {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.footer a:hover {
  color: #273291 !important;
  text-decoration: underline !important;
}

/* Mobile responsive - reduce padding on smaller screens */
@media (max-width: 768px) {
  .footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  .footer-right {
    text-align: center !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 480px) {
  .footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/* Apply semi-transparent background only on specific pages when scrolled 0-10px 
body.page-id-16 #Top_bar,
body.page-id-257 #Top_bar {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
*/
/* Change header background color on scroll for all pages */