/* Hide page titles globally */
.page .entry-title,
.page-title {
  display: none !important;
}

/* Lesson heading */
.learndash-wrapper .ld-tabs-content h4.lesson-heading {
  display: block;
  padding: 16px 20px !important;
  background-color: #353535;
  color: #fff;
  border-radius: 15px;
  font-size: 22px;
  max-width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .learndash-wrapper .ld-tabs-content h4.lesson-heading {
    font-size: 14px;  padding: 10px 20px;
  }
}
/* Apply lesson-heading style globally when class is used */
h1.lesson-heading,
h2.lesson-heading,
h3.lesson-heading,
h4.lesson-heading {
  display: block;
  padding: 10px 20px;
  background-color: #353535;
  color: #fff;
  border-radius: 15px;
  font-size: 22px;
  max-width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.lesson-heading a {
  color: #fff !important;   /* force white */
  text-decoration: none;    /* remove underline */
}
.lesson-heading a:hover {
  color: #2a9fe8 !important; /* optional hover color */
}
/* Tablets */
@media (max-width: 992px) {
  h1.lesson-heading,
  h2.lesson-heading,
  h3.lesson-heading,
  h4.lesson-heading {
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

/* Phones */
@media (max-width: 600px) {
  h1.lesson-heading,
  h2.lesson-heading,
  h3.lesson-heading,
  h4.lesson-heading {
		line-height: 1.5;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}


/* iFrame YouTube Extra bottom ppadding removal */
.learndash-wrapper .ld-tab-content .wp-block-embed,
.learndash-wrapper .ld-tab-content .wp-block-embed__wrapper,
.learndash-wrapper .ld-tab-content .fluid-width-video-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* Light mode (unchanged) */
.lesson-description{
  display:block;
  padding:22px 28px;
  border-radius:15px;
  margin:0 0 20px 0;
  color:inherit;
  background:rgba(0,0,0,.04);
  font-size:16px;
  line-height:1.6;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .lesson-heading {
    font-size: 15px;
    padding: 10px 14px;
    border-radius: 8px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .lesson-description {
    padding: 16px 18px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}



/***************************/


/* Hide default LearnDash/BuddyBoss lesson title (all templates) */

/* Standard lesson header */
.learndash-wrapper .lms-header-title,
.learndash-wrapper .lms-header-title h1,
.learndash-course-header .lms-header-title,
.bb-learndash .learndash-course-header .lms-header-title {
  display: none !important;
}




/***************************/


/* Navigation Buttons Sizes */
/* Default (desktop) */
.sfwd-course-nav a,
.sfwd-course-nav span {
  padding: 12px 22px !important;   /* bigger button size */
  min-width: 80px;
  min-height: 40px;               
}
/* Tablet */
@media (max-width: 992px) {
  .sfwd-course-nav a,
  .sfwd-course-nav span {
    padding: 14px 24px !important;
    min-width: 56px;
    min-height: 40px;
  }
}
/* Phones */
@media (max-width: 600px) {
  .sfwd-course-nav a,
  .sfwd-course-nav span {
    padding: 16px 26px !important;
    min-width: 80px;
    min-height: 38px;
  }
}


/***************************/



/* Mark Complete Button Check mark and allignments etc */
.learndash-wrapper .ld-content-action { text-align: center !important; }
.learndash-wrapper .ld-content-action form { display: inline-block !important; }

/* Desktop: keep your current wide style + left icon */
input.learndash_mark_complete_button[value="Mark Complete"]{
  padding-left: 3em !important;                             /* room for icon */
  background-image: url("https://courses.ahrstudios.com/wp-content/uploads/2025/09/check-mark-3279.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 19px 19px;
}
/* Tablet: make the button compact and centered */
@media (max-width: 992px){
  input.learndash_mark_complete_button[value="Mark Complete"]{
    width: auto !important;          /* no full-width */
    display: inline-block !important;
    padding: 12px 18px 12px 42px !important;   /* gap for icon */
    background-position: 14px center;
    background-size: 18px 18px;
    border-radius: 25px !important;
  }
}
/* Phone: a bit tighter, still centered */
@media (max-width: 600px){
  input.learndash_mark_complete_button[value="Mark Complete"]{
    width: auto !important;
    display: inline-block !important;
    padding: 12px 22px 12px 40px !important;
    background-position: 14px center;
    background-size: 16px 16px;
    border-radius: 25px !important;
  }
}



/***************************/



/*BORDER RADIUS of BUNNY EMBEDS*/
iframe[src*="mediadelivery.net"] {
    border-radius: 15px;  /* adjust px value for more/less curve */
    overflow: hidden;
}



/***************************/



/* Back to Course button custom colors */
a.course-entry-link {
  background-color: #226069 !important;   /* your main color */
  color: #ffffff !important;              /* text/icon color */
  border-radius: 6px;                     /* optional: rounded */
  padding: 6px 14px;                      /* optional: adjust spacing */
  transition: background-color 0.25s ease;
}
a.course-entry-link:hover {
  background-color: #2a9fe8 !important;   /* hover color */
  color: #ffffff !important;
}




/***************************/



/* Reuse the same centering for both buttons */
.learndash-wrapper .ld-content-action { text-align: center !important; }
.learndash-wrapper .ld-content-action form { display: inline-block !important; }

/* ── MARK INCOMPLETE (desktop: wide, left icon) ───────────────────────────── */
input.learndash_mark_incomplete_button[value="Mark Incomplete"]{
  padding-left: 3em !important;  /* room for icon */
  background-image: url("https://courses.ahrstudios.com/wp-content/uploads/2025/09/undo-back-blue-round-arrow-button-25142-1.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 19px 19px;
}

/* Tablet: compact centered pill */
@media (max-width: 992px){
  input.learndash_mark_incomplete_button[value="Mark Incomplete"]{
    width: auto !important;
    display: inline-block !important;
    padding: 12px 18px 12px 42px !important;  /* keep icon gap */
    background-position: 14px center;
    background-size: 18px 18px;
    border-radius: 25px !important;
  }
}

/* Phone: a bit tighter, still centered */
@media (max-width: 600px){
  input.learndash_mark_incomplete_button[value="Mark Incomplete"]{
    width: auto !important;
    display: inline-block !important;
    padding: 12px 22px 12px 40px !important;
    background-position: 14px center;
    background-size: 16px 16px;
    border-radius: 25px !important;
  }
}


/***************************/



/*Focus Mode Extra Space removal*/
.learndash-wrapper .bb-lms-header,
.learndash-wrapper .bb-lms-header .bb-position {
  margin-bottom: 0 !important;
}
.learndash-wrapper .bb-lms-header {
  padding-bottom: 20px !important;
}
.learndash-wrapper .bb-lms-header .bb-ld-info-bar {
  margin-bottom: 12px !important;
  padding-top: 0 !important;
}
.learndash-wrapper .learndash_content_wrap {
  padding-top: 0 !important;
}


/***************************/


/* LearnDash content width (BuddyBoss method) */
@media (min-width: 1024px) {
  body .learndash-wrapper .learndash_content_wrap {
    max-width: 1180px;   /* try 1180–1320px; adjust to taste */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}



/***************************/




/* Studio Feed – post cards */
.studio-feed .wp-block-post {
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.15);
  padding: 0px 46px 10px 46px;
	margin-top: 0px;
  margin-bottom: 50px;
}
/* Tablets */
@media (max-width: 992px) {
  .studio-feed .wp-block-post {
    padding: 0px 40px 0px 40px;
    border-radius: 12px;
		margin-top: 62px;
    margin-bottom: 36px;
    
  }
}

/* Phones */
@media (max-width: 600px) {
  .studio-feed .wp-block-post {
    padding: 0 16px 0 16px;
    border-radius: 12px;
		margin-top: 42px;
    margin-bottom: 28px;
   
  }
}


/* Center the Query Loop and give fixed side padding */
.studio-feed .feed-inner {
  max-width: 1180px;            /* content width */
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;          /* desktop gutters */
  padding-right: 100px;
  box-sizing: border-box;       /* keep padding inside width */
}
.ahr-yt iframe {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Tablet */
@media (max-width: 992px) {
  .studio-feed .feed-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* Phone */
@media (max-width: 600px) {
  .studio-feed .feed-inner {
    padding-left: 18px;
    padding-right: 18px;
  }
}



@media (max-width: 1024px) {
  .ahr-locked-thumb2 img[alt="Locked content"] {
    width: 70px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  .ahr-locked-thumb2 p {
    font-size: 12px !important;   
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    padding: 0 4px !important;    
    max-width: 100% !important;
  }
}
@media (max-width: 600px) {
  .ahr-locked-thumb2 img[alt="Locked content"] {
    width: 52px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  .ahr-locked-thumb2 p {
    font-size: 10px !important;
    line-height: 1.28 !important;
    margin: 0 0 5px !important;
    padding: 0 0px !important;     
    max-width: 90% !important; 
  }
  .ahr-locked-thumb2 {
    aspect-ratio: 4 / 3;   /* taller than 16:9 */
  }
}


/* Locked feed button styling (keep) */
.ahr-locked-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2a9fe8;
  color: #fff;
  text-decoration: none;
  padding: 14px 32px;
  min-width: 200px;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  transition: transform .12s ease, box-shadow .12s ease;
}
.ahr-locked-btn:hover {
  transform: translateY(-2px);
}
.ahr-locked-btn:active {
  transform: translateY(0);
}
.ahr-locked-btn,
.ahr-locked-btn:hover,
.ahr-locked-btn:focus,
.ahr-locked-btn:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}
@media (max-width: 992px) {
  .ahr-locked-btn {
    padding: 12px 28px;
    font-size: 12px;
    min-width: 180px;
  }
}
@media (max-width: 600px) {
  .ahr-locked-btn {
    padding: 10px 22px;
    font-size: 10px;
    min-width: 120px;
  }
}

/***************************/


/* Libraries Membership Button */
.ahr-unlock-btn,
.ahr-unlock-btn.ld-button,
.bb-button-wrap .ahr-unlock-btn.ld-button {
	color: #fff !important;
  font-size: 16px !important;
  line-height: 1.4em !important;
	padding: 10px 20px !important;   
  border-radius: 50px !important;
	font-weight: 600 !important;
	margin: 1px auto !important;
	box-sizing: border-box !important;
}




/****************************/

/* Make the heading line wrap and put our card on its own row */
.learndash-wrapper .ld-item-list .ld-section-heading,
.learndash-wrapper .ld-item-list .ld-item-list-header { display: flex; flex-wrap: wrap; }
.learndash-wrapper .ahr-days-wrap { flex: 0 0 100%; order: -1; width: 100%; margin-bottom: 14px; }

/* Space tuning for the Days-Left card */
.learndash-wrapper .ahr-days-wrap{
  margin-top: -20px;   /* pull it up slightly */
  margin-bottom: 38px;/* extra space before the heading/list */
}

@media (max-width:640px){
  .learndash-wrapper .ahr-days-wrap{
    margin-top: -14px;
    margin-bottom: 30px; 
  }
}



/****************************/



/* BuddyBoss Settings › Billing item: credit-card glyph */
#buddypress nav#subnav a#settings-billing-li::before{
  content: "\ee42";
  font-family: "bb-icons" !important;
}


/****************************/




/* AHR • Start/Continue button below progress bar */
.learndash-wrapper .ahr-course-cta-row {
  display: flex;
  justify-content: flex-end;
	padding-right: 65px;
  margin-top: -15px !important;
  margin-bottom: 30px !important;
}
.learndash-wrapper .ahr-course-cta {
  font-weight: 700 !important;
	color: #fff !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview,
.learndash-wrapper .ld-item-list .ld-item-list-item:nth-child(even) .ld-item-list-item-preview,
.learndash-wrapper .ld-item-list .ld-item-list-item:nth-child(odd) .ld-item-list-item-preview{
  background-color: #d1e5fa !important; 
}
.learndash-wrapper .ld-item-list-item-expanded .ahr-course-cta {
    width: 180px !important;
    padding: 8px 0px !important;
  }
.learndash-wrapper .ld-item-list-item-expanded .ahr-course-cta-row 
a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-start,
.learndash-wrapper a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-start{
  background-color: transparent !important;
  color: #2ea0ff !important;
	width: 100px !important;
  border: 1px solid #2ea0ff !important;
}
.learndash-wrapper .ld-item-list-item-expanded .ahr-course-cta-row 
a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-complete,
.learndash-wrapper a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-complete{
  display: none;
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-progress .ld-progress-label{
    display: block !important;
    margin-bottom: 10px !important;
}



@media screen and (max-width: 700px) {
	.learndash-wrapper .ahr-course-cta-row {
	padding-right: 20px;
}
  .learndash-wrapper .ld-item-list-item-expanded .ahr-course-cta {
    width: 100px !important;
    min-width: 0 !important;
    padding: 8px 0px !important;
  }
	.learndash-wrapper .ld-item-list-item-expanded .ahr-course-cta-row 
a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-start,
.learndash-wrapper a.ld-button.ld-button-primary.ahr-course-cta.ahr-btn-start{
	width: 70px !important;
}
}



/****************************/


/* AHR Billing buttons – highest specificity via ID + !important */
#ahr-billing-actions .ahr-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50px !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1 !important;
  text-decoration:none !important;
  border:1px solid transparent !important;
  transition:all .2s ease !important;
}
#ahr-billing-actions .ahr-btn--primary{
  background:#2ea0ff !important;
  border-color:#2ea0ff !important;
  color:#fff !important;
}
#ahr-billing-actions .ahr-btn--primary:hover{
  background:#2586c2 !important;
}

#ahr-billing-actions .ahr-btn--solid{
  background:none !important;
  border-color:#2ea0ff !important;
  color:#2ea0ff !important;
}
#ahr-billing-actions .ahr-btn--solid:hover{
  background:#2ea0ff !important;
  color:#fff !important;
}
#ahr-billing-actions .ahr-btn--outline{
  background:transparent !important;
  border-color:#2ea0ff !important;
  color:#2ea0ff !important;
}
#ahr-billing-actions .ahr-btn--outline:hover{
  background:#2ea0ff !important;
  color:#fff !important;
}
@media (max-width:600px){
  #ahr-billing-actions{ flex-direction:column !important; }
  #ahr-billing-actions .ahr-btn{ width:100% !important; }
}



/************ LAST EDITED - 10/08/2025 12:34AM ****************/