/*
Theme Name: Mechanical Advantage Academy
Theme URI: https://mechanicaladvantage.academy/
Version: 2.0
Description: A child theme created for MMA.
template: bb-theme
*/

/***** VARIABLES */
/* Default / McGuire palette */
:root,
body.company-mcguire {
	--main: #221F1F;
	--accent1: #e1382c;
	--accent2: #FFAF2F;
	--neutral1: #221F1F;
	--neutral2: #313131;
	--gray: #939DA9;
	--ltgray: #F8F9FB;
	--medgray: #f1f3f7;
	--inprogress: #D68C15;
	--complete: #268A77;
	--enrolled: #563A8B;
	--bodyfont: 'Roboto', sans-serif;
	--headerfont: 'Mulish', sans-serif;
}

/* Baart palette */
body.company-baart {
	--main: #28292E;
	--accent1: #E67E23;
	--accent2: #FFAF2F;
	--neutral1: #1E486E;
	--neutral2: #265B8A;
	--gray: #939DA9;
	--ltgray: #F8F9FB;
	--medgray: #f1f3f7;
	--inprogress: #D68C15;
	--complete: #268A77;
	--enrolled: #563A8B;
	--bodyfont: 'Roboto', sans-serif;
	--headerfont: 'Mulish', sans-serif;
}

/** TABLE OF CONTENTS
------------------------------------------------------------/
1 - Global Styles
1.1 - General
1.2 - Selection Highlight
1.3 - Buttons
1.4 - Typography
1.5 - Accessibility
2 - Layout + Themer
2.1 - Header
2.2 - Navigation
2.3 - Footer
3 - Page Specific CSS
3.1 - Login Page
3.2 - Homepage
3.3 - Course Archive
3.4 - Course Intro
3.5 - Course Page (LD 3.0 template)
3.5.1 - Modern UI Overrides (LD 4.21+ course pages / LD 4.22+ group pages)
3.5.2 - Focus Mode Overrides (LD 3.0 + Modern UI, Focus Mode enabled)
3.6 - Account Page
3.7 - FAQ Page
3.8 - Search
4 - Admin Branding
4.1 - Admin Bar
4.2 - Builder Styles
5 - Tablet Only Styles
6 - Tablet + Mobile Styles
7 - Mobile Only Styles
9 - Dashboard Stats
/// END TABLE OF CONTENTS

------------------------------------------------------------*/
/** 1 - Global Settings
------------------------------------------------------------*/
/* =========================
1.1 - General
========================= */
.company-mcguire .baart-show {
	display: none;
}

.company-baart .mcguire-show {
	display: none;
}

.fl-page-content {
	min-height: calc(100vh - 74px);
	background-color: var(--ltgray);
}

.fl-row-content-wrap {
	padding: 4% 20px;
}

* {
	box-sizing: border-box;
}

::placeholder {
	color: #808080 !important;
}

.small .fl-row-content-wrap {
	padding: 1% 20px;
}

.gray-bg .fl-row-content-wrap {
	background: var(--ltgray);
}

.white-bg .fl-row-content-wrap {
	background: #fff;
}

.accent, .accent a, a.accent {
	color: var(--accent1);
}

.bottom-border .fl-row-content-wrap {
	border-bottom: 1px solid rgba(147, 157, 169, .5);
}

.top-border .fl-row-content-wrap {
	border-top: 10px solid var(--medgray);
}

.wp-block-embed__wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.wp-block-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* =========================
1.2 - Selection Highlight
========================= */

/* =========================
1.3 - Buttons
========================= */


.full-button {
	border-radius: 5px;
}

.full-button a {
	display: block;
	background: var(--neutral1);
	color: #fff;
	font-family: var(--bodyfont);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 10px;
	text-align: center;
	border-radius: 5px;
	border: 0px;
}

.full-button a:hover,
.full-button a:focus {
	background: var(--neutral2);
	color: #fff !important;
	padding: 12px 10px;
	text-align: center;
	border-radius: 5px;
	border: 0px;
}

.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
	background: var(--accent1) !important;
	color: #fff;
	font-family: var(--bodyfont);
	font-size: 18px;
	font-weight: 700;
	padding: 16px 14px 12px !important;
	border: 0px;
	border-radius: 5px !important;
	text-transform: uppercase;
	text-decoration: none;
}

.fl-builder-content a.fl-button:hover {
	background: var(--accent2) !important;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover button:focus,
input[type=button]:focus,
input[type=submit]:focus {
	border: 0px solid #2d6ca2;
}

/* =========================
1.4 - Typography
========================= */
.fa-solid,
.fa-solid a {
	font: var(--fa-font-solid) !important;
	color: var(--accent2) !important;
}

.fl-page-nav-wrap a i {
	color: var(--accent2) !important;
}

body {
	overscroll-behavior-y: none;
	color: var(--main);
	font-family: var(--bodyfont);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	background-color: var(--ltgray);
}

h1 {
	color: var(--main);
	font-family: var(--headerfont);
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
}

h1.course-name {
	color: #fff;
	font-family: var(--headerfont);
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .025;
	margin-bottom: 0;
}

h2 {
	color: var(--main);
	font-family: var(--headerfont);
	font-size: 22px !important;
	font-weight: 700;
	margin-top: 0;
}

h3 {
	color: var(--main);
	font-family: var(--headerfont);
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
}

h4 {
	font-family: var(--bodyfont);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	text-decoration: underline solid var(--accent1) 4px;
	text-underline-position: under;
}

h5,
.h5 {
	font-size: 2rem;
}

p, li {
	font-size: 18px;
	margin-bottom: 1em;
}


.allcaps {
	text-transform: uppercase !important;
}

.center {
	text-align: center !important;
}

.white {
	color: #fff !important;
}

a .svg-inline--fa path {
	color: var(--accent2) !important;
}

/* =========================
1.5 - Accessibility
========================= */
/*--- Visible to screen readers only */
.sr-only {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

/*--- Add icon to external links */
.entry-content [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button),
footer [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button),
.entry-content [href^="https"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button),
footer [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button) {
	display: inline-block;
	padding-right: 0.75em;
}

.entry-content [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button)::after,
footer [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button)::after,
.entry-content [href^="https"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button)::after,
footer [href^="http"]:not([href*="mechanicaladvantage.academy"]):not([href$=".pdf"]):not(.fl-button):not(button)::after {
	font-family: 'Font Awesome 6 Pro';
	content: " \f08e";
	font-weight: 400;
	font-size: 0.65em;
	line-height: 1em;
	text-decoration: none !important;
	display: inline-block;
	margin-left: 3px;
	margin-right: -1em;
	overflow: hidden;
	width: 1em;
	white-space: nowrap;
}

/*----------------------------------------------------------*/
/** 2 - Layout + Themer
------------------------------------------------------------*/
/* =========================
2.1 - Header
========================= */
/* .fl-page-header-row {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-around;
}

.fl-page-header-vertical .fl-page-header-row .col-sm-12 {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
} */

.fl-page-logout-col {
	position: absolute;
	bottom: 100px;
	width: 100%;
	left: 0;
}

.fl-page-header {
	background-color: var(--neutral1);
}

.fl-page-header *,
.fl-page-header h1,
.fl-page-header h2,
.fl-page-header h3,
.fl-page-header h4,
.fl-page-header h5,
.fl-page-header h6 {
	color: #fff;
}

.user-avatar {
	padding-bottom: 25px;
}

.user-avatar img,
.user-avatar img.pp-user-avatar {
	width: 100%;
	max-width: 70px;
	border-radius: 100%;
	margin: 0 auto;
}

.user-name {
	font-family: var(--headerfont);
	font-size: 18px;
	font-weight: 800;
}

/* =========================
2.2 - Navigation
========================= */
.navbar-vertical {
	padding-top: 0 !important;
}

.fl-page-header-wrap .facetwp-input-wrap {
	width: 100%;
	max-width: 234px;
	margin: 40px 36px 0 30px;
}

.fl-page-header-vertical .fl-page-nav ul.navbar-nav>li {
	display: flex;
}

.fl-page-header-vertical:not(.fl-page-nav-toggle-visible-always) .fl-page-nav-collapse ul.navbar-nav>li>a,
.menu-item a {
	padding: 10px 25px;
	margin: 0 auto;
	width: 234px;
}

ul.navbar-vertical .current-menu-item {
	background-color: var(--neutral2);
}

a.nav-link {
	display: flex !important;
	gap: 15px;
}

.nav-link .icon,
.menu-item a .icon {
	flex-basis: 25px;
	text-align: center;
}

.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a,
.fl-page-nav-wrap a *,
.menu-item a {
	color: #fff !important;
	font-family: var(--headerfont);
	font-size: 18px;
	font-weight: 800;
}

.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a .svg-inline--fa,
.menu-item a .svg-inline--fa {
	font-size: 24px;
}

/* ----- Nav Search */
form.nav-search {
	width: 100%;
	max-width: 234px;
	display: inline-flex;
	margin: 20px auto 0 !important;
}

form.nav-search input[type=search] {
	padding: 10px;
	font-size: 17px;
	border: 0px;
	float: left;
	width: 80%;
	background: #fff;
	border-radius: 5px 0px 0px 5px;
}

form.nav-search button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #fff;
	font-size: 17px;
	border: 0px;
	cursor: pointer;
	border-radius: 0px 5px 5px 0px;
}

form.nav-search button i {
	color: var(--accent2) !important;
}

form.nav-search::after {
	content: "";
	clear: both;
	display: table;
}

/* =========================
2.3 - Footer
========================= */
footer {
	background-color: #fff;
	border-top: solid 1px rgba(112, 112, 112, 0.25);
}

footer .fl-row-content-wrap {
	padding: 25px 20px !important;
}

footer p {
	margin-bottom: 0px;
}

/* =========================
2.4 - Forms
========================= */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=search],
input[type=url],
textarea {
	background: #fff !important;
}

legend {
	color: var(--main);
	font-weight: 600 !important;
	border-bottom: 0px !important;
}

p.gform_required_legend {
	font-size: 13px !important;
	margin-top: 10px !important;
}

.gform_wrapper .gfield_required {
	color: #c02b0a !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 600 !important;
	margin-bottom: 5px;
}

.gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 13px !important;
	font-weight: 300 !important;
}

.gform_wrapper.gravity-theme .field_description_above .gfield_description {
	padding-bottom: 5px !important;
}

/*----------------------------------------------------------*/
/** 3 - Page Specific CSS
------------------------------------------------------------*/
/* =========================
3.1 - Login Page
========================= */
.login-block {
	background: #1e2e3e;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	padding: 60px 30px 30px;
}

.login-intro img {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}

.login-intro hr {
	border-top: solid 5px #fab93c;
	width: 75px;
	margin: 40px auto 30px;
}

.login-intro p {
	margin-bottom: 0;
}

.fl-login-form-inline .fl-form-field {
	width: 37.5%;
}

.fl-login-form-inline .fl-form-button {
	width: 25%;
}

.fl-login-form .fl-form-field input[type=text],
.fl-login-form .fl-form-field input[type=password] {
	font-family: var(--bodyfont);
	font-size: 18px !important;
}


.login-button {
	margin-top: 50px;
	margin-bottom: 40px;
}

.login-button a {
	background: #fab93c;
	color: #1e2e3e;
	font-family: var(--bodyfont);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px 48px;
	text-align: center;
	border-radius: 5px;
	border: solid 2px #fab93c;
}

.login-button a:hover,
.login-button a:focus {
	background: transparent;
	color: #fab93c !important;
	border: solid 2px #fab93c;
}

.admin-login a.fl-button,
.admin-login a.fl-button:visited {
	background: #fab93c !important;
	color: #1e2e3e !important;
	font-family: var(--bodyfont);
	font-size: 18px;
	font-weight: 700;
	padding: 16px 14px 12px !important;
	border: solid 2px #fab93c;
	border-radius: 5px !important;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.4;
}

.admin-login a.fl-button * {
	color: #1e2e3e !important;
}

.admin-login a.fl-button:hover {
	background: transparent !important;
	color: #fab93c !important;
	border: solid 2px #fab93c;
}

.admin-login a.fl-button:hover * {
	color: #fab93c !important;
}

/* =========================
3.2 - Homepage
========================= */
.home-intro .fl-row-content-wrap {
	padding: 2% 0px;
	border-bottom: solid 1px var(--gray);
}

.dash-intro {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.link {
	margin-top: 40px;
	margin-bottom: 10px;
}

.intro-text {
	max-width: 500px;
}

.intro-text p {
	margin-bottom: 0;
}

h2.section-heading {
	margin-bottom: 30px;
}

.course-grid, .search-grid .facetwp-template {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.post-wrapper,
.uabb-blog-post-content {
	box-shadow: 0px 2px 5px #74747426;
	height: 100%;
	border-radius: 5px;
}

.uabb-blog-posts .uabb-blog-post-inner-wrap {
	height: 100%;
}

.fl-post-text,
.uabb-blog-post-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	background: #fff;
	padding: 25px;
	border: 1px solid #F8F9FB;
	border-radius: 5px;
	position: relative;
}


.grid-title {
	display: inline-flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

.course-icon {
	width: 26px;
	height: 26px;
	margin-top: 4px;
	margin-right: 10px;
	fill: var(--accent1);
}

.course-icon svg {
	width: 26px;
}

.fl-post-title {
	font-size: 22px;
	line-height: 1.5em;
	margin: 0 !important;
	padding: 0 0 5px;
}

.fl-post-title a:hover {
	color: var(--accent1);
}

.fl-post-text .button {
	margin-bottom: 10px !important;
}

.button a,
.course-grid .learndash-wrapper .ld-button,
.gform_footer input[type=submit] {
    background-color: var(--neutral1) !important;
    color: #fff !important;
    font-family: var(--bodyfont) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 48px !important;
    border-radius: 5px !important;
    border: 0px;
    text-transform: uppercase !important;
    text-decoration: none;
}

.button a:hover,
.course-grid .learndash-wrapper .ld-button:hover,
.gform_footer input[type=submit]:hover {
    background: var(--accent1) !important;
}

.header-one .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button,
.header-one input.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #btn-join,
.header-one input.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .btn-join,
.header-one .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #btn-join,
.header-one .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .btn-join {
	background-color: var(--accent1) !important;
    color: #fff !important;
    font-family: var(--bodyfont) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 48px !important;
    border-radius: 5px !important;
    border: 0px;
    text-transform: uppercase !important;
    text-decoration: none;
}

.ld-achievements {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* =========================
3.3 - Course Archive
========================= */
.header-one {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.title h1 {
	margin-bottom: 0;
}

.header-one .logo {
	max-width: 150px;
}

.header-one .logo img {
	width: 100%;
}

/* ----- FacetWP Filter */
.facetwp-facet-categories_mobile {
	display: none;
}

.facetwp-facet {
	margin-bottom: 25px !important;
}

.facetwp-facet-categories, .facetwp-facet-type {
	display: inline-flex;
	flex-flow: row wrap;
}

.facetwp-facet-categories span.facetwp-counter {
	display: none;
}

.facetwp-facet-categories div, .facetwp-facet-type div {
	color: var(--main) !important;
	font-family: var(--headerfont) !important;
	letter-spacing: .025em !important;
	text-transform: uppercase !important;
	background: transparent;
	border: solid 1px var(--accent2);
	border-radius: 3px !important;
	padding: 5px 15px !important;
	margin-right: 10px;
	margin-bottom: 8px;
}

.facetwp-radio.checked {
	background: var(--accent2);
	background-image: none !important;
}

.facetwp-facet-type input[type="radio"] {
	display: none;
}

/* ----- Course Info */
.enrolled-flag {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--enrolled);
	color: white;
	font-size: 12px;
	font-weight: 500;
	padding: 2px 10px;
	border-radius: 0 3px;
}

.inprogress-flag {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--inprogress);
	color: white;
	font-size: 12px;
	font-weight: 500;
	padding: 2px 10px;
	border-radius: 0 3px;
}

.completed-flag {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--complete);
	color: white;
	font-size: 12px;
	font-weight: 500;
	padding: 2px 10px;
	border-radius: 0 3px;
}

.post-wrapper .ld-progress.ld-progress-inline {
	margin: 0;
}

.post-wrapper .ld-progress-heading {
	display: none !important;
}

.ld-progress-bar {
	z-index: 9999;
}

.post-wrapper .ld-progress-bar {
	background-color: #fff !important;
	margin: -2px 0 0 !important;
	border-radius: 0 !important;
	height: 2px !important;
}

.post-wrapper .ld-progress-bar-percentage.ld-secondary-background {
	background-color: var(--accent2) !important;
}


/* =========================
3.4 - Course Intro Page
========================= */
.course-header .fl-row-content-wrap {
	padding: 2% 20px;
}

.course-header .fl-row-content-wrap:after {
	background-color: var(--neutral1) !important;
	opacity: .75;
}

.course-page-title {
	display: inline-flex;
	align-items: center;
}

.course-page-title .course-icon {
	width: 50px;
	margin-right: 10px;
	fill: var(--accent1);
}

.duration {
	display: inline-block;
	font-family: var(--headerfont);
	font-weight: 600;
	letter-spacing: .025em;
	text-transform: uppercase;
	border: solid 1px var(--accent2);
	border-radius: 3px;
	padding: 5px 15px;
}

ul.uabb-masonary-filters>li {
	background: transparent !important;
	color: var(--main) !important;
	font-family: var(--headerfont) !important;
	font-weight: 600 !important;
	letter-spacing: .025em !important;
	text-transform: uppercase !important;
	border: solid 1px var(--accent2);
	padding: 5px 15px !important;
	border-radius: 3px !important;
}

ul.uabb-masonary-filters>li.uabb-masonary-current {
	background: var(--accent2) !important;
}

.course-intro {
	max-width: 700px;
}

.course-details {
	max-width: 850px;
}


/* =========================
3.5 - Course Page
========================= */
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
    max-width: 150px;
}

.ld-profile-avatar img {
    border-radius: 100%;
}

.notification-box {
	display: flex;
	background-color: var(--accent1);
	color: #fff;
	font-size: 18px;
	padding: 30px;
}

.info-icon {
	flex-basis: 5%;
}

.notification {
	flex-basis: 95%;
}

.notification p:last-of-type {
	margin-bottom: 0;
}

.wp-block-columns.are-vertically-aligned-center .wp-block-image {
	margin-bottom: 0;
}


.embedpress-gutenberg-wrapper .wp-block-embed__wrapper {
	padding: 0;
}

button:active,
input[type=button]:active,
input[type=submit]:active,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
	top: 0 !important;
}

/* ----- MATERIALS */
ul.materials {
	list-style: none !important;
	padding-top: 20px;
	padding-left: 0px !important;
}

ul.materials a {
	font-size: 20px;
	color: var(--neutral1);
	text-decoration: none;
	box-shadow: none !important;
	display: inline-flex !important;
}

ul.materials a:hover {
	color: var(--accent1);
	box-shadow: none !important;
}

li.download,
li.link {
	width: 100%;
	margin-top: 0 !important;
}

.download svg {
	margin-right: 10px;
}

.link svg {
	margin-right: 13px;
}

.materials path {
    fill: var(--accent1);
}

.alt-links p.google {
	display: none !important;
}

/* =========================
LearnDash
========================= */
.ld-item-list-actions .ld-expand-button {
	display: none;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview>.ld-tooltip, .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
	align-items: center;
	font-size: 16px;
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
	background: var(--neutral1);
}

.ld-item-details .ld-text {
	color: var(--neutral1);
}

.ld-icon-content:before {
	content: "\f5db" !important;
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a {
	background: var(--neutral1);
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {
	color: var(--accent1) !important;
}

.ld-button.ld-button-transparent {
	color: var(--neutral1) !important;
}

.ld-button:focus,
.ld-button:active,
.ld-button:hover,
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
	color: var(--accent1) !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-alert .ld-button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue {
	background: var(--accent1) !important;
}


.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-alert  .ld-button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover {
	background: var(--accent2) !important;
	color: #000 !important;
}

.ld-tab-bar__tab[aria-selected=true],
.ld-tab-bar__tab:hover {
	color: var(--accent1) !important;
}

.ld-tab-bar__tab:focus,
.ld-tab-bar__tab:focus-visible {
	background: var(--accent1) !important;
	color: #fff !important;
	border: 0 !important;
}

.ld-tab-bar__tab[aria-selected=true]:after,
.ld-tab-bar__tab:hover:after {
    border-color: var(--accent1) !important;
}

.ld-course-navigation-heading {
	background-color: var(--neutral1) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
	background: var(--neutral1);
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon {
	border-color: var(--neutral1);
	color: var(--neutral1);
}

.learndash-wrapper .ld-course-navigation {
	font-size: 16px;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
	color: var(--neutral1);
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete,
.learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-in-progress {
	border-color: var(--accent1);
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover {
	color: var(--accent1);
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
	background: var(--accent1);
}

.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
	color: var(--complete) !important;
}

.learndash-wrapper .ld-status-complete,
.ld-navigation__progress-mark-complete-button {
	background: var(--complete) !important;
}

.ld-accordion__item:focus-within, .ld-accordion__item:has(.ld-accordion__expand-button[aria-expanded=true]), .ld-accordion__item:hover {
	background: transparent !important;
}

.ld-accordion a {
	font-size: 14px !important;
	font-weight: 400;
	padding: 0 !important;
}

.ld-accordion a:hover {
	color: var(--accent1) !important;
}

.ld-progress-bar__label-icon--complete {
	color: var(--complete) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
	background: var(--medgray);
	font-size: 16px;
}

.ld-progress-percentage,
.ld-navigation__icon--lesson-complete,
.ld-navigation__progress-completed-action {
	color: var(--complete) !important;
}

.ld-progress-bar-percentage, .ld-progress-bar__meter-foreground {
	background-color: var(--complete) !important;
}

.ld-breadcrumbs__link,
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments li a {
	color: var(--accent1) !important;
	font-weight: normal;
}

.ld-navigation__label{
	font-size: 12px !important
}

.ld-navigation__back-to-course-link:active, .ld-navigation__back-to-course-link:hover, .ld-navigation__next-link:active, .ld-navigation__next-link:hover, .ld-navigation__previous-link:active, .ld-navigation__previous-link:hover {
	background: var(--accent2) !important;
	color: var(--black) !important;
	border: 2px solid var(--accent2) !important;
}

.ld-navigation__next-link--just-completed, .ld-navigation__next-link--no-user {
	background: var(--neutral1) !important;
}

.ld-navigation__next-link--just-completed:active, .ld-navigation__next-link--just-completed:focus, .ld-navigation__next-link--just-completed:focus-visible, .ld-navigation__next-link--just-completed:focus-within, .ld-navigation__next-link--just-completed:hover, .ld-navigation__next-link--no-user:active, .ld-navigation__next-link--no-user:focus, .ld-navigation__next-link--no-user:focus-visible, .ld-navigation__next-link--no-user:focus-within, .ld-navigation__next-link--no-user:hover {
	background: var(--accent2) !important;
	color: var(--black) !important;
}


/* =========================
3.6 - Account Page
========================= */

.ppbs-headline {
	display: none;
}

img.pp-user-avatar {
	max-width: 150px;
}

.pp-form-container .pp-field-user-avatar-picture-wrap {
	width: 150px !important;
}

#pp-edit-profile-4-wrap .profilepress-edit-profile-status.success {
	background-color: var(--complete);
}


.asana-embed-container {
	height: 700px !important;
	width: 100% !important;
	max-width: 900px !important;
}

/* =========================
3.7 - FAQ Page
========================= */
.faq-item {
	margin-bottom: 15px;
}

.faq-item .accordion {
	display: inline-flex;
	align-items: flex-start;
	background-color: #fff;
	color: var(--main);
	font-family: var(--bodyfont);
	font-weight: 600;
	line-height: 1.3em;
	padding: 15px;
	width: 100%;
	text-align: left;
	transition: 0.2s;
	margin-bottom: 0px;
	cursor: pointer;
	border: none;
}

.faq-item .accordion.active,
.faq-item .accordion:hover {
	background-color: var(--neutral1);
	background: var(--neutral1);
	color: #fff;
	border: none;
}

.faq-item .panel {
	padding: 0;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.3s ease-out;
	-moz-transition: max-height 0.3s ease-out;
	transition: max-height 0.3s ease-out;
}

.faq-item .panel .content {
	padding: 15px;
}

.faq-item .panel .content p:last-of-type {
	margin-bottom: 0;
}

.faq-item .accordion:before {
	content: '\e59e';
	font-family: 'Font Awesome 6 Pro';
	font-size: 12px;
	color: var(--neutral1);
	margin-right: 10px;
}

.faq-item .accordion:hover:before {
	color: #fff;
}

.faq-item .accordion.active:before {
	content: "\f068";
	font-family: 'Font Awesome 6 Pro';
	font-size: 13px;
	color: #fff;
}

/* =========================
3.8 - Search Results
========================= */
.search-course-name {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 0px !important;
	opacity: .7;
}

.search-result a.view-more {
	font-size: 15px;
	font-weight: 700;
	color: var(--accent1);
	text-transform: uppercase;
	letter-spacing: .025em;
}

a.facetwp-page {
	color: var(--accent1);
}

a.facetwp-page:hover {
	color: var(--accent2);
}

.facetwp-icon {
	opacity: 1 !important;
}

.facetwp-icon:before {
	color: var(--accent2) !important;
	content: "\f002" !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 16px !important;
	font-weight: 900;
	font-style: normal;
	height: 30px !important;
	width: auto !important;
	background-image: none !important;
	margin-top: 15px !important;
	margin-right: 15px;
}

.facetwp-facet input.facetwp-search {
	padding: 10px;
	font-size: 17px;
	float: left;
	width: 80%;
	background: #fff;
	border-radius: 5px;
}

.search-result hr {
	margin: 30px auto;
	color: var(--gray);
	background-color: var(--gray);
	height: 2px;
	opacity: 30%;
}

.search-result hr:last-of-type {
    display: none;
}

.white-bg .fl-post-text {
	background: var(--ltgray);
}

.small .facetwp-type-radio {
	margin-bottom: 0 !important;
}

.facetwp-facet-pager_numbers {
	margin-top: 50px;
	margin-bottom: 10px !important;
	font-size: 14px;
}


/*----------------------------------------------------------*/
/** 4 - Admin Branding
------------------------------------------------------------*/
/* =========================
4.1 - Admin Bar
========================= */

/* =========================
4.2 - Builder Branding
========================= */

/*----------------------------------------------------------*/
/** 5 - Desktop Only Styles
------------------------------------------------------------*/
@media (min-width: 992px) {
	.fl-page-header-vertical:not(.fl-page-nav-toggle-visible-always) {
		width: 300px;
		box-shadow: none;
	}

	.fl-nav-vertical-left .fl-page-bar,
	.fl-nav-vertical-left .fl-page-content,
	.fl-nav-vertical-left .fl-page-footer-wrap,
	.fl-nav-vertical-left footer.fl-builder-content {
		margin-left: 300px;
	}

	.fl-page-header-vertical:not(.fl-page-nav-toggle-visible-always) .fl-page-nav-wrap {
		width: 100%;
	}

	.fl-page-header-row {
		height: 100vh;
	}

	.fl-page-avatar-col {
		padding: 10% 0;
	}

	.brand-logo {
		display: none;
	}
}

/*----------------------------------------------------------*/
/** 6 - Large Screen Only Styles
------------------------------------------------------------*/
@media (min-width: 1441px) {
	.fl-page-avatar-col {
		padding: 15% 0;
	}
}

/*----------------------------------------------------------*/
/** 6 - Tablet Only Styles
------------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 1124px) {
	.course-grid, .search-grid .facetwp-template {
		grid-template-columns: repeat(2, 1fr);
	}

	.ld-achievements {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 769px) and (max-width: 992px) {}

/*----------------------------------------------------------*/
/** 7 - Tablet + Mobile Styles
------------------------------------------------------------*/
@media (max-width: 992px) {
	.form.nav-search {
		max-width: auto;
	}

	.fl-page-header-container.container {
		padding: 0;
	}

	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-logo {
		align-items: center;
	}

	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md {
		padding-top: 10px;
		background: var(--neutral1);
	}

	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse {
		border-top: 0 !important;
	}

	.fl-page-header-vertical:not(.fl-page-nav-toggle-visible-always) .fl-page-nav-collapse ul.navbar-nav>li>a,
	.menu-item a {
		padding: 15px 0;
		margin: 0;
		width: 197px;
	}

	.navbar-nav li {
		border: 0 !important;
		padding-left: 20px;
	}

	.fl-page-header-vertical .fl-page-header-container {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		color: #fff;
		top: 9px !important;
		padding-right: 0;
	}

	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle:hover,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle:focus,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:focus {
		outline: none;
	}

	.navbar-toggle .fa-bars:before {
		color: #fff;
	}

	.fl-page-header-logo {
		display: flex;
		flex-flow: row nowrap;
	}

	.fl-page-header-vertical .fl-page-header-logo {
		padding-bottom: 0px;
		padding-left: 0px;
	}

	.brand-logo {
		width: 100%;
		max-width: 108px;
		margin-right: 15px;
	}

	.user-avatar {
		padding-bottom: 0;
	}

	.user-avatar img {
		max-width: 30px !important;
	}

	.user-name {
		display: none;
	}

	.fl-page-logout-col {
		display: none;
	}

	.header-one .logo {
		display: none;
	}
}

/*----------------------------------------------------------*/
/** 8 - Mobile Only Styles
------------------------------------------------------------*/
@media (max-width: 768px) {
	.fl-page-header-vertical .fl-page-header-logo {
		padding-left: 20px;
	}

	.course-grid, .search-grid .facetwp-template {
		grid-template-columns: repeat(2, 1fr);
	}

	.ld-achievements {
		grid-template-columns: repeat(2, 1fr);
	}

	.facetwp-facet-categories {
		display: none;
	}

	.facetwp-facet-categories_mobile {
		display: block;
	}

	.facetwp-facet-categories_mobile select.facetwp-dropdown,
	.facetwp-facet-categories_mobile select.facetwp-dropdown:focus {
		color: var(--main) !important;
		font-family: var(--headerfont) !important;
		letter-spacing: .025em !important;
		text-transform: uppercase !important;
		background: var(--accent2);
		border: none !important;
		border-radius: 3px;
		min-width: 100%;
		padding: 8px 5px;
	}

	.facetwp-facet-categories_mobile select {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
	}

	.ld-achievements .ld-achievement-image {
		flex-basis: calc(50% - 30px);
	}
}

@media (max-width: 520px) {
	.course-grid, .search-grid .facetwp-template {
		grid-template-columns: auto;
	}
}

/*----------------------------------------------------------*/
/** 9 - Dashboard Stats
------------------------------------------------------------*/
body {
  --card-border-radius: 4px;
  --card-background: #fff;
  --palette-secondary: #0d5c63;
  --palette-gray: #e4e2e4;
  --palette-success: #00966f;
  --palette-warning: #efbc24;
}

/* Utility Classes */
.text-center {
	text-align: center;
}

.text-lg {
	font-size: 1.75rem;
}

.text-xl {
	font-size: 2rem;
}

.background-white {
  background: #fff;
}

.mb-4 {
	margin-bottom: 3rem;
}

.ml-2, .mx-2 {
    margin-left: .5rem;
}

.mr-2 {
    margin-right: .5rem;
}

.p-5 {
  padding: 4rem;
}

.shadow {
  box-shadow: 0px 2px 5px rgba(116,116,116,.26) !important;
}

.accent1 {
  color: var(--accent1) !important;
}

.site .grid-cols::before {
  display:none
}

.grid-cols {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:3rem;
  row-gap:2rem;
}

.card {
  border-radius: var(--card-border-radius);
}