@font-face {
	font-family: "Manuka";
	src: url("../assets/fonts/Manuka-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: bold;
	font-display: swap;
}

body {
	background-color: var(--base-3);
	color: var(--contrast);
}
a {
	color: var(--accent);
}
a:hover,
a:focus,
a:active {
	color: var(--contrast);
}
:root {
	--contrast: #000000;
	--contrast-2: #343a40;
	--contrast-3: #6c757d;
	--contrast-4: #ced4da;
	--base: #eae8ec;
	--base-2: #f5f5f5;
	--base-3: #ffffff;
	--accent: #1e73be;
	--primary-1: #ff571d;
	--secondary-1: #2ed1ec;
	--secondary-2: #fecb34;
	--secondary-3: #ff97cf;
	--secondary-4: #91ff3c;
	--secondary-5: #cdb5ff;
	--secondary-6: #86edb9;
	--h1-size: clamp(3rem, 2.7143rem + 1.4286vw, 4rem);
	--h2-size: clamp(2.25rem, 1.8929rem + 1.7857vw, 3.5rem);
	--h3-size: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);
	--h4-size: clamp(2rem, 1.9286rem + 0.3571vw, 2.25rem);
	--h5-size: clamp(1.75rem, 1.75rem + 0vw, 1.75rem);
	--h6-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
}

:root .has-contrast-color {
	color: var(--contrast);
}
:root .has-contrast-background-color {
	background-color: var(--contrast);
}
:root .has-contrast-2-color {
	color: var(--contrast-2);
}
:root .has-contrast-2-background-color {
	background-color: var(--contrast-2);
}
:root .has-contrast-3-color {
	color: var(--contrast-3);
}
:root .has-contrast-3-background-color {
	background-color: var(--contrast-3);
}
:root .has-contrast-4-color {
	color: var(--contrast-4);
}
:root .has-contrast-4-background-color {
	background-color: var(--contrast-4);
}
:root .has-base-color {
	color: var(--base);
}
:root .has-base-background-color {
	background-color: var(--base);
}
:root .has-base-2-color {
	color: var(--base-2);
}
:root .has-base-2-background-color {
	background-color: var(--base-2);
}
:root .has-base-3-color {
	color: var(--base-3);
}
:root .has-base-3-background-color {
	background-color: var(--base-3);
}
:root .has-accent-color {
	color: var(--accent);
}
:root .has-accent-background-color {
	background-color: var(--accent);
}
:root .has-primary-1-color {
	color: var(--primary-1);
}
:root .has-primary-1-background-color {
	background-color: var(--primary-1);
}
:root .has-secondary-1-color {
	color: var(--secondary-1);
}
:root .has-secondary-1-background-color {
	background-color: var(--secondary-1);
}
:root .has-secondary-2-color {
	color: var(--secondary-2);
}
:root .has-secondary-2-background-color {
	background-color: var(--secondary-2);
}
:root .has-secondary-3-color {
	color: var(--secondary-3);
}
:root .has-secondary-3-background-color {
	background-color: var(--secondary-3);
}
:root .has-secondary-4-color {
	color: var(--secondary-4);
}
:root .has-secondary-4-background-color {
	background-color: var(--secondary-4);
}
:root .has-secondary-5-color {
	color: var(--secondary-5);
}
:root .has-secondary-5-background-color {
	background-color: var(--secondary-5);
}
:root .has-secondary-6-color {
	color: var(--secondary-6);
}
:root .has-secondary-6-background-color {
	background-color: var(--secondary-6);
}
.top-bar {
	background-color: var(--contrast);
	color: var(--base-3);
}
.top-bar a {
	color: #ffffff;
}
.top-bar a:hover {
	color: var(--base-3);
}
/* .site-header {
	/* background-color: var(--base-3);
} */

/* 
 * New Headings CSS Patch
 * Date: 05/01/2025
 * Author: CL
 */

/* Manuka Font */
h1,
h2,
h3,
.row-title,
.testimonies-title {
	font-family: "Manuka", sans-serif;
	/* Remove the text stroke for the Manuka font */
	-webkit-text-stroke: 0 !important;
	strong {
		font-family: inherit;
	}
}

h1 {
	font-size: var(--h1-size);
}

.h1 {
	font-size: var(--h1-size) !important;
}

h2 {
	font-size: var(--h2-size);
}

.h2 {
	font-size: var(--h2-size) !important;
}

h3 {
	font-size: var(--h3-size);
}

.h3 {
	font-size: var(--h3-size) !important;
}

h4 {
	font-size: var(--h4-size);
}

.h4 {
	font-size: var(--h4-size) !important;
}

h5 {
	font-size: var(--h5-size);
}

.h5 {
	font-size: var(--h5-size) !important;
}

h6 {
	font-size: var(--h6-size);
}

.h6 {
	font-size: var(--h6-size) !important;
}

.btn-primary {
	background-color: var(--base-3) !important;
	color: var(--primary-1) !important;
}

.btn-primary:hover {
	background-color: var(--primary-1) !important;
	color: var(--base-3) !important;
}

.btn-secondary {
	background-color: var(--primary-1) !important;
	color: var(--base-3) !important;
}

.btn-secondary:hover {
	background-color: var(--secondary-2) !important;
	color: var(--contrast) !important;
}

/* 
.h3 {
	font-weight: 700;
	font-size: 2.25rem;
	margin-bottom: 1rem;
} */

.main-title a,
.main-title a:hover {
	color: var(--contrast);
}
.site-description {
	color: var(--contrast-2);
}
.main-navigation,
.main-navigation ul ul {
	background-color: rgba(255, 255, 255, 0);
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--primary-1);
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
	color: var(--contrast);
	background-color: rgba(0, 0, 0, 0);
}
button.menu-toggle:hover,
button.menu-toggle:focus {
	color: var(--contrast);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: var(--contrast);
	background-color: rgba(0, 0, 0, 0);
}
.navigation-search input[type="search"],
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus,
.main-navigation .main-nav ul li.search-item.active > a,
.main-navigation .menu-bar-items .search-item.active > a {
	color: var(--contrast);
	background-color: rgba(0, 0, 0, 0);
}
.main-navigation ul ul {
	background-color: var(--base);
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
	color: var(--contrast-2);
	background-color: var(--base-3);
}
.entry-title a {
	color: var(--contrast);
}
.entry-title a:hover {
	color: var(--contrast-2);
}
.entry-meta {
	color: var(--contrast-2);
}
h5 {
	color: var(--secondary-1);
}
.sidebar .widget {
	background-color: var(--base-3);
}
.footer-widgets {
	background-color: var(--base-3);
}
.site-info {
	color: #000000;
	background-color: var(--base-3);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	color: var(--contrast);
	background-color: var(--base-2);
	border-color: var(--base);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	color: var(--contrast);
	background-color: var(--base-2);
	border-color: var(--contrast-3);
}
button:not(.accordion, .menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
	color: var(--base-3) !important;
	background-color: var(--primary-1) !important;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover,
button:not(.menu-toggle) {
	color: var(--base-3);
	background-color: #cc4617;
}
a.generate-back-to-top {
	background-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
}
a.generate-back-to-top:hover,
a.generate-back-to-top:focus {
	background-color: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}
:root {
	--gp-search-modal-bg-color: var(--base-3);
	--gp-search-modal-text-color: var(--contrast);
	--gp-search-modal-overlay-bg-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
	.main-navigation .menu-bar-item:hover > a,
	.main-navigation .menu-bar-item.sfHover > a {
		background: none;
		color: var(--contrast);
	}
}

/* span.locations .fa-location-dot:before{ */
/* color: var(--secondary1) !important; */
/* } */

.wp-block-buttons .wp-block-button.is-style-outline a {
	color: var(--primary1);
	border: 1px solid var(--primary1);
	border-radius: 0.625rem;
}

.wp-block-buttons .wp-block-button.is-style-outline:hover {
	border-color: #cc4617;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):hover,
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):hover > i {
	color: #cc4617 !important;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):hover {
	background-color: unset;
}

.main-navigation .main-nav ul li a {
	font-weight: 500;
}

.info-container {
	border-radius: 0.625rem;
}
@media screen and (min-width: 769px) {
	.home.page .promotion-simple-block.promotion-simple-container {
		padding-top: 0 !important;
	}
}
@media screen and (min-width: 768px) {
	.card-image {
		height: 9.938rem;
		border-radius: 0.625rem;
	}
}

/* Course Card CSS Open */
@media screen and (max-width: 768px) {
	.course-card {
		flex-direction: column !important;
	}

	.course-card .card-image {
		max-width: unset !important;
		width: 100% !important;
		border-radius: 0.625rem;
		padding: 1.5rem;
		height: unset !important;
		min-height: unset !important;
		aspect-ratio: 9/5;
	}

	/* .inside-header, .wp-block-columns.has-background { */
	/* padding-right: 1.25rem; */
	/* padding-left: 1.25rem; */
	/* } */

	/* Site Header */
	/*.site-header .header-image {*/
	/*    width: 6.875rem;*/
	/*}*/
	.site-header .mobile-outside-burger-icons .list-icon-item i {
		font-weight: 400;
	}

	.site-header .header-widget {
		min-width: unset;
	}

	.promotion-type1-row-btn-cont {
		padding-top: 1.5rem;
	}

	.testimony-course h5 {
		font-size: 0.9375rem;
		line-height: 1.25rem;
	}
	.testimony-designation {
		margin-bottom: 0;
	}
}
@media (min-width: 600px) and (max-width: 768px) {
	.testimonies-container .testimonies {
		gap: 1.25rem;
		display: flex;
		flex-direction: inherit;
	}
}

/* CSS for Tablet View */
@media screen and (max-width: 1024px) {
	/* Site Header */
	/*.site-header .header-image {*/
	/*    width: 6.875rem;*/
	/*}*/

	/* Site Main Menu */
	.site-header .main-navigation #menu-main-menu .menu-item a {
		font-size: 1rem;
	}

	.site-header .header-widget {
		min-width: 155px;
	}
	.wp-block-buttons .wp-block-button a {
		padding: 10px 15px;
		font-size: 1rem;
	}
	/*.wp-block-buttons .wp-block-button i {
        margin-left: 0;
        padding: 0;
    }*/
}

.nav-links .page-numbers {
	border-radius: 10px;
}

.page-template-open-course-archive .card-container.alignfull {
	/* padding: 2.5rem var(--space);		 */
}
.page-template-open-course-archive .card-container.alignfull .course-row-grid {
	max-width: calc(var(--max-width-content) - 2.5rem * 2);
	margin: 0 auto;
}

.magic_card .card-row-container .card-featured-img {
	border-radius: 0.938rem;
}

.card-row-container .card-featured-img {
	height: unset !important;
	min-height: unset !important;
	aspect-ratio: 9/5;
}

/* Gravity Forms CSS */
.gform_body.gform_body {
	display: block;
	& .gform_fields {
		row-gap: 0.75rem !important;
		& input,
		textarea,
		select {
			border-radius: 0.625rem !important;
		}
		& button.gform-button.button {
			background-color: var(--primary1);
			border-radius: 0.625rem;
		}
	}
}

/* Moved from CSS Plugin */

p.ageGuidance.tag-0 {
	visibility: hidden;
}

.card-title-content {
	padding: 15px;
	border-radius: 0.5rem;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

/* AK - CSS patches */
/* This CSS has been added to cater for change requests from the team */

/* Make the promotion block full width by removing margin and max-width */
.promotion-simple-block.full-width {
	margin: 0 !important;
	max-width: none !important;
}

/* Set a taller height for card images in columns with the class .img-tall */
.wp-block-columns.img-tall .card-featured-img {
	height: 21.875rem;
}

/* Remove top padding from the card row in a no-padding inner row */
.no-padding-inner-row .card-row .pages-list {
	padding-top: 0;
}

/* Standardize the rounded corners for images with rounded or circle-mask styles */
.site-content .wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.site-content .wp-block-image.is-style-rounded img {
	border-radius: 10px;
}

/* Modify the background position of the archive hero to align with the top */
.archive-hero {
	background-position: top !important;
}

/* Enable smooth scrolling for the entire HTML document */
html {
	scroll-behavior: smooth;
}

/* Design and customize the filter categories for NIDA OPEN */
#discipline-categories,
#who-categories,
#program-categories {
	/* Style for checked category inputs */
	.category input[type="checkbox"]:checked + label {
		background: #ff571d;
		color: white !important;
	}

	/* Style for category labels */
	.category label {
		padding: 10px;
		border-radius: 8px;
		background: #f5f5f5;
		text-align: center;
		transition: background 0.3s linear, color 0.3s linear;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	/* Hide the category input elements */
	.category input {
		display: none;
	}

	/* Define grid layout for categories */
	.category {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 1rem;
		justify-content: center;
		justify-items: stretch;
		align-items: stretch;
		align-content: center;
	}

	/* Remove line breaks within categories */
	.category br {
		display: none !important;
	}

	/* Make line and heading elements span across all columns */
	.category .line,
	.category h5 {
		grid-column: 1 / -1; /* Start at the first column and span to the last */
		width: 100% !important;
	}
}

/*------- To be fixed by AS ----- */

/* Remove width limitation and text truncation for card content on wider screens */
@media screen and (min-width: 769px) {
	.card-content .content,
	.card-content .content p {
		max-width: none !important;
		-webkit-line-clamp: unset !important;
	}
}

/* Disable text truncation for card content across all screen sizes */
.card-content .content,
.card-content .content p {
	-webkit-line-clamp: unset !important;
}

/* Add rounded borders to the magic card to avoid square elements with rounded children */
.magic_card {
	border-radius: 10px !important;
}

/* Fix layout issues with single testimonial blocks on wide screens */
@media only screen and (min-width: 1200px) {
	.site-main .single-testimony.hide-image {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		left: auto !important;
	}
}

/* Add 20px padding to course cards on wider screens */
@media screen and (min-width: 769px) {
	.site .course-card {
		padding: 20px !important;
	}
}

/* Hide empty list items in the card row grid */
.card-row-grid li:empty {
	display: none;
}

/* Remove max-width restriction from paragraphs in promotion type 1 rows */
.promotion-type1-row .promotion-type1-row-inner-cont-a .promotion-type1-row-content p {
	max-width: none !important;
}

/* Define hover effect for social icons */
.social-icon i {
	transition: 0.3s filter;
}

.social-icon i:hover {
	filter: brightness(90%);
}

/* Add color transition and set default color to black for footer links */
.footer-content a {
	transition: 0.3s color;
	color: black;
}

/* Inherit color for <h4> elements inside footer links */
.footer-content a h4 {
	color: inherit !important;
}

/* Change color on hover for footer links */
.footer-content a:hover {
	color: var(--primary1);
}

/* Set row gap for card row grids */
.card-row-page .card-row-grid {
	row-gap: 40px;
}

/* Adjust font size and line height for course card text */
.card.course-card .card-text {
	font-size: 1.125rem !important; /*18px */
	line-height: 1.125rem !important;
}

/* Set width for all submenu dropdowns */
.main-navigation ul ul {
	width: 300px;
}

/* Adjust font size and color for submenu links */
.site-header .main-navigation .main-nav ul ul li a {
	color: black !important;
	font-size: 1.125rem !important;
}

.editor-styles-wrapper a,
.editor-styles-wrapper a:visited {
	color: var(--accent);
}

.mobile-outside-burger-icons ul {
	list-style: none;
	display: flex;
	gap: 1rem;
	margin: 0;
}

/* JALA  CSS patches */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */

/* 42492784 */
.copyright-bar {
	font-size: 0;
}

.copyright-bar span {
	font-size: 16px;
}

/* 42503426 */
label[for="2_to_5_years_(preschool)"] {
	display: none !important;
}

/* cosolidated CSS */

@media only screen and (min-width: 1200px) {
	.second-div img {
		height: unset !important;
	}
}

.hero-row-inner-cont-a .hero-row-image {
	display: block !important;
}

body.page-template-registration-checkout-form .site-main,
body.page-template-default .site-main {
	.checkout-section-left
		.slds-scope
		.container
		div.slds-grid.slds-wrap
		div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small
		.slds-grid
		div:nth-child(1).slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12.slds-p-vertical_small
		input.slds-input {
		max-width: 18rem;
	}

	.checkout-section-left
		.slds-scope
		.container
		div.slds-grid.slds-wrap
		div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small
		.slds-grid
		div:nth-child(1).slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12.slds-p-vertical_small
		button.slds-button.slds-button_outline-brand {
		border: none;
		background: var(--primary2);
		color: white;
	}

	.checkout-section-left
		.slds-scope
		.container
		div.slds-grid.slds-wrap
		div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small
		.slds-grid
		div:nth-child(2).slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12
		.slds-grid
		span,
	.checkout-section-left
		.slds-scope
		.container
		div.slds-grid.slds-wrap
		div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small
		.slds-grid
		div:nth-child(2).slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12
		.slds-grid
		p
		> * {
		font-size: 1rem !important;
	}

	.checkout-section-left .slds-scope .container div.slds-grid.slds-wrap div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small .slds-grid:nth-child(2) {
		padding-top: 12px;
	}

	.checkout-section-left .slds-scope .container div.slds-grid.slds-wrap div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small .slds-grid:nth-child(4) {
		padding: 0;
	}

	.checkout-section-left .slds-scope .container div.slds-grid.slds-wrap div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small .slds-grid:nth-child(4) > *,
	.checkout-section-left .slds-scope .container div.slds-grid.slds-wrap div:nth-child(3).slds-col.slds-size_1-of-1.slds-border_bottom.slds-p-vertical_small .slds-grid:nth-child(5) > * {
		color: var(--contrast-2) !important;
	}

	.checkout-section-left .slds-scope .slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12.slds-p-vertical_small .slds-text-align_right1:nth-child(2),
	.checkout-section-left .slds-scope .slds-col.slds-small-size_1-of-1.slds-medium-size_6-of-12.slds-large-size_6-of-12.slds-p-vertical_small .slds-text-align_right1:last-child {
		color: var(--contrast-4) !important;
	}

	.checkout-section-left .slds-scope .payor_label {
		padding-top: 0 !important;
	}

	.checkout-section-left .slds-scope .payor_label .slds-float_right button {
		background: none;
		border: none;
		color: var(--primary-1);
	}

	.checkout-section-left .slds-scope .payor_details > p {
		font-size: 1rem !important;
	}
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid {
	margin-left: auto;
	justify-content: flex-end !important;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:first-child {
	width: 41% !important;
	flex-direction: column;
	margin: 0 26px 0 0;
	padding-left: 0;
	display: flex;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:first-child div.payor_label lightning-button {
	margin-left: auto;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:first-child div.payor_label lightning-button button {
	line-height: 1rem;
	padding: 0;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:last-child {
	width: 25% !important;
	justify-content: flex-end;
	padding-right: 0;
	display: flex;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:last-child lightning-button.slds-button {
	padding: 0.3rem 1rem;
	background: black;
	border: 0;
}

.slds-grid.slds-wrap.cart-page div.slds-col:nth-child(4) div div.slds-col:nth-child(2) div.slds-grid div.slds-col:last-child lightning-button.slds-button button {
	background: transparent;
	border: 0;
	flex-shrink: 0;
}

p:empty {
	display: none !important;
}

.card.course-card .container .ageGuidance + p:not(.card-text) {
	display: none !important;
}

@media only screen and (min-width: 1440px) {
	.filter-container .filter-categories {
		max-width: unset !important;
		margin-right: 10rem !important;
	}
}

.card.course-card .container {
	gap: 20px;
}

.card.course-card .container p.card-text {
	padding: 0 !important;
}
/* header top and bottom 40px */
.hero-row .hero-row-inner-cont {
	padding: 3.3333rem 0rem !important;
}

/* promotion type 1 padding top and bottom */
.promotion-type1-row .promotion-type1-row-inner-cont {
	padding: 3.3333rem 0rem !important;
}

/* fix corp blue box course archive */
@media only screen and (max-width: 500px) {
	.page-template-open-course-archive .archive-hero .inside-hero {
		padding-left: 0;
	}

	.page-template-open-course-archive .archive-hero .inside-hero .archive-hero-content {
		width: 95%;
		padding: 1.5rem;
		bottom: -2.5rem;
	}

	.page-template-open-course-archive .archive-hero .inside-hero .archive-hero-content h1 {
		font-size: 3.6666666667rem;
		line-height: 3.5rem;
		margin-bottom: 0.5rem;
	}
}

@media only screen and (min-width: 501px) {
	.page-template-open-course-archive .archive-hero .inside-hero {
		padding: 0 2.5rem;
	}

	.page-template-open-course-archive .archive-hero .inside-hero .archive-hero-content {
		width: 88%;
		max-width: 38rem;
		bottom: -3.8rem;
	}

	.page-template-open-course-archive .archive-hero .inside-hero .archive-hero-content h1 {
		line-height: 3.5rem;
		margin-bottom: 20px;
	}
}

/* course archive cards responsive behaviour */
.card-row-container .card-row-grid.course-row-grid {
	grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 600px) {
	.card-row-container .card-row-grid.course-row-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media only screen and (min-width: 900px) {
	.card-row-container .card-row-grid.course-row-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* Fix submenu colors in primary nav */
#primary-menu.main-nav ul.sub-menu li a {
	color: #000000 !important;
}

/* Single Testimony default color corporate */
.row.single-testimony-block .single-testimony {
	background-color: var(--primary2);
}

.row.single-testimony-block .single-testimony-content,
.row.single-testimony-block .single-testimony-details {
	color: #ffffff;
}

/* Footer CTA */
.fourth-container.top-center {
	align-items: flex-end;
}

.fourth-container.top-center a {
	text-align: right !important;
	margin-bottom: 0.625rem;
}

.fourth-container.top-center a h4 {
	text-decoration: none !important;
	background-color: var(--primary1) !important;
	color: var(--base-3) !important;
	border-radius: 0.625rem !important;
	text-align: center;
	font-size: 1rem !important;
	padding: 0.625rem 1.25rem;
	font-weight: bold;
	width: fit-content;
}

.fourth-container.top-center a h4::after {
	content: "\f061";
	font-family: "FontAwesome";
	margin-left: 1rem;
}

.fourth-container.top-center a:hover {
	filter: brightness(0.9) !important;
}

/* Testimony content text */
.magic_card .testimony .testimony-content {
	display: flex;
	flex-direction: column;
}

/* Single course enrol now sessions */
.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details {
	align-items: start;
}

.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details .offering-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	gap: 1rem;
}

.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details .offering-content .offering-title h5 {
	line-height: 1.5rem !important;
}

.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details .offering-content .offering-price-btn-cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	margin: 0;
}

.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details .offering-content .offering-price-btn-cont .offering-price {
	margin: 0 !important;
}

.single.single-course .current-co-main-cont .current-co-main-cont-left .offering-details .offering-content .offering-price-btn-cont .upcoming-class-btn.not-full {
	text-wrap: nowrap;
}

@media screen and (min-width: 768px) {
	.single.single-course .offering-details {
		align-items: center;
	}
	.single.single-course .offering-details .offering-price-btn-cont {
		align-items: flex-end !important;
		margin-left: auto !important;
	}
}

/* Search fix */
html body .search-modal-container.show .search-form button.search-submit {
	border-radius: 0 !important;
}

html body .search-modal-container.show .search-field {
	width: 65vw !important;
	max-width: 52rem !important;
	border-color: transparent;
	outline: none;
}

/* Lightning out */
#render-elem {
	min-height: 100vh;
}

/* filter fix if many selected */
.filter-content-container {
	gap: 2rem;
	padding: 1.666666rem !important;
}

.filter-content-container #filter-content {
	display: flex;
	margin: 0 !important;
	gap: 0.5rem;
	align-items: center !important;
	flex-wrap: wrap;
	flex-shrink: 1 !important;
}

.filter-content-container #filter-content .filter-val {
	margin: 0 !important;
}

.filter-content-container .filter-option {
	flex-shrink: 0 !important;
	align-items: baseline !important;
}

.filter-content-container button.dropdown-button {
	border-radius: 0.625rem !important;
}

@media screen and (min-width: 1300px) {
	.filter-options-container.container-title .filter-options {
		border: 2px solid var(--primary1) !important;
	}

	.filter-options-container.container-title button.dropdown-button {
		border-radius: 0 !important;
		border-left: 2px solid var(--primary1);
	}

	.filter-options-container.container-title button#who-button {
		border-left: 2px;
	}
}

.filter-options-container.container-title button.dropdown-button {
	border-radius: 0.5rem;
}

.filter-options-container.container-title {
	margin: 0 !important;
}

.filter-options-container.container-title .filter-options .filter-section {
	width: 100% !important;
}

.filter-options-container.container-title .show-me-container {
	width: 100% !important;
}

.slds-grid.slds-wrap.slds-border_bottom.slds-p-bottom_small {
	padding-right: 0 !important;
}

/* remove stroke on single course hero title */
html body.single.single-course .hero-row-inner-cont-a .hero-row-content-inner .primary-title {
	-webkit-text-stroke: 0 !important;
}

/* promotion-simple-image */
.promotion-simple-image {
	width: 100%;
	height: unset !important;
}

/* Gravity Forms CSS */
.gform_body.gform_body {
	display: block;
}

.gform_body.gform_body .gform_fields {
	row-gap: 0.75rem !important;
}

.gform_body.gform_body .gform_fields input,
.gform_body.gform_body .gform_fields textarea,
.gform_body.gform_body .gform_fields select {
	border-radius: 0.625rem !important;
}

.gform_body.gform_body .gform_fields input.gfield-choice-input {
	height: unset !important;
	border-radius: 0 !important;
}

.gform_body.gform_body .gform_fields .gfield.gfield--type-submit {
	text-align: right;
}

.gform_body.gform_body .gform_fields .gfield.gfield--type-submit button.gform-button.button {
	background-color: var(--primary1);
	border-radius: 0.625rem;
	text-align: right;
}

/* course archive card style correction */
.page-template-open-course-archive .card.course-card .container {
	margin-top: 0 !important;
}

.page-template-open-course-archive .card.course-card .container .acf-data {
	display: flex;
}

.page-template-open-course-archive .card.course-card .container .acf-data .co-locations {
	display: grid;
}

.page-template-open-course-archive .card.course-card .container .acf-data .co-locations a:nth-child(4) {
	display: flex;
	text-decoration: none;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3rem;
}

.page-template-open-course-archive .card.course-card .container .acf-data .co-locations a:nth-child(4) .co-count {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--secondary1);
}

.page-template-open-course-archive .card.course-card .container .acf-data .co-locations a:nth-child(4) .co-label {
	color: var(--contrast);
}

/* Hero max height removal to look appropriate in tablet */
.hero-row .hero-row-inner-cont .hero-row-inner-cont-a .hero-row-image {
	max-height: unset !important;
}

.slds-modal .slds-button.slds-button_text-destructive {
	border-radius: 0.625rem !important;
	font-weight: 700 !important;
	color: black !important;
}

.slds-modal .slds-modal__footer .slds-p-right_medium {
	padding-right: 0 !important;
}

/* Course Enrollment with thumbnail header summary adjustment */
.offering-details .offering-content {
	display: flex;
}

.offering-details .offering-content .offering-title {
	gap: 0.6rem !important;
	margin-top: 0.3rem;
}

/* .offering-details .offering-content .offering-title > * {
    /* line-height: 1rem !important; */

/* } */

.offering-details .offering-content .offering-title > * p {
	margin-bottom: 0 !important;
}

/* Open course magic card style correction */
/* card-css #186 */
.card.course-card {
	display: flex;
}

.card.course-card .card-image {
	background-color: var(--base-2);
}

.card.course-card .container {
	margin-top: 0.625rem !important;
}

.card.course-card .container .card-image {
	background-color: var(--base-2);
}

.card.course-card .container .card-title {
	max-width: 100% !important;
	text-wrap: pretty;
}

.card.course-card p.card-text {
	font-size: 0.75rem;
	color: var(--contrast-3);
	overflow: unset !important;
	display: -webkit-box;
	-webkit-line-clamp: unset !important;
	height: unset !important;
	padding: 1em 0 !important;
	max-height: unset;
}

.card.course-card span.locations {
	font-weight: bold;
	font-size: 0.75rem !important;
	align-items: center;
}

.card.course-card span.locations i.fa-location-dot {
	margin-right: 0.5rem !important;
	font-size: 1.2rem !important;
}

/* Offcanvas */
.main-navigation:not(.toggled) .offcanvas {
	display: none;
}

.mobile-outside-burger-icons i {
	font-size: 1.6rem !important;
	line-height: 2rem !important;
}

.main-navigation.toggled #menu-main-menu .menu-item a {
	font-size: 2rem !important;
}

/* remove bottom padding .one-container .site-content */
.one-container .site-content {
	padding-bottom: 0;
}

/* course padding */
.page-template-open-course-archive .card-container.alignfull {
	padding: 2.5rem var(--space);
}

.page-template-open-course-archive .card-container.alignfull .course-row-grid {
	max-width: calc(var(--max-width-content) - 2.5rem * 2);
	margin: 0 auto;
}

/* .hero-row-content */
.hero-row-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.archive-hero {
	background-size: cover;
	background-position: center;
	max-width: var(--max-width-site);
	margin: auto;
}

.archive-hero h1 {
	margin-bottom: 0;
}

/* round corners on images */
.card-featured-img {
	border-radius: 2rem;
}

/* utility class */
@media only screen and (max-width: 1300px) {
	.hide-for-small {
		display: none;
	}
}

/* remove empty p's */
.page-template-open-course-archive .card.course-card .container p:empty {
	display: none;
}

.page-template-open-course-archive .card.course-card .container p {
	margin-bottom: 0;
}

/* No location */
.card.course-card .container .acf-data .locations span:empty::after {
	content: "No location";
}

/* Search page */

/* mobile */
.search.search-results .site-main h1 {
	font-size: 2rem;
}

.search.search-results .site-main .results-container.card-row-grid {
	grid-template-columns: repeat(1, 1fr) !important;
}

/* 768 */
@media screen and (min-width: 768px) {
	.search.search-results .site-main h1 {
		font-size: 3rem;
	}

	.search.search-results .site-main .results-container.card-row-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* 1024 */
@media screen and (min-width: 1024px) {
	.search.search-results .site-main h1 {
		font-size: 4rem;
	}

	.search.search-results .site-main .results-container.card-row-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/********** Responsive font Scaling **********/
/* mobile first CSS */
@media only screen {
	html {
		font-size: 12px;
	}

	html body .hero-row-inner-cont-a .hero-row-content-inner .primary-title {
		-webkit-text-stroke: 0.1rem #000000;
	}
}

/* breakpoint #1 = XS */
@media only screen and (min-width: 600px) {
	html {
		font-size: 12px;
	}
}

/* breakpoint #2 = SM */
@media only screen and (min-width: 768px) {
	html {
		font-size: 12px;
	}

	html body .hero-row-inner-cont-a .hero-row-content-inner .primary-title {
		-webkit-text-stroke: 0.12rem #000000;
	}

	html .hero-row .hero-row-inner-cont {
		padding: 2.5rem 0;
	}
}

/* breakpoint #3 = MD */
@media only screen and (min-width: 1024px) {
	html {
		font-size: 12px;
	}

	html body .hero-row-inner-cont-a .hero-row-content-inner .primary-title {
		-webkit-text-stroke: 0.125rem #000000;
	}
}

/* breakpoint #4 = LG */
@media only screen and (min-width: 1200px) {
	html {
		font-size: 16px;
	}
}

/* breakpoint #5 = XL */
@media only screen and (min-width: 1400px) {
	html {
		font-size: 16px;
	}
}

/* Mega menu styling */
/* ================================================================ */

@media screen and (min-width: 769px) {
	.inside-header:not(#corporate) {
		padding: 0px 40px !important;
	}
}

@media screen and (max-width: 1200px) {
	.main-navigation .main-nav ul ul li a {
		padding: 8px 20px !important;
	}
}

@media screen and (max-width: 1200px) {
	#menu-main-menu > li > .sub-menu .extracontent-container {
		display: none !important;
	}
	.mega-menu-grid > li.menu-item-has-children > a {
		display: flex;
		justify-content: space-between;
	}
	.mega-menu-grid > li.menu-item-has-children > a .dropdown-menu-toggle {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.mega-menu-grid > li.menu-item-has-children > a .dropdown-menu-toggle svg {
		transition: transform 0.3s ease;
	}
	.no-child-menu-container,
	.mega-menu-grid {
		padding: 1rem 0 !important;
	}
}

@media screen and (min-width: 1201px) {
	/* Mega menu positioning */
	.main-navigation .main-nav ul > li > a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.main-navigation .inside-navigation,
	#menu-main-menu > li {
		position: unset !important;
	}

	/* Grid display within mega menu */
	#menu-main-menu > li > .sub-menu {
		width: 100%;
		padding: 5rem 7.5rem;
		display: flex;
	}
	#menu-main-menu > li > .sub-menu .mega-menu-grid {
		flex-grow: 1;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 2rem;
		max-height: 30rem;
		overflow-y: auto;
	}
	#menu-main-menu > li > .sub-menu:has(.extracontent-container) .mega-menu-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	/* Restricting menu hierarchy to 2 levels and 5 columns */
	#menu-main-menu .sub-menu .dropdown-menu-toggle {
		display: none !important;
	}
	#menu-main-menu .sub-menu > .mega-menu-grid > li > .sub-menu {
		display: flex;
		flex-direction: column;
		opacity: 1;
		box-shadow: none;
		position: unset;
		height: auto;
		width: 100%;
	}
	#menu-main-menu .sub-menu > .mega-menu-grid .sub-menu .sub-menu {
		display: none;
	}

	/* Styling for extra content */
	.mega-menu__content {
		width: 18.75rem;
		display: flex;
		flex-direction: column;
		align-items: start;
		font-size: 1rem;
		h2 {
			font-weight: 700;
			text-transform: uppercase;
			font-size: 32px;
		}
	}
	#menu-main-menu .extracontent-container {
		max-width: 20rem;
		margin-right: 2rem;
	}

	/* Topmost link styling for each column within mega menu */
	#menu-main-menu > li > .sub-menu .mega-menu-grid > li > a {
		font-size: 1.125rem !important;
		font-weight: 700;
		padding: 0 0 0.5rem !important;
		margin-bottom: 0.75rem;
	}
	#menu-main-menu > li > .sub-menu .mega-menu-grid > li.menu-item-has-children > a {
		border-bottom: 1px solid #000;
	}

	/* Styling for each column within mega menu */
	#menu-main-menu > li .sub-menu .mega-menu-grid li .sub-menu {
		display: flex;
		flex-direction: column;
		a {
			padding: 0.375rem 0 !important;
			font-size: 1rem !important;
			font-weight: normal;
		}
	}

	/* Styling for links for simple list */
	#menu-main-menu > li > .sub-menu .no-child-menu-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: 30rem;
	}
	#menu-main-menu > li > .sub-menu .no-child-menu-container a {
		padding: 0 0 0.75rem !important;
		font-size: 1rem !important;
	}
	@media screen and (max-width: 1200px) {
		#menu-main-menu > li > .sub-menu .no-child-menu-container a {
			padding: 0 0 10px !important;
			font-size: 1rem !important;
		}
	}

	/* General hover styling of links */
	#menu-main-menu > li > .sub-menu li:not(.extracontent-container) a:hover {
		text-decoration: underline;
	}
	/* Ensuring CTA within mega menu extra content is white text */
	#primary-menu.main-nav ul.sub-menu li a.mega-menu-cta {
		color: #fff !important;
		border-radius: 10px !important;
	}
}

@media screen and (max-width: 1400px) {
	#menu-main-menu > li > .sub-menu .mega-menu-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (max-width: 1280px) {
	#menu-main-menu > li > .sub-menu .mega-menu-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1400px) {
	#menu-main-menu > li > .sub-menu:has(.extracontent-container) .mega-menu-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1280px) {
	#menu-main-menu > li > .sub-menu:has(.extracontent-container) .mega-menu-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Chevron spin */
nav ul ul .menu-item-has-children .dropdown-menu-toggle {
	float: none !important;
}
.main-navigation .inside-navigation .main-nav ul li.menu-item-has-children a .icon-arrow svg {
	transition: transform 0.3s ease;
}
.main-navigation .inside-navigation .main-nav ul > li.menu-item-has-children:hover > a {
	color: #000 !important;
	background-color: var(--base-3);
}
@media screen and (min-width: 1201px) {
	.main-navigation .inside-navigation .main-nav ul > li.menu-item-has-children:hover > a {
		.icon-arrow svg {
			transform: rotate(-180deg);
		}
	}
}
@media screen and (max-width: 1200px) {
	.main-navigation .inside-navigation .main-nav ul > li.menu-item-has-children > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}
/* ================================================================ */
/* END of Mega menu styling */

/* 
 * New Hero Video Banner CSS Patch
 * Date: 07/01/2026
 * Author: CL
 */

[id*="hero-row-"] .hero-row-inner-cont .hero-row-content-inner .primary-title,
[id*="hero-row-"] .hero-row-inner-cont .hero-row-content-inner .secondary-title {
	font-size: clamp(4.5rem, 3.6429rem + 4.2857vw, 7.5rem) !important;
	text-transform: uppercase;
}

/* 
 * New Testimonies CSS Patch
 * Date: 08/01/2026
 * Author: CL
 */

.testimony-card-row {
	.testimonies .card-item .magic_card .testimony .testimony-course :is(h3, p, i),
	.testimonies .card-item .magic_card .testimony .testimony-quote :is(h3, p, i),
	.testimonies .card-item .magic_card .testimony .testimony-designation :is(h3, p, i) {
		color: var(--base-3) !important;
	}

	.testimonies .card-item:nth-child(2n) .magic_card .testimony .testimony-course :is(h3, p, i),
	.testimonies .card-item:nth-child(2n) .magic_card .testimony .testimony-quote :is(h3, p, i),
	.testimonies .card-item:nth-child(2n) .magic_card .testimony .testimony-designation :is(h3, p, i) {
		color: var(--contrast) !important;
	}
}

.testimonies .card-item .testimony {
	border: 0 !important;
}

.testimonies .card-item:nth-child(2n) .testimony {
	background-color: var(--secondary3) !important;
	color: var(--contrast) !important;
}

.testimonies .card-item:nth-child(3n) .testimony {
	background-color: var(--primary2) !important;
}

.testimonies .card-item:nth-child(4n + 1) .testimony {
	background-color: var(--secondary1) !important;
}

.testimonies .card-item:nth-child(4n + 2) .testimony {
	background-color: var(--secondary3) !important;
}
.testimonies .card-item:nth-child(4n + 3) .testimony {
	background-color: var(--secondary2) !important;
}

.testimonies .card-item .testimony-quote {
	gap: 4px;
}

.testimonies .card-item h3,
.card-grid-item .testimony-course h3 {
	font-size: var(--h4-size);
}

.testimonies .card-item .testimony-content p,
.card-grid-item .testimony-content p {
	font-size: 1.25rem;
}

.testimonies-title {
	color: var(--contrast) !important;
}

/* 
 * New Card CSS Patch
 * Date: 12/01/2026
 * Author: CL
 */

.card.course-card h3.card-title {
	line-height: normal;
	font-size: var(--h4-size);
	color: var(--primary-1) !important;
}

.card.course-card .card-link.explore-link {
	margin-top: auto;
}

.card.course-card .card-image {
	height: auto !important;
	aspect-ratio: 7/4;
	min-height: unset !important;
	max-height: unset !important;
	border-radius: 4px;
}

@media (max-width: 768px) {
	.card.course-card .container {
		margin-top: 16px !important;
	}
}

/* 
* New Single Course CSS Patch
* Date: 14/01/2026
* Author: CL
*/

.single-course-sidebar h2,
.single-course-sidebar-item__info h3 {
	font-family: inherit;
}

.single-course {
	.btn-primary {
		background-color: var(--primary-1) !important;
		color: var(--base-3) !important;
		border: none !important;
	}

	.btn-primary:hover {
		background-color: var(--secondary-2) !important;
		color: var(--contrast) !important;
	}
}

.upcoming-classes-cont .upcoming-classes-items .upcoming-class-cont-a .upcoming-class-btn.class-full span {
	color: var(--primary-2) !important;
}

/* The base class that triggers the masking logic */
.mask-element {
	display: block;
	overflow: hidden;
	position: relative;
	-webkit-mask-size: 100% 100%; /* Stretches mask to fill container */
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* Ensure the image inside takes the shape */
.mask-element img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.butterfly-spread {
	-webkit-mask-image: url("../assets/img/butterfly-spread.png");
	mask-image: url("../assets/img/butterfly-spread.png");
}

.open-book-short {
	-webkit-mask-image: url("../assets/img/open-book-short.png");
	mask-image: url("../assets/img/open-book-short.png");
}

.open-book-wide {
	-webkit-mask-image: url("../assets/img/open-book-wide.png");
	mask-image: url("../assets/img/open-book-wide.png");
}

.perspective-right-low {
	-webkit-mask-image: url("../assets/img/perspective-right-low.png");
	mask-image: url("../assets/img/perspective-right-low.png");
}

.perspective-right-steep {
	-webkit-mask-image: url("../assets/img/perspective-right-steep.png");
	mask-image: url("../assets/img/perspective-right-steep.png");
}

.perspective-right-extended {
	-webkit-mask-image: url("../assets/img/perspective-right-extended.png");
	mask-image: url("../assets/img/perspective-right-extended.png");
}

.speech-bubble-short {
	-webkit-mask-image: url("../assets/img/speech-bubble-short.png");
	mask-image: url("../assets/img/speech-bubble-short.png");
}

.speech-bubble-medium {
	-webkit-mask-image: url("../assets/img/speech-bubble-medium.png");
	mask-image: url("../assets/img/speech-bubble-medium.png");
}

.speech-bubble-large {
	-webkit-mask-image: url("../assets/img/speech-bubble-large.png");
	mask-image: url("../assets/img/speech-bubble-large.png");
}