/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

body.rtl .llms-donut svg path {
  transform: translate(100px, 0px);
}

body.rtl .lifterlms_next_prev_link .next-link::after,
body.rtl .lifterlms_next_prev_link .prev-link::before {
  transform: scaleX(-1);
}


/* fix the height of our elementor cards */
.elementor-cta__content .elementor-cta__title {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.elementor-cta__content .elementor-cta__description {
  height: 140px;
  overflow: hidden;
}

/* Woocommerce overwrites */
.woocommerce-additional-fields {
  display: none;
}
.woocommerce-order-details .product-name > a {
  display: none;
}
.woocommerce-cart-form .product-name > a,
.woocommerce-cart-form .product-thumbnail > a,
.woocommerce-checkout-review-order .product-name .bs-product-thumbnail > a,
.header-mini-cart ul.cart_list li.mini_cart_item > a:not(.remove) {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: grey !important;
}

/* add icon for social account tab in woocommerce my-account page */
.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--social-accounts
  a:before {
  content: "\E8EE";
}

/* increase the line height to fix part of some words are hidden */
.searchandfilter select.sf-input-select {
  line-height: 2 !important;
}

/* hide the footer in those pages */
.single.single-llms_certificate .elementor.elementor-location-footer,
.single.single-llms_my_certificate .elementor.elementor-location-footer,
.page.activate .elementor.elementor-location-footer {
  display: none;
}

#llms_phone {
  direction: ltr;
  text-align: right;
}

.llms-field-button,
.llms-field-button:hover,
.llms-button-action,
.llms-button-action:hover {
  color: #ffff;
}

.side-panel-menu a {
  letter-spacing: initial;
  line-height: initial;
}
.buddypanel ul.buddypanel-menu li a span:not(.count) {
  line-height: inherit;
}

body.logged-in .hide-for-users {
  display: none !important;
}

/* change the icon on profile side bar */
.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--my-memberships
  a:before {
  content: "\e86f";
}


/* this fix after enable lifterLMS lab */
.llms-access-plan-title, .llms-access-plan .stamp {
	background-color: transparent !important;
	color: #317ca0 !important;
}


/* Allow the horizontal scroll in the certificate and certificate preview */
body.single.llms_certificate-template-default,
body.single.llms_my_certificate-template-default {
  overflow-x: auto;
}
body.single.llms_certificate-template-default .site,
body.single.llms_my_certificate-template-default .site {
  overflow-x: initial;
}

/* This to remove the white background in the certificate from the LifterLMS in the print mode */
@media print {
  body.single.llms_certificate-template-default .llms-certificate-container *,
  body.single.llms_my_certificate-template-default .llms-certificate-container *
  {
    background-color: initial;
  }
}

/* for searhcandfilter fix the spaces */
/* add this to buddyboss custom code    */
.searchandfilter li[data-sf-field-input-type="checkbox"] label,
.searchandfilter li[data-sf-field-input-type="radio"] label,
.searchandfilter li[data-sf-field-input-type="range-radio"] label,
.searchandfilter li[data-sf-field-input-type="range-checkbox"] label {
  padding-right: 10px;
}

.searchandfilter .sf-count,
.searchandfilter .sf-date-postfix {
  padding-right: 5px;
}

.llms-meta a {
	margin-right: 5px;
}

.bb-llms-content-wrap ul {
	list-style-type: initial;
}

/*
Hide the excerpt from the default Buddyboss Course/Membership cards
because we are using the custom excerpt in other places (our elementor cards)
https://zadgroup.atlassian.net/browse/QAL-233
*/
.llms-loop-item.llms_membership .bb-card-course-details .bb-course-excerpt,
.llms-loop-item.course .bb-card-course-details .bb-course-excerpt {
  display: none;
}

.bb-card-course-details .bb-course-title {
  line-height: 1.5 !important;
  max-height: initial !important;
}

.llms_membership .entry-title {
  font-weight: bold;
  text-align: center;
}

.llms-course-nav a {
  width: 100%;
}

.llms-course-nav a .llms-lesson-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2;
}