/* Footer 2 big columns on sides and 1 small one in the middle */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
	grid-template-columns: 3fr 1fr 3fr;
}

/* Login/Logout Icon for Main Menu */
.menu-account-item {
	display: inline-flex !important;
    align-items: bottom;
    justify-content: center;
}
.menu-account-item::before {
	padding-top: 2px;
    content: "\F4D7";
    font-family: "bootstrap-icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    vertical-align: bottom;
}
.menu-login-item {
	display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.menu-login-item::before {
    content: "\F4D7";
    font-family: "bootstrap-icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
	margin-right: 0.2em;
}
.menu-logout-item {
	display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.menu-logout-item::before {
	padding-top: 2px;
    content: "\F1C3";
    font-family: "bootstrap-icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    vertical-align: bottom;
	margin-right: 0.2em;
}

#ast-mobile-header, .ast-mobile-header-content {
	position: fixed;
	top: 0;
	left: 0;
}

.ast-main-header-nav-open .ast-mobile-header-content {
	height: 100%;
}

#ast-mobile-header .main-navigation {
	display: block;
}

body.admin-bar #ast-mobile-header, body.admin-bar .ast-mobile-header-content {
	top: 46px;
}

#ast-mobile-header .ast-primary-header-bar, #ast-mobile-header .site-header-section {
	height: 0;
	min-height: 0;
}

#ast-mobile-header .main-header-menu-toggle {
	position: fixed;
	top: 30px;
	right: 10px;
}

#ast-hf-mobile-menu {
	padding-left: 20px;
	padding-right: 20px;
}

#ast-hf-mobile-menu li.menu-item a.menu-link {
	font-size: 1.5rem;
	border-bottom-width: 3px;
	line-height: 1.5rem;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* wp-forms */
body {
	--wpforms-container-padding: 30px;
	--wpforms-container-shadow-size-box-shadow: 20px;
	--wpforms-container-border-radius: 10px;
}
.elementor-widget-container:has(.wpforms-container) {
  background-color: transparent !important;
}


/* Lesson list cards */
.featured-image-wrapper img {
	/*border-radius: 100% !important;*/
}

.subpage-loop-container {
	margin-top: 50px;
}

.subpage-loop-container .elementor-shortcode {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  align-items: stretch;
}

.subpage-loop-container .elementor-shortcode > div {
	width: 350px;
	border-radius: 5px;
  	overflow: hidden;
	box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
	-webkit-box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
	-moz-box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
	transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;

	display: flex;
  	flex-direction: column;
  	height: auto;
  	align-self: stretch;
}

.subpage-loop-container .elementor-shortcode > div:hover {
	box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
	transform: scale(1.03);
}

.subpage-loop-container .elementor-shortcode > div > .lesson-list-item-card {
	/*height: 380px;*/
	flex: 1;
  	display: flex;
  	flex-direction: column;
	color: var(--wpforms-label-color);
	background-color: var(--wpforms-background-color);
	padding: 20px;
}

.subpage-loop-container .elementor-shortcode > div > .lesson-list-item-card .lesson-list-item-description .elementor-widget-container {
white-space: pre-line;
	line-height: 1.2em;
}

.subpage-loop-container .elementor-shortcode > div > .lesson-list-item-card h3 {
	color: var(--wpforms-label-color);
}

.subpage-loop-container .elementor-shortcode .elementor-widget-button {
	margin-top: auto;
}

.subpage-loop-container .elementor-shortcode .elementor-button {
	color: var(--wpforms-button-text-color);
	background-color: var(--wpforms-button-background-color);
	border-color: var(--wpforms-button-background-color);
}


/* Pages List */
/* Target the sidebar container from Content Aware Sidebars */
/* Remove bullets from list */
ul.wp-block-page-list, ul.wp-block-navigation__submenu-container {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
/* Each page item spacing */
.wp-block-page-list li {
    margin-bottom: 8px;
	color: var(--ast-global-color-2);
}
/* Links */
.wp-block-page-list li a, .wp-block-page-list li .cpl-toggle-label {
    display: block;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
	color: var(--ast-global-color-8);
    transition: background 0.2s, color 0.2s;
}
/* Hover effect */
.wp-block-page-list li a:hover, .wp-block-page-list li .cpl-toggle-label:hover {
	color: var(--page-list-text-hover);
	background-color: var(--ast-global-color-4);
}
/* Current page highlight */
.wp-block-page-list .current-menu-item a {
    /*background-color: #005177;
    color: #fff;*/
    font-weight: 600;
	color: var(--ast-global-color-7);
	background-color: var(--ast-global-color-6);
}
/* Subpages (children) indentation */
.wp-block-page-list .wp-block-navigation__submenu-container li a {
    padding-left: 24px;
    font-size: 0.95em;
}
.wp-block-page-list li.wp-block-pages-list__item.has-child .cpl-toggle-label::before {
    content: "\f3d7";
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-right: 0.5em;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}
.wp-block-page-list .wp-block-navigation__submenu-container li.wp-block-pages-list__item a::before {
    content: "\f678";
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-right: 0.5em;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}

/* Class Pages */
body.course-page {
	--ast-body-line-height: 0.7 rem;
}

body.course-page .wp-block-page-list {
	padding-top: 14px;
}

body.course-page:not(.page-id-2834) .site-above-header-wrap {
	min-height: 2em;
}

body.course-page:not(.page-id-2834) .main-header-menu > .menu-item > .menu-link {
	color: #4b4a4a;
	line-height: 2em;
}

body.course-page .site-primary-header-wrap {
	/* display: none; */
	background-color: transparent;
}

body.course-page .ast-primary-header-bar {
	background-color: transparent;
}

@media (max-width: 921px) {
	body.course-page .site-primary-header-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: transparent;
	}

	body.admin-bar .site-primary-header-wrap{
    	top: 32px;
	}
}

.elementor-element.elementor-button-success .elementor-button {
    background-color: #5cb85c !important;
    transition: filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	border-radius: 7px;
	box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
	-webkit-box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
	-moz-box-shadow: 6px 5px 18px -6px rgba(0,0,0,0.65);
}

.elementor-element.elementor-button-success .elementor-button:hover {
    background-color: #5cb85c !important;
	filter: brightness(1.1);
	box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 5px 18px -2px rgba(0,0,0,0.75);
}

/* 6 Keys Course Page */
body.course-page {
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: var(--ast-global-color-6); /* forms & cards button background */
}

/* F2H Class Pages */
body.parent-pageid-2333, body.page-id-2333 {
	/* --ast-global-color-0: #F00; mobile menu button */
	--ast-global-color-1: #FBCCA5; /* button:hover */
	--ast-global-color-2: #000000; /* headings, button text */
	--ast-global-color-3: #000000; /* text */
	--ast-global-color-4: #0073aa; /* page-list background:hover */
	--ast-global-color-5: #FFFFFF; /* body */
	--ast-global-color-6: #005177; /* button & page-list selected background */
	--ast-global-color-7: #FFFFFF; /* page-list selected text */
	--ast-global-color-8: #0073aa; /* page-list text */
	--page-list-text-hover: #FFFFFF; /* page-list text:hover */
	--wpforms-label-color: #000000; /* forms & cards text */
	--wpforms-background-color: #EBF9FF; /* forms & cards background */
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: var(--ast-global-color-6); /* forms & cards button background */
}

/* SS Class Pages */
body.parent-pageid-2990, body.page-id-2990 {
	--ast-global-color-0: #DB9C45; /* mobile menu button */
	--ast-global-color-1: #FBCCA5; /* button:hover */
	--ast-global-color-2: #636160; /* headings, button text */
	--ast-global-color-3: #3e3a3a; /* text */
	--ast-global-color-4: #F0C364; /* page-list background:hover */
	--ast-global-color-5: #EBDED1; /* body */
	--ast-global-color-6: #DB9C45; /* button & page-list selected background */
	--ast-global-color-7: #FFFFFF; /* page-list selected text */
	--ast-global-color-8: #636160; /* page-list text */
	--page-list-text-hover: #636160; /* page-list text:hover */
	--wpforms-label-color: var(--ast-global-color-3); /* forms & cards text */
	--wpforms-background-color: #fdf5e6; /* forms & cards background */
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: var(--ast-global-color-6);  /* forms & cards button background */
}
/* Ballerina Class Pages */
body.parent-pageid-3677, body.page-id-3677 {
	/* --ast-global-color-0: #F00; mobile menu button */
	--ast-global-color-1: #618B44; /* button:hover */
	--ast-global-color-2: #E5E7EE; /* headings, button text */
	--ast-global-color-3: #E5E7EE; /* text */
	--ast-global-color-4: #C4D0D4; /* page-list background:hover */
	--ast-global-color-5: #557E38; /* body */
	--ast-global-color-6: #C4D0D4; /* button & page-list selected background */
	--ast-global-color-7: #383426; /* page-list selected text */
	--ast-global-color-8: #E5E7EE; /* page-list text */
	--page-list-text-hover: #383426; /* page-list text:hover */
	--wpforms-label-color: #383426; /* forms & cards text */
	--wpforms-background-color: #fdf5e6; /* forms & cards background */
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: #383426; /* forms & cards button background */
}

/* WMStar Class Pages */
body.parent-pageid-3993, body.page-id-3993 {
	/* --ast-global-color-0: #F00; mobile menu button */
	--ast-global-color-1: #618B44; /* button:hover */
	--ast-global-color-2: #F5F7FE; /* headings, button text */
	--ast-global-color-3: #F5F7FE; /* text */
	--ast-global-color-4: #D7C5AD; /* page-list background:hover */
	--ast-global-color-5: #C76348; /* body */
	--ast-global-color-6: #D7C5AD; /* button & page-list selected background */
	--ast-global-color-7: #383426; /* page-list selected text */
	--ast-global-color-8: #F5F7FE; /* page-list text */
	--page-list-text-hover: #C76348; /* page-list text:hover */
	--wpforms-label-color: #383426; /* forms & cards text */
	--wpforms-background-color: #fdf5e6; /* forms & cards background */
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: #A7362A; /* forms & cards button background */
}

/* Create your own flow Class Pages */
body.parent-pageid-4261, body.page-id-4261 {
	/* --ast-global-color-0: #F00; mobile menu button */
	--ast-global-color-1: #618B44; /* button:hover */
	--ast-global-color-2: #717067; /* headings, button text */
	--ast-global-color-3: #717067; /* text */
	--ast-global-color-4: #BFC8B8; /* page-list background:hover */
	--ast-global-color-5: #FFFFFF; /* body */
	--ast-global-color-6: #BFC8B8; /* button & page-list selected background */
	--ast-global-color-7: #383426; /* page-list selected text */
	--ast-global-color-8: #000000; /* page-list text */
	--page-list-text-hover: #383426; /* page-list text:hover */
	--wpforms-label-color: #383426; /* forms & cards text */
	--wpforms-background-color: #ffffff; /* forms & cards background */
	--wpforms-button-text-color: #FFFFFF; /* forms & cards button text */
	--wpforms-button-background-color: #b3b3b3;  /* forms & cards button background */
}

/* P&I Class Pages */
body.parent-pageid-4355, body.page-id-4355 {
	--ast-global-color-0: #BA351F; /* mobile menu button */
	--ast-global-color-1: #618B44; /* button:hover */
	--ast-global-color-2: #717067; /* headings, button text */
	--ast-global-color-3: #717067; /* text */
	--ast-global-color-4: #BFC8B8; /* page-list background:hover */
	--ast-global-color-5: #FDDBA1; /* body */
	--ast-global-color-6: #BFC8B8; /* button & page-list selected background */
	--ast-global-color-7: #383426; /* page-list selected text */
	--ast-global-color-8: #BA351F; /* page-list text */
	--page-list-text-hover: #383426; /* page-list text:hover */
	--wpforms-label-color: #383426; /* forms & cards text */
	--wpforms-background-color: #fdf5e6; /* forms & cards background */
	--wpforms-button-text-color: #383426; /* forms & cards button text */
	--wpforms-button-background-color: #BFC8B8;  /* forms & cards button background */
}