/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

:root{
	   /* FLUID SPACING VARS */
    --space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
    --space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
    --space-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);
    --space-xs: clamp(0.64rem, calc(0.35vw + 0.57rem), 0.88rem);
    --space-s: clamp(0.8rem, calc(0.65vw + 0.67rem), 1.24rem);
    --space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
    --space-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);
    --space-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);
    --space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
    --space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
    --space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);	
	
	  /* FLUID TEXT VARS */
		--text-xs: clamp(0.64rem, calc(-0.01vw + 0.64rem), 0.63rem);
    --text-s: clamp(0.8rem, calc(0.07vw + 0.79rem), 0.84rem);
    --text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --text-l: clamp(1.25rem, calc(0.37vw + 1.18rem), 1.5rem);
    --text-xl: clamp(1.56rem, calc(0.65vw + 1.43rem), 2rem);
    --text-2xl: clamp(1.95rem, calc(1.05vw + 1.74rem), 2.66rem);
    --text-3xl: clamp(2.44rem, calc(1.65vw + 2.11rem), 3.55rem);
    --text-4xl: clamp(3.05rem, calc(2.49vw + 2.55rem), 4.74rem);
    --text-5xl: clamp(3.81rem, calc(3.7vw + 3.08rem), 6.31rem);
    --text-6xl: clamp(4.77rem, calc(5.4vw + 3.69rem), 8.41rem);
    --hero-title-size: var(--text-4xl);



  /* =========================================
     ELEMENTOR → LEARNDASH COLOR BRIDGE
     Source of truth = Elementor system colors
     ========================================= */

   --ld-typography-font-family: Baskervville, sans-serif;

  /* Fallbacks in case Elementor vars are not available in a context */
  --bridge-el-primary: var(--e-global-color-primary, #4D544A);
  --bridge-el-secondary: var(--e-global-color-secondary, #EAE5DB);
  --bridge-el-text: var(--e-global-color-text, #4D544A);
  --bridge-el-accent: var(--e-global-color-accent, #EAE5DB);

  /* Optional aliases for easier reading */
  --bridge-surface: var(--bridge-el-primary);
  --bridge-surface-alt: var(--bridge-el-secondary);
  --bridge-text: var(--bridge-el-text);
  --bridge-accent: var(--bridge-el-accent);

  /* =========================================
     LEARNDASH PRIMITIVES
     These feed many downstream LD vars
     ========================================= */

  --ld-color-primitives-blue-100: var(--bridge-surface);
  --ld-color-primitives-blue-150: var(--bridge-surface);
  --ld-color-primitives-blue-175: var(--bridge-surface);
  --ld-color-primitives-blue-200: var(--bridge-surface);
  --ld-color-primitives-blue-500: var(--bridge-text);
  --ld-color-primitives-blue-800: var(--bridge-text);

  --ld-color-primitives-green-100: var(--bridge-surface);
  --ld-color-primitives-green-250: var(--bridge-text);
  --ld-color-primitives-green-300: var(--bridge-text);
  --ld-color-primitives-green-500: var(--bridge-text);
  --ld-color-primitives-green-800: var(--bridge-text);

  --ld-color-primitives-grey-0: #ffffff;
  --ld-color-primitives-grey-100: var(--bridge-surface);
  --ld-color-primitives-grey-140: var(--bridge-surface);
  --ld-color-primitives-grey-150: var(--bridge-surface);
  --ld-color-primitives-grey-200: var(--bridge-surface-alt);
  --ld-color-primitives-grey-350: var(--bridge-text);
  --ld-color-primitives-grey-500: var(--bridge-text);
  --ld-color-primitives-grey-800: var(--bridge-text);
  --ld-color-primitives-grey-900: var(--bridge-text);

  --ld-color-primitives-red-100: #f8efec;
  --ld-color-primitives-red-200: #efd7d1;
  --ld-color-primitives-red-250: #d8a59b;
  --ld-color-primitives-red-300: #b96d5d;
  --ld-color-primitives-red-500: #9e3f2f;
  --ld-color-primitives-red-800: #6f281d;

  --ld-color-primitives-yellow-100: #f7f1e5;
  --ld-color-primitives-yellow-200: #e7d2a2;
  --ld-color-primitives-yellow-500: #b08a3c;
  --ld-color-primitives-yellow-800: #8b6b1b;

  /* =========================================
     BRAND
     ========================================= */

  --ld-color-brand-primary: var(--bridge-text);
  --ld-color-brand-secondary: var(--bridge-accent);
  --ld-color-brand-tertiary: var(--bridge-surface-alt);

  /* =========================================
     SEMANTIC
     ========================================= */

  --ld-color-semantic-success: var(--bridge-text);
  --ld-color-semantic-success-light: var(--bridge-surface);

  --ld-color-semantic-error: var(--ld-color-primitives-red-300);
  --ld-color-semantic-error-light: var(--ld-color-primitives-red-100);

  --ld-color-system-validation-success: var(--bridge-text);
  --ld-color-system-validation-error: var(--ld-color-primitives-red-500);

  /* Alerts */
  --ld-color-semantic-alert-success-background: var(--bridge-surface);
  --ld-color-semantic-alert-success-border: var(--bridge-text);
  --ld-color-semantic-alert-success-icon: var(--bridge-text);

  --ld-color-semantic-alert-warning-background: var(--ld-color-primitives-yellow-100);
  --ld-color-semantic-alert-warning-border: var(--ld-color-primitives-yellow-500);
  --ld-color-semantic-alert-warning-icon: var(--ld-color-primitives-yellow-800);

  --ld-color-semantic-alert-error-background: var(--ld-color-primitives-red-100);
  --ld-color-semantic-alert-error-border: var(--ld-color-primitives-red-300);
  --ld-color-semantic-alert-error-icon: var(--ld-color-primitives-red-500);

  /* =========================================
     SYSTEM
     ========================================= */

  --ld-color-system-dark: var(--bridge-text);
  --ld-color-system-body-text: var(--bridge-text);
  --ld-color-system-text-dark: var(--bridge-text);
  --ld-color-system-subtle: var(--bridge-text);
  --ld-color-system-subtle-text: var(--bridge-text);
  --ld-color-system-border: var(--bridge-surface-alt);
  --ld-color-system-light-1: var(--bridge-surface);
  --ld-color-system-light-2: var(--bridge-surface);
  --ld-color-system-white: #ffffff;
  --ld-color-system-middle-gray: var(--bridge-surface-alt);
  --ld-color-system-middle-gray-light: var(--bridge-surface);

  /* =========================================
     BUTTONS
     ========================================= */

  --ld-color-button: #ffffff;
  --ld-color-button-bg: var(--bridge-text);
  --ld-color-button-bg-hover: var(--bridge-text);
  --ld-color-button-secondary-border: var(--bridge-text);

  --ld-color-button-disabled-bg-hover: var(--bridge-surface-alt);
  --ld-color-button-disabled-border-hover: var(--bridge-text);

  --ld-color-semantic-button-primary-background: var(--bridge-text);
  --ld-color-semantic-button-primary-background-hover: var(--bridge-text);
  --ld-color-semantic-button-primary-background-disabled: var(--bridge-surface);
  --ld-color-semantic-button-primary-background-disabled-hover: var(--bridge-surface-alt);
  --ld-color-semantic-button-primary-border-disabled: var(--bridge-text);

  --ld-color-semantic-button-secondary-background: #ffffff;
  --ld-color-semantic-button-secondary-background-hover: var(--bridge-surface);
  --ld-color-semantic-button-secondary-border: var(--bridge-text);
  --ld-color-semantic-button-secondary-border-hover: var(--bridge-text);

  --ld-color-semantic-button-tertiary-border: var(--bridge-text);
  --ld-color-semantic-button-tertiary-focus: var(--bridge-surface);
  --ld-color-semantic-button-tertiary-text: var(--bridge-text);
  --ld-color-semantic-button-tertiary-text-hover: var(--bridge-text);
  --ld-color-semantic-button-tertiary-text-icon-only: var(--bridge-text);
  --ld-color-semantic-button-tertiary-text-disabled: var(--bridge-surface-alt);
  --ld-color-semantic-button-tertiary-text-disabled-hover: var(--bridge-text);

  --ld-color-semantic-text-button-primary: #ffffff;
  --ld-color-semantic-text-button-primary-disabled: var(--bridge-text);
  --ld-color-semantic-text-button-primary-disabled-hover: var(--bridge-text);
  --ld-color-semantic-text-button-secondary-disabled-hover: var(--bridge-text);

  /* =========================================
     TEXT
     ========================================= */

  --ld-color-semantic-text-body: var(--bridge-text);
  --ld-color-semantic-text-body-subtle: var(--bridge-text);
  --ld-color-semantic-text-link: var(--bridge-text);
  --ld-color-semantic-text-link-hover: var(--bridge-text);
  --ld-color-label: var(--bridge-text);

  /* =========================================
     FIELDS / FORMS
     ========================================= */

  --ld-color-field-bg: #ffffff;
  --ld-color-field-bg-hover: #ffffff;
  --ld-color-field-bg-active: #ffffff;
  --ld-color-field-bg-valid: #ffffff;
  --ld-color-field-bg-error: #ffffff;
  --ld-color-field-bg-disabled: var(--bridge-surface);

  --ld-color-field-border: var(--bridge-text);
  --ld-color-field-border-active: var(--bridge-text);
  --ld-color-field-border-active-shadow: 0 0 0 4px rgb(77 84 74 / 20%);
  --ld-color-field-border-error: var(--ld-color-semantic-error);
  --ld-color-field-border-error-shadow: 0 0 0 4px rgb(185 109 93 / 20%);
  --ld-color-field-border-valid: var(--bridge-text);
  --ld-color-field-border-valid-shadow: 0 0 0 4px rgb(77 84 74 / 20%);
  --ld-color-field-border-disabled: var(--bridge-surface-alt);

  --ld-color-field-text: var(--bridge-text);
  --ld-color-field-text-active: var(--bridge-text);
  --ld-color-field-text-valid: var(--bridge-text);
  --ld-color-field-text-error: var(--bridge-text);
  --ld-color-field-text-disabled: var(--bridge-text);
  --ld-color-field-description: var(--bridge-text);
  --ld-color-field-error: var(--ld-color-semantic-error);

  --ld-color-semantic-field-background: #ffffff;
  --ld-color-semantic-field-background-hover: var(--bridge-surface);
  --ld-color-semantic-field-background-active: var(--bridge-surface);
  --ld-color-semantic-field-background-valid: var(--bridge-surface);
  --ld-color-semantic-field-background-error: var(--ld-color-primitives-red-100);
  --ld-color-semantic-field-background-disabled: var(--bridge-surface);

  --ld-color-semantic-field-border: var(--bridge-surface-alt);
  --ld-color-semantic-field-border-disabled: var(--bridge-surface-alt);
  --ld-color-semantic-field-border-error: var(--ld-color-primitives-red-200);
  --ld-color-semantic-field-border-valid: var(--bridge-text);

  /* =========================================
     GENERAL UI
     ========================================= */

  --ld-color-semantic-general-border: var(--bridge-surface-alt);
  --ld-color-semantic-general-middle-grey: var(--bridge-surface-alt);
  --ld-color-semantic-general-tab-underline: var(--bridge-text);

  --ld-color-progress-bar-bg: var(--bridge-surface);
  --ld-color-progress-bar-fg: var(--bridge-text);
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong{
	font-weight:700;
}
	
.learndash-course-grid--modern .items-wrapper .grid-3 .thumbnail img{
	aspect-ratio:16/9 !important;
}

.wp-block-button__link{
	    border-radius: var(--bb-button-radius);
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular) !important;
    border: 1px solid var(--bb-primary-button-border-regular);
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px
}

/* Overrides */ 

/*
	Profile Submenu
	Overwrite left padding to prevent text overlapping icon
*/

@media (max-width: 500px) {
    .site-header--elementor .user-wrap>.sub-menu .wrapper .sub-menu-inner {
        width: 100%;
    }
}

.user-wrap.menu-item-has-children #header-my-account-menu ul:not(.has-icon)>li:not(.no-icon)>a, .user-wrap.menu-item-has-children #header-my-account-menu:not(.has-icon)>li:not(.no-icon)>a{
	padding-left: 40px;
}

/* 
 *REMOVE FOCUS MODE STYLE OUTSIDE OF COURSE PAGES
 */

body.ld-in-focus-mode:not(.sfwd-courses-template-default) {
    background-color: var(--bb-body-background-color);
}

/* 
 *PROFILE STYLES 
 * Overwrite default template spacing
 */
 
.sfwd-courses-template-default  .container,
.groups-template-default .container
{
   
    margin-left: auto;
    margin-right: auto;
    padding:0px !important;
    max-width: 100% !important; 
   
}



/* 
 *HEADER STYLES 
 * Overwrite absolute position of the header element for profiles pages
 */

.bp-user .elementor-3266 .elementor-element.elementor-element-26e2aab,
.members .elementor-3266 .elementor-element.elementor-element-26e2aab,
.groups .elementor-3266 .elementor-element.elementor-element-26e2aab,
.search .elementor-3266 .elementor-element.elementor-element-26e2aab{
    
    position:relative;
    background-color:#606B5D;
    
}


/*
* Forum style
*/

.single.single-forum .type-forum .bb-topic-banner:before{
    
    background-color:transparent !important;
}



body.search ld-in-focus-mode


/*
* Course Grid Cards STYLES
*/

.toggle-filter{
    min-width:180px;
    background-color:#606B5D;
}

.learndash-course-grid .items-wrapper.grid .item{
    border-radius:15px;
    overflow:hidden;
}

.learndash-course-grid .items-wrapper.grid .thumbnail img{
    aspect-ratio:16 / 9;
    object-fit: cover;
}

.learndash-course-grid .items-wrapper.grid .content .entry-title a{
    margin:0;
    padding:0;
    font-weight:normal;
}

/*
 * COURSE LANDING PAGE PRICE LABEL
 */
 
 .elementor-4803 .elementor-element.elementor-element-44d6217 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-price .ld-course-status-label,
 .elementor-4803 .elementor-element.elementor-element-44d6217 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-price .ld-course-status-price{
     color:#4D544A !important;
 }



/*
 * Course Single Template
 */
 
 .ld-has-access .ld-course-intro-sec{
     display:none;
 }



.groups-template-default .content-area{
    padding-top:0;
    padding-bottom:0;
}


.site-header--elementor.icon-fill-in #bb-toggle-theme i, .site-header--elementor.icon-fill-in #header-messages-dropdown-elem i, .site-header--elementor.icon-fill-in #header-notifications-dropdown-elem i, .site-header--elementor.icon-fill-in .course-toggle-view i, .site-header--elementor.icon-fill-in .header-cart-link-wrap i, .site-header--elementor.icon-fill-in .header-search-link i {
	opacity:1;
}



/* BP PROFILE */

body.bp-user.profile:not(.public) #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap {
    margin-top: 0 !important;
}
	
div#cover-image-container{
	margin-top:0;
}	
	
.bb-template-v2 #cover-image-container{
	border-radius:var(--bb-block-radius);
}


/* CSI ALERTS */

.csi-alerts{
    display: flex;
    background: rgb(60 65 58 / 85%);
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #EAE5DB;
    box-shadow: 0 20px 15px -10px rgb(0 0 0 / 30%);
}

.csi-alert{
	display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    gap: .5em;
}

.csi-alert__content{
	display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items:center;
    justify-content: space-between;
}

.csi-alert__icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #80AF5F;
    display: flex;
    align-items: center;
    justify-content: center;

}

.csi-alert__message{
    flex-grow: 1;
    margin-left: 10px;
    font-size: 14px;
    color: #EAE5DB;

}

.csi-alert__button{
    display: flex;
    align-items: center;
    gap: .5em;
}

.csi-svgicon{
    width: 20px;
    height: 20px;
}

.csi-svgicon path{
    fill:#fff;
}

.csi-svgicon__download-mini{
    width: 16px;
    height: 16px;
}

.csi-alert__button-icon{
    margin-right: 5px;
}

@media screen and (max-width:480px) {
    .csi-alert,
    .csi-alert__content{
        display:flex;
        flex-direction:column;
    }
}


.learndash-course-grid--modern .items-wrapper .grid-3 .thumbnail img{
	aspect-ratio:16/9 !important;
}

.wp-block-button__link{
	    border-radius: var(--bb-button-radius);
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular) !important;
    border: 1px solid var(--bb-primary-button-border-regular);
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px
}


/* ==========================================================================
   LESSON OVERRIDES: LESSONS
   ========================================================================== */
	
	body.single-sfwd-lessons .elementor-widget-text-editor blockquote{
		position:relative;
		margin-inline-start:0;
		padding-left:40px;
	}
	
	body.single-sfwd-lessons .elementor-widget-text-editor blockquote::before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:5px;
		height:100%;
		background-color:#4D544A;
	}
	
	
	body.single-sfwd-lessons h1{font-size:var(--text-3xl);}
	body.single-sfwd-lessons h2{font-size:var(--text-2xl);}
	body.single-sfwd-lessons h3{font-size:var(--text-xl);}
	body.single-sfwd-lessons h4{font-size:var(--text-l);}
	body.single-sfwd-lessons h5{font-size:var(--text-m);}
	body.single-sfwd-lessons h6{font-size:var(--text-m);}
	body.single-sfwd-lessons .lms-header-title h1{
		font-size:var(--text-3xl);
	}	
	
	.learndash_content_wrap .ld-tabs-content{
		margin-bottom:0;
	}
	
	body.single-sfwd-lessons ul.wp-block-list li{
		margin-bottom:1em;
	}
	
	.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button .ld-icon{
		color:unset;
	}
	
	
/* ========== QUIZ BODY / ALERTS =============================================== */
	
	
	
	/*.learndash-wrapper .ld-tabs, 
	.learndash-wrapper:not(.ld-registration__outer-wrapper,.learndash-wrapper--modern) .ld-tabs{
		max-width: min(100%, 1260px);
		 padding:0 40px;
		 margin: auto;
	}
	*/
	
	 .wpProQuiz_content, .alert-wrap{
			max-width: min(100%, 1260px);
			padding:40px;
		  margin: auto;
	}
	
	.wpProQuiz_content .wpProQuiz_results>div>.wpProQuiz_button {
    color: var(--bb-secondary-button-text-regular) !important;
}
	
	.learndash-wrapper .learndash_content_wrap .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover{
			    
    color: var(--bb-primary-button-text-hover) !important;
   
	}
	

	
	/* Desktop */
	

	@media (min-width:1024px){
			/*
		.learndash-wrapper .ld-tabs, 
		.learndash-wrapper:not(.ld-registration__outer-wrapper, .learndash-wrapper--modern) .ld-tabs{
			padding:0 100px;
		}
	
	*/
		.wpProQuiz_content, .alert-wrap{
			padding:60px 100px;
		}
	}

/* ========== LESSON/QUIZ HEADER =============================================== */
	
	.learndash-wrapper .bb-ld-info-bar{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		align-items:center;
		margin:0 !important;
		padding-inline:20px;
		padding-block:10px;
		border-bottom: 1px solid #EAE5DB !important;
	}
	
	@media (min-width:1024px){
		.learndash-wrapper .bb-ld-info-bar{
			flex-direction:row;
		}
	}
	
	.learndash-wrapper .sfwd-course-position-meta{
		display:flex;
		align-items:center;
	}
	

	
body.single-sfwd-lessons .elementor-3266 .elementor-element.elementor-element-26e2aab,
body.single-sfwd-quiz .elementor-3266 .elementor-element.elementor-element-26e2aab{
	position:relative;
	background-color:#4D544A;
}

	
	body.single-sfwd-lessons .bb-lms-header,
.ld-in-focus-mode.single #learndash-course-header{
	max-width: min(100%, 1260px) !important;
	padding-left:40px;
	padding-right:40px;
	background-color:#fff ;
	
}
	
	.learndash-course-header-inner{
		padding-top:40px;
		padding-bottom:40px;
		border-bottom:1px solid #EAE5DB;
	}
	

	
/* Desktop */
@media (min-width:1024px){
	body.single-sfwd-lessons .bb-lms-header,
	.ld-in-focus-mode.single #learndash-course-header{
		padding-left:100px;
		padding-right:100px;
	}
	
	.learndash-course-header-inner{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	
	}


body.single-sfwd-lessons .lms-header-instructor{
	display:none;
}
	

body.single-sfwd-lessons .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs,
body.single-sfwd-quiz .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs{
		background-color: var(--bb-content-background-color);
	  padding: 10px 20px;
    border-bottom: none;
    border-radius: 15px;
	}
	
/* ========== LESSON TOPIC LIST =============================================== */
	.ld-lesson-topic-list{
		max-width: min(100%, 1260px);
		padding-left:40px;
		padding-right:40px;
		margin:0 auto;
	}
	@media (min-width:1024px){
		.ld-lesson-topic-list{
			padding-left:100px;
			padding-right:100px;
		}
	}
	

/* ========== LESSON LIST ITEM =============================================== */
	
	.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title>span:first-child,
	.bb-completed-item{
		text-decoration:unset;
	}
	
	
.elementor-4803 .elementor-element.elementor-element-d90cfbc .learndash-wrapper .ld-item-details .ld-expand-button .ld-icon-arrow-down{
		color:var(--bb-alternate-text-color)!important;
	}

	
/* ========== LESSON SIDEBAR =============================================== */
/*
body.single-sfwd-lessons .elementor-header+.site-content .lms-topic-sidebar-data{
	background-color:var(--bb-content-background-color);
}
	
.lms-topic-sidebar-wrapper .lms-lessions-list>ol.bb-lessons-list>li.lms-lesson-item{
	padding:0;
	border-bottom: 1px solid var(--bb-content-border-color);
}

.lms-lesson-item.current>.bb-lesson-head, .lms-quiz-item.current>.bb-lms-title-wrap, .lms-topic-item.current>.bb-lms-title-wrap, .bb-lesson-head:hover{
		background-color:var(--bb-content-background-color);
}
	*/
	
	.bb-progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #bdbdbd;
    position: absolute;
    top: 0;
    left: 0
}
	
	.lms-topic-sidebar-wrapper .lms-topic-sidebar-data{
		top:32px;
	}


	
/* ========== LESSON BODY =============================================== */
	body.single-sfwd-lessons .learndash_content_wrap,
	body.single-sfwd-quiz .learndash_content_wrap{
		padding-top:0;
	}
	
body.single-sfwd-lessons #learndash-page-content,
body.single-sfwd-quiz #learndash-page-content{
		padding:0;
	  background-color:#fff !important;
}

body.single-sfwd-lessons #learndash-page-content .e-con>.e-con-inner	{
		padding-left:40px;
	  padding-right:40px;
}

/* Remove padding of nested e-con-inner elementor elements */
body.single-sfwd-lessons #learndash-page-content .e-con-inner .e-con>.e-con-inner	{
		padding:inherit;
}
	
	
	
body.single-sfwd-lessons.ld-in-focus-mode .learndash-wrapper--lesson {
	background-color:#fff;
}
	
	body.single-sfwd-lessons .ld-content-actions{
		border:none !important;
	}
	

	
/* Desktop */
@media (min-width:1024px){
	body.single-sfwd-lessons #learndash-page-content  .e-con>.e-con-inner,
	body.single-sfwd-lessons .ld-notes-container{
		padding-left:100px;
	  padding-right:100px;
	}
	
	
	body.single-sfwd-lessons .ld-notes-container{
			max-width: min(100%, 1260px);
			padding:var(--space-3xl) 100px;
		  margin: auto;
	}
	
	body.single-sfwd-lessons .ld-notes-panel__header{
		border-radius:0;
		border-style:solid;
		border-width:0 0 3px 0;
		border-color:var(--bb-primary-color);
		color:var(--bb-primary-color);

	}
	
	
}
	
	.learndash_content_wrap .learndash-wrapper .learndash_mark_complete_button:hover{
		background-color:var(--bb-primary-button-background-hover) !important;
	}
	

	/* ========== LESSON NOTES =============================================== */
	
	body.single-sfwd-lessons .ld-notes-container{
		max-width: min(100%, 1260px);
		padding-inline:40px;
		margin: auto;
	}
	
	body.single-sfwd-lessons .ld-notes-inner{
		padding: 30px;
        border: 1px solid var(--bb-primary-color);
        border-radius: 15px;
	}
	
	body.single-sfwd-lessons .ld-notes-panel__header{
		padding:1em 0;
		border-radius:0;
		border-style:solid;
		border-width:0 0 1px 0;
		border-color:var(--bb-primary-color);
		color:var(--bb-primary-color);
	}
	
	
	body.single-sfwd-lessons .ld-notes-list{

		background:none;
        padding-block: 20px;
	}

    body.single-sfwd-lessons .ld-note{
        background: none;
        border:1px solid var(--bb-primary-color);
        border-radius: 15px;
    }
	

	
.ld-note__response-body{
		
        border-left:4px solid var(--bb-primary-color) !important;
		max-width:100%;
	}

body.single-sfwd-lessons .ld-note__actions{
    gap:.75em;
}

.elementor-kit-4813 button.ld-note__action{
    color: unset !important;
    padding: 5px 10px !important;
    text-decoration: none;
    border-color: #4D544A !important;
    margin-right: 8px;
}

body.single-sfwd-lessons .ld-note__action{
    padding:0 var(--ld-spacer-fixed-2, 12px);
    text-decoration:none;
}

body.single-sfwd-lessons .ld-note__action:is(a){
    padding:0;
    border:0;
}

body.single-sfwd-lessons button.ld-note__action, 
body.single-sfwd-lessons button.ld-note__action:active, 
body.single-sfwd-lessons button.ld-note__action:focus-visible, 
body.single-sfwd-lessons button.ld-note__action:focus-within, 
body.single-sfwd-lessons button.ld-note__action:focus, 
body.single-sfwd-lessons button.ld-note__action:hover{
	
    border:1px solid var(--bb-primary-color);
    color: var(--bb-primary-color);
    outline-color: var(--bb-primary-color);
	}

body.single-sfwd-lessons button.ld-note__action--delete,
body.single-sfwd-lessons button.ld-note__action--delete:active, 
body.single-sfwd-lessons button.ld-note__action--delete:focus-visible, 
body.single-sfwd-lessons button.ld-note__action--delete:focus-within, 
body.single-sfwd-lessons button.ld-note__action--delete:focus, 
body.single-sfwd-lessons button.ld-note__action--delete:hover{

    border:1px solid var(--ld-color-primitives-red-500);
    color: var(--ld-color-primitives-red-500);
    outline-color: var(--ld-color-primitives-red-800);
}






	/* Desktop */
@media (min-width:1024px){
	
	body.single-sfwd-lessons .ld-notes-container{
			max-width: min(100%, 1260px);
			padding:var(--space-l) 100px var(--space-3xl) 100px;
		
	}
	
}
	
	
	
	
/* ========== LESSON FOOTER =============================================== */	
body.single-sfwd-lessons .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action{
	margin:auto;
	padding:1em;
	}
	body.single-sfwd-lessons .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action{
		margin:auto;
	}

/* ==========================================================================
   LESSON REUSABLE COMPONENTS
   ========================================================================== */
	
/* DEFAULT SECTION WITH FLUID PADDING */
	.les-sec{
		padding:var(--space-2xl) 0;
		
	}

/* BRIGHTCOVE IFRAMES */

.les-vid-wrap{
		position:relative;
		overflow:hidden;
		width:100% !important;
		height:auto;
		line-height:0;
		
	}
	
body.single-sfwd-lessons #primary .les-vid-wrap iframe[src*="brightcove"]{
	width:100%;
	height:auto;
	aspect-ratio:16/9;
	margin-bottom:0;
}

/* FULL WIDTH VIDEOS */
.vid-full{
	width:100%;
	margin:0;
	padding:0;
	flex-wrap:nowrap;
}
	
/* ROUNDED ELEMENTS */
	.rounded{
		border-radius:15px;
		overflow:hidden;
	}
	
/* VIDEO TABLS */
	.les-vid-tabs .e-n-tabs-content>.elementor-element{

		padding-bottom:1em;
		overflow:hidden;
	}
	
/* INFO & MATERIALS */
	.les-sec-intro{
		padding-top:var(--space-2xl);
		padding-bottom:var(--space-2xl);
	}
	
/* 2 COLUMN SECTION - TEXT WITH IMAGE */	
	
	.les-sec-2-col{
			padding:var(--space-2xl) 0;
	}
	
	.les-sec-2-col > .e-con-inner{
		flex-direction:column-reverse !important;
		gap:var(--space-xl);
	}
	
	.les-sec-2-col__txt-col{
		justify-content:center;
	}
	
	.les-sec-2-col__img-col img{
		border-radius:15px;
		overflow:hidden;
	}
	
/* Desktop */
@media (min-width:1024px){
	.les-sec-2-col > .e-con-inner{
		flex-direction:row !important;
	}
}
	
/* LESSON ACCORDIAN */
	.les-accordian .e-n-accordion{
			display:flex;
		  flex-direction:column;
		  gap:1em;
	}
	
	.les-accordian .e-n-accordion-item[open]>.e-n-accordion-item-title{
		    color: var(--e-global-color-primary);
				background-color: #4D544A;
	}
	
	.les-accordian .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
			fill:var( --e-global-color-primary );
	}
	
/* ACORN SECTION */
.les-sec-acorn{
	position:relative;
		padding:var(--space-2xl) 0;
		background-color:#4D544A;
}
	
	.les-sec-acorn:before{
		content:'';
		position:absolute;
		background-color:#4D544A;
		opacity:.75;
		inset:0;
	}
	
.les-sec-acorn h2{
	  font-size:var(--text-2xl);
		color:var(--e-global-color-primary);
}
	
	.les-sec-acorn p{
		color:var(--e-global-color-primary);
		font-size:var(--text-l);
	}
	
	.les-sec-acorn__vid{
		margin-top:var(--space-l);
	}
	
	/* SUPPORT MATERIAL VID SECTION */
.les-sec-support-vid{
	position:relative;
		padding:var(--space-2xl) 0;
		background-color:#4D544A;
}
	
	.les-sec-support-vid .e-con-inner{
		gap:var(--space-m);
	}
	
	.les-sec-support-vid:before{
		content:'';
		position:absolute;
		background-color:#4D544A;
		opacity:.75;
		inset:0;
	}
	
body.single-sfwd-lessons .les-sec-support-vid h2{
	  font-size:var(--text-3xl);
		color:var(--e-global-color-primary);
}
	
	.les-sec-support-vid p{
		color:var(--e-global-color-primary);
		font-size:var(--text-l);
	}
	
	.les-sec-support-vid{
		margin-top:var(--space-l);
	}
	
/* QUOTE SECTION */
	
	.les-quote{
		position:relative;
		padding:var(--space-2xl) 0;
		background-color:#4D544A;
	}
	
	.les-quote .e-con-inner{
				display:flex;
		flex-direction:column;
		gap:var(--space-xl);
	}
	
	.les-quote__heading  h2{
			  font-size:var(--text-2xl);
				color:var(--e-global-color-primary);
	}
	
	.les-quote__txt{
		padding:var(--space-xl);
		background-color:#fff;
		border-radius:15px;
	}
	
		.les-quote__txt p{
		font-size:var(--text-l);
	}
	
	.les-quote__txt.elementor-blockquote--skin-quotation .elementor-blockquote:before{
		color:#4D544A;
	}
	
/* TABBED VIDEOS */
body.single-sfwd-lessons .elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
	
	background-color:var(--e-global-color-abdec1f);
	
	}

/* ==========================================================================
   LESSON ACHIEVEMENTS
   ========================================================================== */
	
	.noty_theme__learndash.noty_type__success{
		border-radius:10px;
	}
	
	.noty_bar .text .message{

    line-height: unset;
    background: unset;
    color: unset;
    padding: unset;
    padding-right: unset;
    padding-bottom: unset;
    margin-bottom: unset;
    position: relative;
	}
	
	.noty_bar .text .title{
		margin-bottom:0;
	}
	
	.noty_bar .text .message p{
		margin:0;
	}
	
/* ==========================================================================
   CERTIFICATE STYLES
   ========================================================================== */
	
#certificate_list .bb-certificate-wrap {
    color: inherit;
    text-decoration: none;
}

#certificate_list .bb-certificate-wrap:hover,
#certificate_list .bb-certificate-wrap:focus {
    text-decoration: none;
}

#certificate_list .bb-certificate-wrap .bb-certificate-title-eyebrow{
	display: block;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: -.13px;
    font-size: 13px;
    color: var(--bb-alternate-text-color);
}

#certificate_list .bb-certificate-wrap .bb-certificate-title-text {
    color: inherit;
    display: block;
    display: -webkit-box;
	font-size: 20px;
	font-weight:600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 50px;
    width: 100%;
}

#certificate_list  .bb-certificate-download-text{
	font-size:0;
}


#certificate_list .bb-cerfificate-download-icon-group {
    font-size: 0;
    position: relative;
    display: inline-block;
    padding-top: 11px;
    letter-spacing: -0.24px;
}

#certificate_list .bb-certificate-download i {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
}