.learndash-wrapper .ld-button {
    background-color: transparent !important;
    color: #009688 !important;
    font-size: clamp(0.8125rem, calc(0vw + 0.8125rem), 0.8125rem) !important;
    padding: 0 !important;
}

.ld-icon-arrow-right:before {
    content: "→" !important;
    font-size: 10px !important;
    margin-left: 5px !important;
}


.oxy-header .mobile-menu__off-canvas .menu-item-has-children svg {
    cursor: pointer;
    position: absolute;
    top: -6px;
}
.oxy-header .mobile-menu__off-canvas .menu-item-has-children svg path {
    fill: #009688 !important;
}
.ribbon {
    width: auto;
    font-size: 13px;
    text-transform: uppercase;
}
.learndash-course-grid .items-wrapper .grid-1 .thumbnail img {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9 !important;
    object-fit: cover !important;
}
form input, form textarea, form input, form select {
    border: 1px solid #dddddd;
}


.sfwd-lessons-template-default section:first-of-type > .ct-section-inner-wrap {
    padding: 100px 30px !important;
        align-items: center;
}

/*
This is the style for the animated flyout and hamburger menu!
*/

/*Hambuerger contanier*/
.toggle {
	position: relative;
	width: 70px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	z-index: 100;
	transform: rotate(180deg);
}

/*This are the hamburger 3 lines*/
 .toggle span {
	position: absolute;
	width: 40px;
	height: 4px;
	background: var(--primary);
	border-radius: 0px;
	transition: 0.5s;
}

/*Customizing the width and positioning of the first hamburger line*/
 .toggle span:nth-child(1) {
	transform: translateY(-12px);
	width: 25px;
	left: 15px;
}

/*Animate the width and positioning of the first hamburger line when the parent class .toggle is active*/
.toggle.active span:nth-child(1) {
	width: 40px;
	transform: translateY(0px) rotate(45deg);
	transition-delay: 0.125s;
}

/*Customizing the width and positioning of the second hamburger line*/
.toggle span:nth-child(2) {
    transform: translateY(12px);
    width: 40px;
    left: 15px;
}

/*Animate the width and positioning of the second hamburger line when the parent class .toggle is active*/
.toggle.active span:nth-child(2) {
	width: 40px;
	transform: translateY(0px) rotate(315deg);
	transition-delay: 0.25s;
}

.toggle.active span:nth-child(3) {
	transform: translatex(60px);	
}


/* The off canvas and its animation! */

.header .mobile-menu__off-canvas,
.header .mobile-menu__off-canvas--backdrop {
	padding: 15rem var(--space-m) 0 var(--space-m);
	display: none; /*hide on larger screen*/
}

/*show on tablet screen*/
@media only screen and (max-width: 1440px) {

	/* The off canvas and its animation! */

	/**** Mobile style *****/
	.mobile-menu__off-canvas {
		width: 100%; /*** control width of the offcanvas menu ***/
		height: 100vh; 
		position: fixed;
		background-color: var(--primary-ultra-light);
		z-index: 98;
		transition: 0.6s  ease-in-out;
		display: flex;
		justify-content: end;
		align-items: center;
		top: 0; /*** control where the offcanvas menu opens ***/
		left: 0; /*** control where the offcanvas menu opens ***/
		transform: translateX(-100%);
	}

	.mobile-menu__off-canvas--backdrop {
		width: 100%;
		height: 100vh;
		position: fixed;
		background-color: var(--primary-light);
		z-index: 90;
		transition: 0.3s;
		top: 0;
		display: flex;
		left: 0;
		transform: translateX(-100%);
	}

	/*Open the offcanvas menu if its active*/
	.mobile-menu__off-canvas.active,
	.mobile-menu__off-canvas--backdrop.active {
		transform: translateX(0);
		left: 0;
	}
	.m-menu__wrap {
		display: flex;
		align-items: start;
		text-align: center;
		width: 100%;
		height: 80%;
		overflow-y: auto;
	}


}

/* Stop scroll when menu is open */
.stop-scroll {
	overflow: hidden;
}




/* Accessibility */
.oxy-pro-menu li.menu-item.menu-item-has-children:focus, .oxy-pro-menu .menu-item:focus > .sub-menu {
	opacity: 1;
	visibility: visible;
}

.oxy-pro-menu li.menu-item.menu-item-has-children:focus-within, .oxy-pro-menu .menu-item:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
}

.oxy-pro-menu .oxy-pro-menu-list li.menu-item a:focus {
	outline: 2px solid;
}

.oxy-pro-menu .sub-menu li.menu-item:focus {
	outline: 2px solid;
}

.oxy-pro-menu .sub-menu li.menu-item:focus-within {
	outline: 2px solid;
}

.oxy-header .mobile-menu__off-canvas {
	align-items: center;
	padding: 0 3rem;
}
.oxy-header .mobile-menu__off-canvas .sub-menu {
	left: 1em;
	position: relative;
	margin: 1rem 0;
	background-color: transparent;
	opacity: 1;
	visibility: visible;
	display: none;
}

.oxy-header .mobile-menu__off-canvas .oxy-nav-menu-list > .menu-item {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.oxy-header .mobile-menu__off-canvas .menu-item-has-children svg {
	cursor: pointer;
	position: absolute;
}

.oxy-header .mobile-menu__off-canvas .menu-item-has-children a {
	width: max-content;
}

.oxy-header .mobile-menu__off-canvas .menu-item-has-children a::after {
	display: none;
}

.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent) {
 background-color: transparent !important;
}

.feedback-container .ou-video-wrapper:not(.oxy-inner-content) {
    background: #000;
    overflow: visible !important;
}
.wpgb-facet .wpgb-pagination li a {
    background: var(--primary-ultra-dark-trans-60) !important;
}
.wpgb-facet .wpgb-pagination li a[aria-current] {
    color: #ffffff !important;
    background: var(--accent) !important;
}

.club-icon {
    width: 40px;
        margin-left: -8px;
}

.wpgb-button-label {
    display: flex;
    align-items: center;
    padding: 0 !important;
    gap: 5px;
}

.wpgb-button-facet ul .wpgb-button {
    overflow: hidden;
}