/* Custom Web Fonts */
@font-face {
    font-family: 'Untitled Serif';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-bold-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Untitled Serif';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-medium-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Untitled Serif';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-regular-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Untitled Sans';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-bold-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Untitled Sans';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-medium-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Untitled Sans';
    src: url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-regular-webfont.woff2') format('woff2'),
         url('https://framework-homeownership.github.io/TI-LMS/assets/fonts/untitledsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Root Variables */
:root {
    /*REFERENCE*/
    --theme-customization: "0";

    /*UI*/
    --ui-primary-blue: #008099; /* --accent-color */
    --ui-primary-yellow: #ffc800; /* --secondary-color */
    --ui-primary-dark-yellow: #cca000; /* --secondary-color darkened 20% */
    --ui-primary-peach: #ffd5c5;
    --ui-primary-orange: #ea8d4e;
    --ui-primary-dark-blue: #006174; /* --accent-color darkened 25% */
    --ui-primary-light-blue: #3399ad; /* --accent-hover-color */
    --ui-primary-lighter-blue: #9ebdc2; /* --accent-tinted-color-70 */
    --ui-primary-lightest-blue: #e9f4f6; /* --accent-tinted-color-90 */

    --ui-secondary-brown: #776861;
    --ui-secondary-earthen-gray: #574B45; /* --link-color */
    --ui-secondary-light-gray: #aba0a2;
    --ui-secondary-peach: #e06f50;
    --ui-secondary-orange: #be5a17;

    --ui-inverse: #FFFFFF;
    --ui-disabled: #737373;
    --ui-error: #FF3B30;
    --ui-warning: #F59E0B;
    --ui-success: #588747; /* #357635; */
    --ui-success-hover: #43a144;

    --ui-accent-color-60: color-mix(in srgb, var(--accent-color) 60%, #fff);
    --ui-accent-color-dark: color-mix(in srgb, var(--accent-color) 75%, #000);
    --ui-secondary-color-dark: color-mix(in srgb, var(--secondary-color) 80%, #000);
    --ui-tertiary-color-dark: color-mix(in srgb, var(--ui-secondary-orange) 75%, #000);
    --accent-highlight-background-color: var(--accent-tinted-color-90);
    --link-hover-color: var(--link-color);

    /*BORDER*/
    --border-color-100: #E5E7EB;
    --border-color-200: #D1D5DB;
    --border-color-300: #CCCCCC;
    --border-color-disabled: #E4E4E7;
    --accessibility_focus: #2ED0E1;
    --border-width-sm: 1px;
    --border-width-base: 2px;
    --border-width-lg: 5px;

    /*SURFACE*/
    --surface-100: #FFFFFF;
    --surface-200: #F5F5F5;
    --surface-300: #EEEEEE;
    --surface-disabled: #E4E4E7;
    --bg-default: #F3F4F6;

    /*CONSTANTS--these should never change*/
    --light-constant: #FFFFFF;
    --dark-constant: #18242E;

    /*TEXT*/
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-disabled: #737373;
    --text-inverse: #FFFFFF;

    /*FONT FAMILY*/
    --font-serif: 'Untitled Serif', Georgia, 'Times New Roman', Times, serif; /* --font */
    --font-sans: 'Untitled Sans', Helvetica, Arial, sans-serif; /* --alt-font */

    /*FONT WEIGHT*/
    --weight-regular: 400;
    --weight-base: 500;
    --weight-bold: 700;

    /*FONT SIZE*/
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2rem;
    --text-5xl: 3rem;
    --text-6xl: 3.375rem;

    --text-h1: clamp(var(--text-4xl), 4vw, var(--text-6xl));
    --text-h2: 3rem;
    --text-h3: clamp(var(--text-3xl), 4vw, 2.25rem);
    --text-h4: 1.375rem;
    --text-h5: .875rem;

    /*LINE HEIGHT*/
    --line-height-sm: 1;
    --line-height-base: 1.1;
    --line-height-lg: 1.2;
    --line-height-xl: 1.3;
    --line-height-2xl: 1.5;
    --line-height-3xl: 3rem;

    /*RADIUS*/
    --rounded-none: 0px;
    --rounded: 4px;
    --rounded-lg: 8px;
    --rounded-xl: 10px;
    --rounded-2xl: 16px;
    --rounded-3xl: 24px;
    --rounded-full: 999px;

    /*Feel free to switch out the variable value to any of the above*/
    --rounded-default: var(--rounded-xl);

    /*SHADOWS*/
    --shadow-color: rgba(0, 0, 0, 0.25);
    --shadow-elevation-low:
        0.3px 0.5px 0.7px var(--shadow-color),
        0.4px 0.8px 1px -1.2px var(--shadow-color),
        1px 2.1px 2.6px -2.5px var(--shadow-color);
    --shadow-elevation-medium:
        0.3px 0.5px 0.7px var(--shadow-color),
        0.8px 1.7px 2.1px -0.8px var(--shadow-color),
        2.1px 4.2px 5.3px -1.7px var(--shadow-color),
        5.1px 10.3px 12.9px -2.5px var(--shadow-color);
    --shadow-elevation-high:
        0.3px 0.5px 0.7px var(--shadow-color),
        1.5px 3px 3.8px -0.4px var(--shadow-color),
        2.8px 5.7px 7.1px -0.7px var(--shadow-color),
        4.7px 9.4px 11.8px -1.1px var(--shadow-color),
        7.5px 15px 18.9px -1.4px var(--shadow-color),
        11.7px 23.4px 29.4px -1.8px var(--shadow-color),
        17.8px 35.6px 44.8px -2.1px var(--shadow-color),
        26.3px 52.5px 66.1px -2.5px var(--shadow-color);
    --shadow-sm: 0px 0px 5px 1px var(--shadow-color);
    --shadow-lg: 0px 0px 10px 3px var(--shadow-color);
    --shadow-default: var(--shadow-lg);

    /*SPACING*/
    --space-none: 0;
    --space-xxs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-base: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 2.5rem;
    --space-3xl: 3rem;
    --space-4xl: 4rem;
    --space-5xl: 5rem;
    --space-6xl: 6rem;
    --space-7xl: 7rem;

    /*SET WIDTH--for fixing an element's width to the current selected breakpoint. Adjust accordingly for different screen sizes*/
    --set-width-xs: 420px;
    --set-width-sm: 640px;
    --set-width-md: 768px;
    --set-width-lg: 1024px;
    --set-width-xl: 1240px;
    --set-width-2xl: 1440px;
    --set-width-max: 100%;
    --set-width-contained: 90%;
    --scrollbar-width: 0px;
    --full-width: calc(100vw - var(--scrollbar-width));
    --half-width: calc(var(--full-width) * 0.5);

    /*Feel free to switch out the variable value to any of the above*/
    --set-width: var(--set-width-max);

    /*BACKGROUNDS*/
    --background-tile-yellow: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-yellow.png");
    --background-tile-blue: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-blue.png");
    --background-tile-grey: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-grey.png");
    --background-tile-pink: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-pink.png");
    --background-tile-orange: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-orange.png");
    --background-tile-vert-yellow: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-vert-yellow.png");
    --background-tile-vert-blue: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-vert-blue.png");
    --background-tile-vert-grey: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-vert-grey.png");
    --background-tile-vert-pink: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-vert-pink.png");
    --background-tile-vert-orange: url("https://framework-homeownership.github.io/TI-LMS/assets/images/bg-tile-vert-orange.png");
    --background-pattern-yellow: url("https://framework-homeownership.github.io/TI-LMS/assets/images/background-pattern-yellow.png");
    --background-pattern-blue: url("https://framework-homeownership.github.io/TI-LMS/assets/images/background-pattern-blue.png");
    --background-pattern-orange: url("https://framework-homeownership.github.io/TI-LMS/assets/images/background-pattern-orange.png");

}

/* Breakpoints */
@media only screen and (max-width: 767px) {
    body, html {
        --set-width: var(--set-width-max);
        /* --set-width: var(--set-width-sm); */
        --widget-padding: var(--space-base);
        --widget-padding-sm: 0;
        --widget-margin: var(--space-xl);
    }
}

@media only screen and (min-width: 768px) {
    body, html {
        --widget-padding: var(--space-xl);
        --widget-padding-sm: var(--space-base);
        --widget-margin: var(--space-3xl);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    body, html {
        --set-width: var(--set-width-contained);
        /* --set-width: var(--set-width-lg); */
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1439px) {
    body, html {
        --set-width: var(--set-width-contained);
        /* --set-width: var(--set-width-xl); */
    }
}

@media only screen and (min-width: 1440px) {
    body, html {
        --set-width: var(--set-width-contained);
        /* --set-width: var(--set-width-2xl); */
    }
}

/* Containers */
.container {
    max-width: var(--set-width);
}

.container:has(> header) {
    padding-top: 0 !important;
}

.application > .container {
    padding-bottom: var(--space-3xl);
}

/* General Page Structure */
body {
    background: var(--light-constant);
}

.container {
    box-shadow: none;
}

.home__content {
    padding: 0; /* Full width for mobile, override in breakpoints */
}

.home__content .widget:not(.widget--fullwidth) {
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding);
}

/* Buttons and Links */
.btn,
.btn--primary:is(.btn),
.btn--alt:is(.btn) {
    border: var(--border-width-base) solid var(--link-color);
    border-radius: var(--rounded-default);
    color: var(--link-color);
    display: inline-block;
    font-family: var(--alt-font);
    font-weight: var(--weight-bold);
    letter-spacing: 1px;
    line-height: var(--line-height-base);
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    height: auto;
    width: auto;
    margin: 0;
    font-size: var(--text-base);
    padding: var(--space-sm) var(--space-base);
}

:is(.btn) div {
    line-height: inherit;
}

.btn--huge:is(.btn) {
    font-size: var(--text-xl);
    padding: 1rem 1.75rem;
}

.btn--large:is(.btn) {
    font-size: var(--text-lg);
    padding: 1rem 1.75rem;
}

.btn--small:is(.btn),
.btn--primary.btn--link.btn--small:is(.btn) {
    font-size: var(--text-sm);
    padding: var(--space-xs) var(--space-sm);
}

.btn--primary:is(.btn) {
    background-color: var(--secondary-color);
    border: var(--border-width-base) solid var(--secondary-color);
}

.btn--primary:is(.btn):hover {
    background-color: var(--ui-secondary-color-dark);
    border-color: var(--ui-secondary-color-dark);
    color: var(--link-color);
}

.btn--secondary:is(.btn) {
    color: var(--secondary-color);
}

.btn,
.btn--alt:is(.btn) {
    color: var(--link-color);
    background-color: var(--light-constant);
    border-color: var(--secondary-color);
}

.btn:hover,
.btn--alt:is(.btn):hover {
    color: var(--link-color);
    border-color: var(--link-color);
    background-color: var(--light-constant);
}

.btn--success:is(.btn) {
    color: var(--accent-contrast-color);
    background-color: var(--ui-success);
    border-color: var(--ui-success);
}

.btn--success:is(.btn):hover {
    background-color: var(--ui-success-hover);
    border-color: var(--ui-success-hover);
}

.manager .btn--bare:is(.btn),
.btn--bare-icon:is(.btn),
.btn--link:is(.btn) {
    border: none;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
    text-decoration: none;
    line-height: normal;
    font-family: inherit;
}

.manager .btn--bare:is(.btn) {
    letter-spacing: inherit;
    padding: inherit;
    font-size: var(--text-sm);
}

.collection__courses .learning-path-detail-milestone-item__cta,
.btn--primary.btn--link:is(.btn) {
    border: none;
    border-radius: 0;
    color: var(--link-color);
    font-size: var(--text-base);
    font-weight: var(--weight-base);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: var(--secondary-color);
    line-height: var(--line-height-2xl);
    font-family: var(--alt-font);
}

.btn--primary.btn--link:is(.btn):hover {
    color: inherit;
    text-decoration-color: var(--link-color);
}

input[type=submit].btn {
    border-radius: var(--rounded-lg);
}

*:has(> .btn + .btn) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-base);
}

.btn--right:is(.btn):has(~ .btn) {
    margin-left: var(--space-base);
}

.flex-col :is(.btn) + :is(.btn) {
    margin-left: 0;
}

/* Inline Input + Button */
.row:has(> .columns > .btn):has(> .columns > .field > .field__input-wrapper > input) > .columns > .field > .field__input-wrapper > input:not(.btn),
.row:has(> .columns > .btn):has(> .columns > input) > .columns > input:not(.btn) {
    height: auto;
    margin: 0;
    padding: var(--space-sm) !important;
    font-size: var(--text-xs);
    width: 100%;
    min-width: 100px;
    border-radius: 5px 0 0 5px;
}

.row:has(> .columns > .btn):has(> .columns > .field > .field__input-wrapper > input) > .columns > .field--show-floating-label > .field__input-wrapper > .field__label {
    display: none;
}

.row:has(> .columns > .btn):has(> .columns > .field > .field__input-wrapper > input) > .columns > .btn,
.row:has(> .columns > .btn):has(> .columns > input) > .columns > .btn {
    padding: 0 var(--space-sm);
    font-size: var(--text-xs);
    letter-spacing: 0;
    width: 100%;
    height: 100%;
    max-width: 150px;
    margin-top: 0;
    border-radius: 0 5px 5px 0;
}

.row:has(> .columns > .btn):has(> .columns > .field > .field__input-wrapper > input),
.row:has(> .columns > .btn):has(> .columns > input) {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.row:has(> .columns > .btn):has(> .columns > .field > .field__input-wrapper > input) > .columns > .field {
    margin-bottom: 0;
}

/* Header */
.global-nav__container {
    background-color: var(--ui-accent-color-dark);
    color: #ffffff;
    text-align: right;
    position: relative;
    z-index: 3;
    padding-top: 0 !important;
}

.global-nav__container .nav--global-links {
    background: none;
    padding: 10px var(--space-base);
    margin: 0 auto;
    max-width: var(--set-width);
    display: flex;
    justify-content: flex-end;
    gap: min(6%, var(--space-xl));
}

.global-nav__container .nav--global-links::after {
    display: none;
}

.global-nav__container .nav--global-links > a {
    color: #ffffff;
    font-family: var(--alt-font);
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .global-nav__container .nav--global-links {
        padding-left: var(--space-xl);
        padding-right:  var(--space-xl);
    }
}

.header--article,
.header--checkout,
.header--dashboard,
.header--microsite {
    margin-bottom: 0;
    padding: 0;
    z-index: 2;
}

.header--dashboard {
    z-index: 3;
}

.header--dashboard .header__inner .column:has(.company-logo__container) {
    padding: 0;
    line-height: 0;
}

/* .header {
    border-bottom: var(--border-width-lg) solid var(--accent-hover-color);
} */

.header--learner .header__right,
.header .header__inner {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background-color: var(--light-constant);
    padding: var(--space-xs) var(--space-base);
    gap: 0 var(--space-sm);
}

.header .header__inner::after {
    display: none;
}

.header .header__inner nav.top-bar {
    order: 1;
}

@media only screen and (min-width: 768px) {
    .header--learner .header__right,
    .header .header__inner {
        padding: var(--space-base) var(--space-xl);
        gap: 0 var(--space-lg);
    }

    .header .header__inner nav.top-bar {
        margin-left: auto;
        order: 0;
    }
}

.header .header__inner .columns {
    padding: 0;
}

.header .company__beta-logo {
    margin-right: auto;
}

@media only screen and (max-width: 920px) {
    body:not([data-panorama]) .company-logo__container {
        background: url("https://framework-homeownership.github.io/TI-LMS/assets/images/logo-framework-tm-small.png") 0 0 no-repeat;
        background-size: contain;
        height: 50px;
        width: 50px;
    }

    body:not([data-panorama]) .company-logo__container img {
        display: none;
    }
}

.header nav.nav--top {
    display: none; /* Hide Manager Access and Cart links */
}

#learner .application > div > .panel--secondary {
    margin: 0;
    position: relative;
    z-index: 3;
}

/* Moving the CART button to the main navigation */
.header nav.nav--top:has(#cart-button) {
    display: block; /* Show Manager Access and Cart links */
    order: 1;
}

.header nav.nav--top ul li:first-child {
    display: none; /* Hide Manager Access link */
}

.btn#cart-button {
    position: static;
    margin: 0;
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-sm);
    font-weight: var(--weight-base);
    letter-spacing: 1px;
    line-height: 3rem;
    padding: 0;
    text-transform: uppercase;
    transition: none;
    border-style: solid;
    border-width: 0 0 4px;
    border-color: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.btn#cart-button span:first-child {
    display: inline-block;
    background-image: url("https://framework-homeownership.github.io/TI-LMS/assets/images/icon-shopping-cart.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    width: 24px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .btn#cart-button:hover {
        border-bottom-color: var(--secondary-color) !important;
    }
}

.header nav.top-bar {
    border: 0;
    float: right;
    height: auto;
}

.header nav.top-bar::after {
    clear: both;
}

nav.top-bar ul li > a:not(.button) {
    background: none;
    font-family: var(--alt-font);
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: var(--line-height-sm);
    padding: 0;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
}

/* Adjusting navigation to hide until wide enough */
@media only screen and (min-width: 48.063em) {
    .header__inner .top-bar .toggle-topbar {
        display: block;
    }

    .header__inner .top-bar .top-bar-section {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .header__inner .top-bar .toggle-topbar {
        display: none;
    }

    .header__inner .top-bar .top-bar-section {
        display: block;
    }
}

header.header nav.top-bar .top-bar-section ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0 var(--space-3xl);
}

@media only screen and (min-width: 768px) {
    header.header nav.top-bar .top-bar-section ul {
        flex-direction: row;
    }
}

header.header nav.top-bar .top-bar-section li:not(.has-form) {
    margin: 0;
}

header.header nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
    color: var(--accent-color);
    padding: 0;
}

.top-bar-section ul li:hover,
nav.top-bar .top-bar-section ul li:hover {
    background: none;
}

header.header nav.top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: none;
    border-bottom: 4px solid var(--secondary-color);
    color: var(--accent-color);
}

.home__content nav.top-bar .top-bar-section ul.left {
    padding: 0 1em;
}

.header__inner .top-bar .toggle-topbar {
    text-align: right;
}

.header__inner .top-bar .toggle-topbar button {
    background: url("https://framework-homeownership.github.io/TI-LMS/assets/images/icon-nav-menu.png") no-repeat 0 0 !important;
    background-size: 36px 35px !important;
    height: 35px;
    padding: 0;
    width: 36px;
    border-radius: 0;
}

.header__inner .top-bar .toggle-topbar button span {
    display: none;
}

.top-bar .toggle-topbar button span span {
    display: none;
}

.top-bar .toggle-topbar button span:before {
    background: url("https://framework-homeownership.github.io/TI-LMS/assets/images/icon-arrow-down.png") no-repeat 100% 50% !important;
    background-size: 10px 9px !important;
    color: var(--light-constant);
    content: "EXPAND SECTIONS";
    font-family: var(--alt-font);
    padding-right: 16px;
}

.top-bar.expanded .toggle-topbar button span:before {
    background-image: url("https://framework-homeownership.github.io/TI-LMS/assets/images/icon-arrow-up.png") !important;
    content: "COLLAPSE SECTIONS";
}

.header__inner .top-bar .toggle-topbar.menu-icon {
    margin-right: 1rem;
}

.top-bar .toggle-topbar.menu-icon button span:after,
.top-bar.expanded .toggle-topbar.menu-icon button span:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
}

@media only screen and (max-width: 767px) {
    .layout__content .top-bar .title-area {
        background: var(--ui-accent-color-dark);
    }

    header {
        z-index: 1;
    }

    .header nav.top-bar {
        position: static;
    }

    .header nav.top-bar,
    .header nav.top-bar.expanded {
        height: 42px;
    }

    .header .top-bar .top-bar-section {
        background-color: var(--accent-color);
        color: var(--accent-contrast-color);
        position: absolute;
        width: auto;
        z-index: -1;
        top: 100%;
        transform: translateY(-101%);
        transition: transform 400ms ease-in-out;
        right: 0;
    }

    .header .top-bar.expanded .top-bar-section {
        transform: translateX(0);
    }

    .header .top-bar .top-bar-section ul {
        background-color: var(--accent-color);
        color: var(--accent-contrast-color);
        width: 100%;
        padding: var(--space-base);
    }

    .header .top-bar .top-bar-section ul li {
        background: transparent;
        color: var(--accent-contrast-color);
        padding: 0.5rem 0;
    }

    .header.header nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
        background: transparent;
        color: var(--accent-contrast-color);
        border-bottom: 4px solid transparent;
        display: inline-block;
        width: auto;
        padding: 0.25rem 0;
    }

    .header.header nav.top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: var(--accent-contrast-color);
    }
}

@media only screen and (min-width: 64.063em) {
    .global-nav__container {
        max-width: 100%;
    }
}

/* Widget */
.widget,
.widget.widget--margin {
    margin-top: var(--widget-margin);
}

/* Widget Spacing */
.widget.widget--nomargin {
    margin-top: 0;
}

.widget.widget--nopadding {
    padding-bottom: 0;
}

/* Widget Background */
.widget.widget--bg {
    background-color: var(--accent-tinted-color-90);
    padding: var(--space-xl) var(--widget-padding);
}

/* Widget Separator */
.widget.widget--separator {
    padding-bottom: 0;
}

.widget.widget--separator::after {
    content: '';
    display: block;
    border-bottom: var(--border-width-sm) solid var(--accent-tinted-color-70);
    padding-top: calc(var(--widget-margin) + var(--space-base));
}

/* Widget Title */
.widget__title {
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    color: var(--accent-color);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin-bottom: var(--space-base);
    text-align: left;
}

.widget__subtitle,
.widget__eyebrow {
    color: var(--ui-tertiary-color-dark);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-xs);
    text-transform: uppercase;
    font-family: var(--font) !important;
    text-align: left;
}

.widget.widget--center,
.widget.widget--center .widget__title,
.widget.widget--center .widget__subtitle,
.widget.widget--center .widget__eyebrow {
    text-align: center;
}

@media only screen and (min-width: 1240px) {
    .widget--notitle::before {
        content: '\00a0';
        margin-bottom: var(--space-xl);
        font-size: var(--text-h3);
        line-height: var(--line-height-base);
    }

    .widget.widget--top {
        margin-top: 0;
    }
}

/* Widget Content */
.widget .editor-content {
    display: block;
}

.widget .editor-content p:last-of-type {
    margin-bottom: 0;
}

/* Widget Fullwidth */
.widget--fullwidth {
    position: relative;
    width: var(--full-width);
    max-width: unset;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--half-width) * -1);
    margin-right: calc(var(--half-width) * -1);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.widget--fullwidth > div,
.widget--fullwidth > div.row  {
    width: var(--set-width);
    margin: auto;
    padding-left: var(--space-base);
    padding-right: var(--space-base);
}

@media only screen and (min-width: 768px) {
    .widget--fullwidth > div,
    .widget--fullwidth > div.row  {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
}

/* Widget Sidebar */
@media only screen and (min-width: 1240px) {
    .builder__preview__widgets .widget__container:has(> .widget--left),
    .widget--left {
        float: left;
        clear: left;
        width: 75%;
    }

    .builder__preview__widgets .widget__container:has(> .widget--right),
    .widget--right {
        float: right;
        clear: right;
        width: 25%;
    }

    .builder__preview__widgets .widget__container > .widget--left,
    .builder__preview__widgets .widget__container > .widget--right {
        float: none;
        clear: none;
        width: 100%;
    }
}

@media only screen and (max-width: 1239px) {
    .builder__preview__widgets:has(.widget__container > .widget--right),
    div:not(.widget__container):has(> .widget--right) {
        display: flex;
        flex-direction: column;
    }

    .builder__preview__widgets .widget__container:has(> .widget--right),
    .widget--right {
        order: 1;
    }
}

/* Widget Panel */
.widget .panel,
.order__index .panel {
    box-shadow: var(--shadow-lg);
    border-radius: var(--rounded-default);
    border: none
}

.widget .panel > h4,
.order__index .panel > h4 {
    background-color: var(--ui-accent-color-dark);
    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: var(--space-base);
    padding: var(--space-base);
    border-top-right-radius: var(--rounded-default);
    border-top-left-radius: var(--rounded-default);
    color: var(--accent-contrast-color);
}

/* Widget Navbar */
.widget--navbar.navbar-custom {
    margin-top: 0;
    padding: 0 !important;
}

.widget--navbar.navbar-custom {
    background-color: var(--ui-accent-color-dark);
}

.widget--navbar.navbar-custom ul,
.widget--navbar.navbar-custom .navigation-bar,
.widget--navbar.navbar-custom .top-bar.expanded .title-area,
.widget--navbar.navbar-custom .top-bar-section li.navigation-item {
    background-color: transparent;
}

.widget--navbar.navbar-custom .columns,
.widget--navbar.navbar-custom .navigation-bar .top-bar-section ul.left {
    padding: 0 !important;
    border-bottom: none;
}

.widget--navbar.navbar-custom .top-bar-section li.navigation-item {
    padding: 0 !important;
    border-bottom: 1px solid var(--accent-color);
}

.widget--navbar.navbar-custom .navigation-bar {
    margin: 0 auto;
    padding: 0;
    border-bottom: none;
}

.widget--navbar.navbar-custom .top-bar-section ul {
    display: flex;
    flex-direction: column;
    gap: 0 var(--space-3xl);
}

.widget--navbar.navbar-custom .top-bar .toggle-topbar {
    top: unset;
}

.widget--navbar.navbar-custom .top-bar .toggle-topbar .btn {
    height: 3rem;
}

.widget--navbar.navbar-custom .top-bar-section li.navigation-item > a:not(.button) {
    width: fit-content;
    padding: var(--space-sm) 0 var(--space-xs);
    border-width: 0 0 var(--border-width-lg);
    color: var(--light-constant);
    font-family: var(--alt-font);
    font-size: clamp(var(--text-lg), 2vw, var(--text-xl));
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: transparent;
    line-height: normal;
}

@media only screen and (min-width: 768px) {
    .widget--navbar.navbar-custom .top-bar-section ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .widget--navbar.navbar-custom .top-bar-section li.navigation-item {
        border-bottom: none;
    }
}

.widget--navbar.navbar-custom .top-bar-section li.navigation-item > a:not(.button):hover,
.widget--navbar.navbar-custom .top-bar-section li.navigation-item > a:not(.button):focus {
    color: var(--accent-contrast-color);
    background: inherit;
    border-color: var(--secondary-color);
}

/* Page Header */
.header .company__school-name__divider,
.header .company__school-name {
    display: none;
}

/* Hero Block */
.layout__content .hero {
    margin-bottom: 0;
}

.hero .hero__caption {
    background: none;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    height: fit-content;
    max-height: 100%;
    overflow: hidden;
}

.hero .hero__caption .hero__title,
.hero .hero__caption span {
    color: var(--accent-contrast-color);
}

.hero-dark .hero .hero__caption .hero__title,
.hero-dark .hero .hero__caption span {
    color: var(--text-primary);
}

.hero .hero__caption span {
    display: block;
    font-size: clamp(var(--text-sm), 3vw, var(--text-lg));
    font-family: var(--font) !important;
}

.hero .hero__caption .hero__title {
    font-size: clamp(var(--text-h3), 3.5vw, var(--text-6xl));
    font-family: var(--alt-font);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
}

.hero .hero__caption .btn {
    margin-top: var(--space-base);
}

.hero img {
    object-fit: cover;
}

/* Custom Hero */
.hero-custom {
    margin-top: 0;
    background-color: var(--accent-color);
}

.hero-custom .hero {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 300px;
}

.hero-custom.widget--fullwidth .hero {
    position: static;
}

.hero-custom picture {
    position: absolute;
    inset: 0;
    display: none;
}

.hero-custom picture img {
    width: 100%;
    height: 100%;
    object-position: center right;
    object-fit: contain;
}

.hero-custom.hero-image-cover picture {
    display: block;
}

.hero-custom.hero-image-cover picture::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0, 0, 0, 0%);
}

.hero-custom.hero-image-cover picture img {
    object-fit: cover;
}

.hero-custom .hero__caption {
    position: static;
    z-index: 1;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.hero-custom .hero__caption .btn {
    font-size: var(--text-lg);
    padding: 1rem 1.75rem;
}

@media only screen and (min-width: 768px) {
    .hero-custom .hero {
        height: 350px;
    }

    .hero-custom .hero__caption {
        max-width: 50%;
    }

    .hero-custom.hero-image-cover .hero__caption {
        max-width: 60%;
    }

    .hero-custom picture {
        display: block;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    .hero-custom .hero {
        height: 400px;
    }
}

@media only screen and (min-width: 1240px) {
    .hero-custom .hero {
        height: 450px;
    }
}

/* Page Footer */
footer.footer {
    clear: both;
}

.footer {
    background-color: var(--ui-accent-color-dark);
    color: var(--light-constant);
    position: relative;
    width: var(--full-width);
    max-width: unset;
    left: 50%;
    right: 50%;
    padding: 0;
    margin: var(--space-3xl) calc(var(--half-width) * -1) calc(var(--space-3xl) * -1); 
}

.footer__inner {
    width: var(--set-width);
    margin: auto;
    border: none;
    padding: 2.5rem var(--space-base);
}

.footer-container .flexrow {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--space-sm);
}

.footer-container .flexrow:first-child {
    margin-bottom: 32px;
}

.footer-container .flexcol {
    flex-direction: column;
}

.footer a {
    color: var(--light-constant);
    font-family: var(--alt-font);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .logo img {
    width: 252px;
}

.footer .flexcol {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-2xl);
}

.footer .social {
    margin-top: var(--space-xs);
    gap: var(--space-lg);
}

.footer .social img {
    width: auto;
    height: 25px;
}

.footer .copyright p {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .footer__inner {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }

    .footer .social {
        margin-top: 0;
    }

    .footer-container .flexrow {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
}

/* HIDE TI COPYRIGHT AND NAME */
.footer__company__info {
    display: none;
}

/* Log In */
.session {
    background-color: var(--accent-color);
    padding: var(--space-xl) 0;
}

.session__container {
    border: none;
    border-radius: var(--rounded-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-2xl);
}

.session__container .company__beta-logo {
    margin-bottom: var(--space-base);
}

.session__container h1,
.session__container h2 {
    color: var(--accent-color);
}

.session__container h1 {
    font-size: var(--text-h3);
}

.session__form {
    padding-top: var(--space-xs);
}

.session__form .text-centered {
    margin-bottom: 40px;
}

.session__form > input[type=submit].btn--primary {
    float: none;
    margin: 20px 0 0;
}

.session__forgot {
    display: block;
    margin-top: 20px;
}

.session__forgot .btn.btn--link {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-color: var(--secondary-color);
    line-height: var(--line-height-lg);
}

.session__forgot .btn.btn--link:hover {
    color: inherit;
    text-decoration-color: var(--link-color);
}

/* Forms */
.field {
    margin-bottom: var(--space-lg);
}

select.form-control:not(.catalog-sort):placeholder,
select.field__input::placeholder,
input[type=color]:is(.field__input, .form-control)::placeholder,
input[type=date]:is(.field__input, .form-control)::placeholder,
input[type=datetime-local]:is(.field__input, .form-control)::placeholder,
input[type=datetime]:is(.field__input, .form-control)::placeholder,
input[type=email]:is(.field__input, .form-control)::placeholder,
input[type=month]:is(.field__input, .form-control)::placeholder,
input[type=number]:is(.field__input, .form-control)::placeholder,
input[type=password]:is(.field__input, .form-control)::placeholder,
input[type=search]:is(.field__input, .form-control)::placeholder,
input[type=tel]:is(.field__input, .form-control)::placeholder,
input[type=text]:is(.field__input, .form-control)::placeholder,
input[type=time]:is(.field__input, .form-control)::placeholder,
input[type=url]:is(.field__input, .form-control)::placeholder,
input[type=week]:is(.field__input, .form-control)::placeholder,
.field label {
    color: var(--ui-secondary-light-gray);
}

input[type=color]:is(.field__input, .form-control):focus::placeholder,
input[type=date]:is(.field__input, .form-control):focus::placeholder,
input[type=datetime-local]:is(.field__input, .form-control):focus::placeholder,
input[type=datetime]:is(.field__input, .form-control):focus::placeholder,
input[type=email]:is(.field__input, .form-control):focus::placeholder,
input[type=month]:is(.field__input, .form-control):focus::placeholder,
input[type=number]:is(.field__input, .form-control):focus::placeholder,
input[type=password]:is(.field__input, .form-control):focus::placeholder,
input[type=search]:is(.field__input, .form-control):focus::placeholder,
input[type=tel]:is(.field__input, .form-control):focus::placeholder,
input[type=text]:is(.field__input, .form-control):focus::placeholder,
input[type=time]:is(.field__input, .form-control):focus::placeholder,
input[type=url]:is(.field__input, .form-control):focus::placeholder,
input[type=week]:is(.field__input, .form-control):focus::placeholder {
    opacity: 0;
}

select.form-control:not(.catalog-sort),
select.field__input,
input[type=color]:is(.field__input, .form-control),
input[type=date]:is(.field__input, .form-control),
input[type=datetime-local]:is(.field__input, .form-control),
input[type=datetime]:is(.field__input, .form-control),
input[type=email]:is(.field__input, .form-control),
input[type=month]:is(.field__input, .form-control),
input[type=number]:is(.field__input, .form-control),
input[type=password]:is(.field__input, .form-control),
input[type=search]:is(.field__input, .form-control),
input[type=tel]:is(.field__input, .form-control),
input[type=text]:is(.field__input, .form-control),
input[type=time]:is(.field__input, .form-control),
input[type=url]:is(.field__input, .form-control),
input[type=week] {
    border: var(--border-width-base) solid var(--border-color-300);
    height: 60px;
    width: 100%;
    font-size: 14px;
    border-radius: var(--rounded-lg);
    font-family: var(--font);
}

input.input--small:is(.field__input, .form-control) {
    height: 36px;
}

select.form-control:not(.catalog-sort):focus,
select.field__input:focus,
input[type=color]:is(.field__input, .form-control):focus,
input[type=date]:is(.field__input, .form-control):focus,
input[type=datetime-local]:is(.field__input, .form-control):focus,
input[type=datetime]:is(.field__input, .form-control):focus,
input[type=email]:is(.field__input, .form-control):focus,
input[type=month]:is(.field__input, .form-control):focus,
input[type=number]:is(.field__input, .form-control):focus,
input[type=password]:is(.field__input, .form-control):focus,
input[type=search]:is(.field__input, .form-control):focus,
input[type=tel]:is(.field__input, .form-control):focus,
input[type=text]:is(.field__input, .form-control):focus,
input[type=time]:is(.field__input, .form-control):focus,
input[type=url]:is(.field__input, .form-control):focus,
input[type=week]:is(.field__input, .form-control):focus {
    border-color: var(--secondary-color);
    outline: none;
}

select.form-control:not(.catalog-sort):hover,
select.field__input:hover {
    background: transparent;
}

.field__input-wrapper--select::after {
    background: var(--link-color);
}

.coupon-entry {
    width: 100%;
    margin: 0;
}

.coupon-entry .field input {
    border: none;
}

.redactor-focus.redactor-styles-on, .redactor-focus:focus.redactor-styles-on {
    border-color: var(--secondary-color) !important;
}

.redactor-box.redactor-styles-on {
    background: var(--light-constant);
    border: var(--border-width-base) solid var(--link-color);
    border-radius: 0;
}

/* Modal */
.modal-content {
    border: none;
    border-radius: var(--rounded-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-xl);
}

.modal-header {
    padding: 0 0 var(--space-base);
}

.modal-title {
    font-size: var(--text-h4);
    color: inherit;
}

.modal-body {
    padding: 0;
    color: inherit;
}

.modal__new .modal-body {
    padding: var(--space-base) 0 0;
}

.modal-body :is(h1, h2, h3, h4, h5, h6) {
    color: inherit;
}

.modal .close {
    padding: 0;
}

/* Timeout */
.timeout__modal__content .columns:has(.btn--primary) {
    width: 100%;
    margin-left: 0 !important;
    margin-top: var(--space-xs);
}

@media only screen and (min-width: 768px) {
    .modal-content {
        padding: var(--space-2xl);
    }
}

/* Two Column Widget */
.widget.two-column-custom .row .columns {
    margin-bottom: var(--widget-margin);
}

.widget.two-column-custom .row .columns:last-child {
    margin-bottom: 0;
}

.widget.two-column-custom h4 {
    color: var(--ui-tertiary-color-dark);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-xs);
    text-transform: uppercase;
    font-family: var(--font) !important;
}

.widget.two-column-custom h1 {
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    color: var(--accent-color);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin-bottom: var(--space-base);
}

.widget.two-column-custom ul,
.widget.two-column-custom li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget.two-column-custom ul {
    margin-bottom: 1em;
}

.widget.two-column-custom li {
    background-image: url("https://framework-homeownership.github.io/TI-LMS/assets/images/icon-bullet.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 9px 12px;
    margin-bottom: .25em;
    padding-left: 16px;
}

@media only screen and (min-width: 768px) {
    .widget.two-column-custom .row .columns {
        margin-bottom: 0;
    }
}

/* Three Column Widget */
.widget.three-column-custom .row .columns {
    padding: 0 3rem;
    margin-bottom: var(--widget-margin);
}

.widget.three-column-custom .row .columns:last-child {
    margin-bottom: 0;
}

.widget.three-column-custom .row .columns img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

@media only screen and (min-width: 768px) {
    .widget.three-column-custom .row .columns {
        margin-bottom: 0;
    }
}

/* Single Column Widget */
.single-column-custom {
    padding-top: var(--space-base);
}

.single-column-custom h3 {
    color: var(--accent-color);
    font-size: var(--text-h1);
    font-weight: var(--weight-base);
    line-height: var(--line-height-lg);
    margin-bottom: var(--space-xs);
}

.single-column-custom hr {
    display: none;
}

/* Catalog Widget */
a.catalog-item {
    transition: scale 0.3s ease;
}

a.catalog-item:hover {
    /* background-color: color-mix(in srgb, var(--accent-color) 5%, #fff); */
    scale: 1.02;
}

.catalog-custom .catalog-header {
    display: none;
}

.catalog-custom .row .medium-3.columns,
.catalog-custom .row .medium-9.columns {
    float: none;
    padding: 0;
}

.catalog-custom .row .medium-3.columns:first-child {
    display: none; /* Hide mystery blank column to left of catalog grid */
}

.catalog-custom .row .medium-9.columns {
    padding: 0;
    width: 100%;
}

.catalog-custom .catalog-search-bar {
    margin-bottom: 2.5rem;
}

.catalog-custom .catalog-search input {
    border: 1px solid #ccc;
    min-height: 34px;
    height: 100%;
}

.catalog-custom .catalog-search__button {
    padding: 0;
    height: fit-content;
    top: 0.5rem;
    right: 2rem;
}

.catalog-custom .catalog-search__button i {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .catalog-custom .catalog-search__button {
        top: 0.75rem;
        right: 1rem;
    }

    .catalog-custom .catalog-search input {
        border: none;
    }
}

.catalog-custom .catalog-display-type .btn {
    border: 1px solid #d3d4de;
    border-radius: 0;
}

.catalog-custom .catalog-grid-item {
    border: 0;
    border-radius: var(--rounded-default);
    box-shadow: var(--shadow-default);
    padding: 1.5rem .5rem;
    background-image: var(--background-tile-vert-orange);
    background-position: left -50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.catalog-custom li:nth-of-type(5n+1) .catalog-grid-item {
    background-image: var(--background-tile-vert-yellow);
}

.catalog-custom li:nth-of-type(5n+2) .catalog-grid-item {
    background-image: var(--background-tile-vert-blue);
}

.catalog-custom li:nth-of-type(5n+3) .catalog-grid-item {
    background-image: var(--background-tile-vert-grey);
}

.catalog-custom li:nth-of-type(5n+4) .catalog-grid-item {
    background-image: var(--background-tile-vert-pink);
}

.catalog-custom .catalog__ribbon.catalog__ribbon--attached {
    background-color: var(--ui-secondary-orange) !important;
    color: var(--light-constant) !important;
    font-family: var(--font);
    font-size: var(--text-h5);
    font-weight: var(--weight-bold);
    padding: .75em 1.5em;
    top: 2rem;
}

.catalog-custom .catalog__ribbon-corner {
    border-top-color: var(--ui-secondary-orange) !important;
    border-left-color: var(--ui-secondary-orange) !important;
}

.catalog-custom .catalog-grid-item__asset-container {
    margin-bottom: 1rem;
}

.catalog-custom .catalog-grid-item__title {
    color: var(--accent-color);
    font-family: var(--font);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.catalog-custom .catalog-grid-item__source {
    color: var(--text-primary);
    font-family: var(--font);
    font-size: var(--text-h5);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.catalog-custom .catalog-grid-item__description {
    font-family: var(--font);
    font-size: var(--text-base);
}

.catalog-custom .catalog-grid-item__hr {
    color: var(--accent-tinted-color-70);
    margin: 1.5rem 0;
}

.catalog-custom .catalog-grid-item__cta-container .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(min-content, auto));
}

.catalog-custom .catalog-grid-item__cta-container .grid-rows-3 {
    grid-template-rows: repeat(3, min-content);
}

.catalog-custom .catalog-grid-item__price {
    color: var(--text-primary);
    font-family: var(--font);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
}

.catalog-custom .row .row,
.catalog-custom .catalog-grid-item__body {
    margin: 0;
    padding: 0;
}

/* Catalog List */
.catalog-custom .catalog-list-item {
    margin: 0 0 var(--space-3xl);
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg);
    background-image: var(--background-tile-orange);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    background-color: transparent;
}

.catalog-custom .catalog-item:nth-of-type(5n+1) .catalog-list-item {
    background-image: var(--background-tile-yellow);
}

.catalog-custom .catalog-item:nth-of-type(5n+2) .catalog-list-item {
    background-image: var(--background-tile-blue);
}

.catalog-custom .catalog-item:nth-of-type(5n+3) .catalog-list-item {
    background-image: var(--background-tile-grey);
}

.catalog-custom .catalog-item:nth-of-type(5n+4) .catalog-list-item {
    background-image: var(--background-tile-pink);
}

.catalog-custom .catalog-list-item__title-container {
   margin-top: var(--space-xl);
}

.catalog-custom .catalog-list-item__title-container .catalog-list-item__title {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    display: block;
    margin-bottom: var(--space-base);
}

.catalog-custom .catalog-list-item__price {
    text-align: left;
    font-size: var(--text-2xl);
    font-weight: var(--weight-base);
    color: var(--link-color);
}

.catalog-custom .catalog-list-item__body {
    position: static;
}

.catalog-custom div:has(> .catalog-list-item__description),
.catalog-custom div:has(> .catalog-list-item__cta-container) {
    float: none;
    width: 100%;
    position: static;
}

.catalog-custom div:has(> .catalog-list-item__asset) {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
}

.catalog-custom .catalog-list-item__cta-container {
    border: none;
    margin-top: var(--space-lg);
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--space-xl);
    width: fit-content;
}

.catalog-custom .catalog-list-item__cta {
    margin-top: 0;
}

.catalog-custom .catalog-list-item__asset {
    display: none;
    width: 100%;
    height: auto;
}

.catalog-custom .catalog-list-item__info {
    position: absolute;
    top: var(--space-lg);
    margin: 0;
    font-size: var(--text-base);
}

.catalog-custom .catalog-list-item__description {
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    .catalog-custom .catalog-list-item {
        padding-left: 225px;
        background-size: 225px 100%;
    }

    .catalog-custom .catalog-list-item__asset {
        display: inline;
    }
}

/* About Widget */
.about-custom.page-catalog::before {
    content: "Related Resources";
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h3);
}

.about-custom ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}

.about-custom ul::before,
.about-custom ul::after {
    display: none;
}

.about-custom .about-block__container {
    float: none;
    flex-basis: 100%;
}

.about-custom .about-block__container > div,
.about-custom .about-block__container > div > a,
.about-custom .about-block__container .about-block {
    height: 100%;
}

.about-custom .about-block__container .about-block {
    background-size: cover;
    border-radius: var(--rounded-default);
    max-width: unset;
}

.about-custom .about-block__container .about-block:before {
    padding-top: 0;
}

.about-custom .about-block .about-block__text {
    padding: 0;
}

.about-custom .about-block .about-block__text h3 {
    font-family: var(--font);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .about-custom .about-block__container {
        flex-basis: calc(50% - (var(--space-xl) * 0.5));
    }
}

@media only screen and (min-width: 1240px) {
    .about-custom ul {
        gap: var(--space-xl);
    }

    .about-custom:not(.widget--right) .medium-block-grid-3 .about-block__container {
        flex-basis: calc(33% - (var(--space-xl) * 0.66));
    }

    .about-custom:not(.widget--right) .medium-block-grid-4 .about-block__container {
        flex-basis: calc(25% - (var(--space-xl) * 0.75));
    }

    .about-custom:not(.widget--right) .medium-block-grid-5 .about-block__container {
        flex-basis: calc(20% - (var(--space-xl) * 0.8));
    }
}

/* Feature Content Tiles Widget */
.featured-content-tiles-custom .widget__title {
    margin-bottom: var(--space-xl);
}

.featured-content-tiles-custom .row,
.featured-content-tiles-custom .columns {
    margin: 0;
    padding: 0;
}

.featured-content-tiles-custom .featured-content-block-grid {
    margin: calc(var(--space-base) * -1) 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    justify-content: flex-start;
    padding-top: var(--space-base);
    width: 100%;
}

.featured-content-tiles-custom .featured-content-block-grid::before,
.featured-content-tiles-custom .featured-content-block-grid::after {
     display: none;
 }

.featured-content-tiles-custom li {
    padding: 0;
    flex-basis: 100%;
}

.featured-content-tiles-custom li > a {
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .featured-content-tiles-custom .featured-content-block-grid:not(.medium-block-grid-1) li {
        flex-basis: calc(50% - (var(--space-xl) * 0.5));
    }
}

@media only screen and (min-width: 1240px) {
    .featured-content-tiles-custom .featured-content-block-grid {
        gap: var(--space-xl);
    }

    .featured-content-tiles-custom .medium-block-grid-2 li {
        flex-basis: calc(50% - (var(--space-xl) * 0.5));
    }

    .featured-content-tiles-custom .medium-block-grid-3 li {
        flex-basis: calc(33% - (var(--space-xl) * 0.66));
    }

    .featured-content-tiles-custom .medium-block-grid-4 li {
        flex-basis: calc(25% - (var(--space-xl) * 0.75));
    }

    .featured-content-tiles-custom .medium-block-grid-5 li {
        flex-basis: calc(20% - (var(--space-xl) * 0.8));
    }
}

.featured-content-tiles-custom li:nth-of-type(5n+1) .catalog-grid-item {
    background-image: var(--background-tile-vert-yellow);
}

.featured-content-tiles-custom li:nth-of-type(5n+2) .catalog-grid-item {
    background-image: var(--background-tile-vert-blue);
}

.featured-content-tiles-custom li:nth-of-type(5n+3) .catalog-grid-item {
    background-image: var(--background-tile-vert-grey);
}

.featured-content-tiles-custom li:nth-of-type(5n+4) .catalog-grid-item {
    background-image: var(--background-tile-vert-pink);
}

.featured-content-tiles-custom .catalog-grid-item:has(.row > .medium-6),
.featured-content-tiles-custom.tiles-horizontal .catalog-grid-item {
    background-image: var(--background-tile-orange);
    background-position: -140px center;
    justify-content: center;
}

.featured-content-tiles-custom li:nth-of-type(5n+1) .catalog-grid-item:has(.row > .medium-6),
.featured-content-tiles-custom.tiles-horizontal li:nth-of-type(5n+1) .catalog-grid-item {
    background-image: var(--background-tile-yellow);
}

.featured-content-tiles-custom li:nth-of-type(5n+2) .catalog-grid-item:has(.row > .medium-6),
.featured-content-tiles-custom.tiles-horizontal li:nth-of-type(5n+2) .catalog-grid-item {
    background-image: var(--background-tile-blue);
}

.featured-content-tiles-custom li:nth-of-type(5n+3) .catalog-grid-item:has(.row > .medium-6),
.featured-content-tiles-custom.tiles-horizontal li:nth-of-type(5n+3) .catalog-grid-item {
    background-image: var(--background-tile-grey);
}

.featured-content-tiles-custom li:nth-of-type(5n+4) .catalog-grid-item:has(.row > .medium-6),
.featured-content-tiles-custom.tiles-horizontal li:nth-of-type(5n+4) .catalog-grid-item {
    background-image: var(--background-tile-pink);
}


.featured-content-tiles-custom .catalog-grid-item {
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg);
    border: none;
    background-image: var(--background-tile-vert-orange);
    background-position: center -50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.featured-content-tiles-custom .catalog-grid-item .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.featured-content-tiles-custom .catalog-grid-item .row:has(> .medium-6) {
    flex-direction: row;
}

.featured-content-tiles-custom .catalog-grid-item > .row > .column,
.featured-content-tiles-custom .catalog-grid-item__body {
    padding: 0;
}

.featured-content-tiles-custom .catalog-grid-item__asset-container img {
    margin-bottom: var(--space-sm);
}

.featured-content-tiles-custom .catalog-grid-item__title {
    color: var(--accent-color);
    font-family: var(--font);
    font-size: var(--text-h4);
    font-weight: var(--weight-bold);
    text-align: center;
}

.featured-content-tiles-custom .catalog-grid-item__description {
    font-family: var(--font);
    font-size: var(--text-base);
    text-align: center;
}

.featured-content-tiles-custom .catalog-grid-item__hr {
    display: none;
}

/* Hero Slider Widget */
.hero-slider-custom {
    margin: 0;
    position: relative;
    width: var(--full-width);
    max-width: unset;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--half-width) * -1);
    margin-right: calc(var(--half-width) * -1);
    background-color: var(--accent-color);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hero-slider-custom > .row {
    width: var(--set-width);
    margin: auto;
}

.hero-slider-custom > .row > .columns {
    padding: 0;
}

.hero-slider-custom .catalog-item:hover {
    background-color: transparent;
    scale: 1;
}

.hero-slider-custom .featured-content-carousel-item {
    height: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .hero-slider-custom .featured-content-carousel-item {
        height: 350px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    .hero-slider-custom .featured-content-carousel-item {
        height: 400px;
    }
}

@media only screen and (min-width: 1240px) {
    .hero-slider-custom .featured-content-carousel-item {
        height: 450px;
    }
}

.hero-slider-custom .featured-content-carousel-item__overlay {
    top: 0;
    margin: auto 0;
    height: fit-content;
    max-width: 100%;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    max-height: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .hero-slider-custom .featured-content-carousel-item__overlay {
        max-width: 50%;
    }
}

.hero-slider-custom .featured-content-carousel-item__overlay .featured-content-carousel-item__title {
    font-size: clamp(var(--text-h3), 3.5vw, var(--text-6xl));
    font-family: var(--alt-font);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin-bottom: var(--space-base);
}

.hero-slider-custom .featured-content-carousel-item__overlay .featured-content-carousel-item__description {
    font-size: clamp(1rem, 2vw, 1.125rem);
}

.hero-slider-custom .catalog-item[href] .featured-content-carousel-item__overlay .featured-content-carousel-item__description::after {
    content: 'Explore Now';
    display: block;
    background: yellow;
    width: max-content;
    margin-top: var(--space-lg);
    color: var(--link-color);
    font-family: var(--alt-font);
    font-weight: var(--weight-bold);
    letter-spacing: 1px;
    line-height: var(--line-height-base);
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    font-size: var(--text-base);
    padding: var(--space-sm) var(--space-base);
    background-color: var(--secondary-color);
    border: var(--border-width-base) solid var(--secondary-color);
    border-radius: var(--rounded-default);
}

.hero-slider-custom .featured-content-carousel-item__overlay .featured-content-carousel-item__description:hover::after {
    background-color: var(--ui-secondary-color-dark);
    border-color: var(--ui-secondary-color-dark);
}

.hero-slider-custom .featured-content-carousel-item picture {
    width: 100%;
    height: 100%;
}

.hero-slider-custom .featured-content-carousel-item picture img {
    display: none;
    object-fit: contain;
    object-position: center right;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .hero-slider-custom .featured-content-carousel-item picture img {
        display: block;
    }
}

.hero-slider-custom .featured-content-carousel__nav,
.hero-slider-custom .featured-content-carousel__dots {
    bottom:  var(--space-sm);
}

.hero-slider-custom .featured-content-carousel__dot {
    background: transparent;
    border: var(--border-width-base) solid var(--secondary-color);
    width: 1rem;
    height: 1rem;
    margin-right: var(--space-sm);
}

.hero-slider-custom .featured-content-carousel__dot.featured-content-carousel__dot--active {
    background: var(--secondary-color);
}

.featured-content-carousel__nav .btn.btn {
    margin-right: 0;
}

.featured-content-carousel__nav .btn.btn {
    letter-spacing: normal;
    font-weight: var(--weight-base);
    font-family: var(--alt-font);
    line-height: normal;
    font-size: var(--text-sm);
    padding: var(--space-xxs);
    border: var(--border-width-sm) solid var(--accent-hover-color);
    border-radius: 0;
}

.featured-content-carousel__nav .btn.btn--primary {
    background-color: var(--accent-color);
    color: var(--accent-contrast-color);
}

.featured-content-carousel__nav .btn.btn--primary:hover {
    background-color: var(--accent-hover-color);
}

.featured-content-carousel__nav .btn i {
    padding: 0;
}

/* Overlay Tiles Widget */
.overlay-tiles-custom .h2.widget__title {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin-bottom: var(--space-xs);
    text-align: left;
}

.overlay-tiles-custom.widget--right .featured-content-block-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
}

.overlay-tiles-custom.widget--right .featured-content-block-grid::before,
.overlay-tiles-custom.widget--right .featured-content-block-grid::after {
    display: none;
}

.overlay-tiles-custom .featured-content-block-grid > li {
    padding: 0;
    flex-basis: 100%;
}

.overlay-tiles-custom .featured-content-block-grid .catalog-item,
.overlay-tiles-custom .featured-content-block-grid .featured-content-image-overlay-item {
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .overlay-tiles-custom .featured-content-block-grid > li {
        flex-basis: calc(50% - (var(--space-xl) * 0.5));
    }
}

.overlay-tiles-custom .featured-content-image-overlay-item {
    background-image: var(--background-pattern-orange);
    border-radius: var(--rounded-default);
    text-align: center;
    padding-top: var(--space-xl);
}

.overlay-tiles-custom .featured-content-image-overlay-item img {
    width: 60%;
    border-radius: var(--rounded-default) var(--rounded-default) 0 0;
}

.overlay-tiles-custom .featured-content-image-overlay-item__overlay {
    position: static;
    background: rgba(0, 0, 0, 0);
    padding: var(--space-lg);
}

.overlay-tiles-custom .featured-content-image-overlay-item__title {
    color: var(--accent-contrast-color);
    font-family: var(--font);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    background: transparent;
}

/* Dashboard Widget */

/* Dashboard Navigation */
body[data-dashboard="active"] .nav--global-links > a[href="/register"] {
    display: none;
}

body[data-dashboard="active"] .nav--global-links > a[href="/learn"] {
    grid-template-columns: min-content 0;
    display: inline-grid;
    overflow: hidden;
}

body[data-dashboard="active"] .nav--global-links > a[href="/learn"]::before {
    content: 'Dashboard';
    display: inline;
}

body:has(.dashboard-header-dropdown) .global-nav__container .nav--global-links::after {
    content: '';
    display: block;
    width: 3rem;
}

body:has(.dashboard-header-dropdown) .global-nav__container .nav--global-links > a.none:nth-last-of-type(-n+2) {
    visibility: hidden;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.dashboard-header-dropdown {
    top: 0;
    left: unset;
    padding: var(--space-sm) 0;
    background-color: var(--accent-color);
    width: auto;
}

.dashboard-header-dropdown li {
    background-color: var(--accent-color);
    color: var(--light-constant);
}

.dashboard-header-dropdown li a.btn,
.dashboard-header-dropdown li a {
    font-size: var(--text-base);
    font-weight: var(--weight-bold);
    font-family: var(--alt-font);
    color: inherit;
    border-bottom: none;
    text-align: center;
    text-transform: uppercase;
    padding: var(--space-sm) var(--space-base) !important;
}

.dashboard-header-dropdown li a:hover {
    background-color: inherit !important;
    color: var(--secondary-color);
}

.columns:has(> .dashboard-header__name) {
    display: none;
}

.header .header__inner div:is(.column, .columns):has(.dashboard-header-dropdown__link) {
    position: static;
}

.dashboard-header-dropdown__link {
    position: absolute;
    right: var(--space-base);
    padding-top: 0;
    transform: translateY(-175%);
}

.dashboard-header__avatar__container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-header__avatar {
    margin-bottom: 0;
}

.dashboard-header__avatar__container .avatar {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 10px;
    line-height: 1;
    color: var(--ui-accent-color-dark);
    background: var(--light-constant);
}

.dashboard-header__arrow {
    width: 13px;
}

.dashboard-header__arrow .icon {
    width: 10px;
    height: 10px;
    border: var(--border-width-lg) solid var(--secondary-color);
    display: inline-block;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(135deg) translate(25%, -50%);
}

.dashboard-header__arrow .icon:hover {
    border-top-color: var(--light-constant);
    border-right-color: var(--light-constant);
}

.dashboard-header__arrow .icon::before {
    opacity: 0;
}

/* Dashboard Courses */
.dashboard-access-custom {
    margin-top: 0;
    padding-top: 0 !important;
}

.dashboard-access-custom .dashboard-access {
    border: none;
}

.dashboard-access-custom .dashboard-access-list-item {
    margin: 0 0 var(--widget-margin);
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg) var(--space-lg) 80px 2.5rem;
    background-image: var(--background-tile-orange);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    color: var(--text-primary);
}

.dashboard-access-custom .dashboard-access-list-item:last-of-type {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .dashboard-access-custom .dashboard-access-list-item {
        padding-left: 225px;
        background-size: 225px 100%;
    }

    .dashboard-header-dropdown__link {
        transform: translateY(-200%);
        right: var(--space-xl);
    }
}

.dashboard-access-custom .dashboard-access-list-item:nth-of-type(5n+1) {
    background-image: var(--background-tile-yellow);
}

.dashboard-access-custom .dashboard-access-list-item:nth-of-type(5n+2) {
    background-image: var(--background-tile-blue);
}

.dashboard-access-custom .dashboard-access-list-item:nth-of-type(5n+3) {
    background-image: var(--background-tile-grey);
}

.dashboard-access-custom .dashboard-access-list-item:nth-of-type(5n+4) {
    background-image: var(--background-tile-pink);
}

.dashboard-access-custom .dashboard-access-list-item .grid {
    grid-template-columns: 1fr min-content;
    gap: 0 var(--space-base);
    margin-bottom: var(--space-base);
}

.dashboard-access-custom .dashboard-access-list-item .grid > div:nth-of-type(1) {
    grid-column: 1;
    grid-row: 2;
    align-self: flex-start;
}

.dashboard-access-custom .dashboard-access-list-item .grid > div:nth-of-type(2) {
    display: none;
}

.dashboard-access-custom .dashboard-access-list-item .grid > div:nth-of-type(3) {
    grid-column: 1;
    grid-row: 1;
}

.dashboard-access-custom .dashboard-access-list-item .grid > div:nth-of-type(3) strong {
    font-size: var(--text-sm);
    text-transform: uppercase;
}

.dashboard-access-custom .dashboard-access-list-item .grid > div:nth-of-type(4) {
    position: absolute;
    bottom: 1.5rem;
}

.dashboard-access-custom .dashboard-access-list-item-expander__title {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
}

.dashboard-access-custom .dashboard-access-list-item-expander i {
    margin-left: -1.5rem;
}

.dashboard-access-custom .dashboard-access-list-item-expansion {
    position: static;
    margin-bottom: var(--space-xs);
}

.dashboard-access-custom .dashboard-access-list-item-expansion > .row > div:nth-of-type(1) {
    position: static;
    padding: 0;
}

.dashboard-access-custom .dashboard-access-list-item-expansion > .row > div:nth-of-type(2) {
    width: 100%;
}

.dashboard-access-custom .dashboard-access-list-item-expansion > .row > div:nth-of-type(1) img {
    display: none;
}

@media only screen and (min-width: 768px) {
    .dashboard-access-custom .dashboard-access-list-item-expansion > .row > div:nth-of-type(1):has(> img) {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dashboard-access-custom .dashboard-access-list-item-expansion > .row > div:nth-of-type(1) img {
        display: inline;
        width: 100%;
        height: auto;
    }
}

.dashboard-access-custom .dashboard-access-list-item-expansion .dashboard-access-list-item__description {
    font-size: var(--text-base);
    line-height: var(--line-height-xl);
}

.dashboard-access-custom .dashboard-access-list-item-expansion .user-engagement-stats {
    margin-top: var(--space-lg);
}

.dashboard-access-custom .dashboard-access-list-item-expansion .user-engagement-stat {
    padding-bottom: var(--space-xs);
}

.dashboard-access-custom .dashboard-access-list-item-expansion .user-engagement-stat__label-container {
    padding-bottom: 0;
}

.dashboard-access-custom .dashboard-access-list-item-expansion .user-engagement-stat__label {
    height: auto;
    padding-bottom: var(--space-xxs);
}

.dashboard-access-custom .dashboard-access-list-item-expansion .user-engagement-stat__value-container {
    line-height: var(--line-height-lg);
    font-size: var(--text-2xl);
    margin-top: 0;
}

.dashboard-access-list-item .btn--primary {
    padding: var(--space-sm) var(--space-base);
    font-size: var(--text-base);
}

.dashboard-access-custom .dashboard-access-list-item-expansion a.dashboard-access-list-view-detail-page {
    display: none;
}

.dashboard-access-custom .columns:has(.dashboard-access) {
    position: static;
}

.dashboard-access-custom .dashboard-access-tabs {
    position: relative;
    margin: 0 auto;
    background: transparent;
    padding: 0 var(--space-base);
    display: flex;
    flex-direction: column;
    gap: 0 var(--space-3xl);
    border: none;
}

.dashboard-access-custom .dashboard-access-tabs::before {
    content: '';
    position: absolute;
    width: var(--full-width);
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--half-width) * -1);
    margin-right: calc(var(--half-width) * -1);
    background-color: var(--ui-accent-color-dark);
}

.dashboard-access-custom .dashboard-access-tab {
    border-width: 0 0 var(--border-width-sm);
    border-style: solid;
    border-color: var(--accent-color);
    padding: 0;
}

.dashboard-access-custom .dashboard-access-tab::after {
    display: none;
}

.dashboard-access-custom .dashboard-access-tab .btn {
    width: fit-content;
    padding: var(--space-sm) 0 var(--space-xs) !important;
    border-bottom: var(--border-width-lg) solid transparent;    
    color: var(--light-constant);
    font-family: var(--alt-font);
    font-size: clamp(var(--text-lg), 2vw, var(--text-xl));
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: var(--space-xs);
}

.dashboard-access-custom .dashboard-access-tab:hover,
.dashboard-access-custom .dashboard-access-tab--active {
    color: inherit;
    background: transparent;
}

.dashboard-access-custom .dashboard-access-tab:hover .btn,
.dashboard-access-custom .dashboard-access-tab--active .btn {
    border-color: var(--secondary-color);
}

.dashboard-access-custom .dashboard-access-tab .dashboard-access-tab__count {
    background: inherit;
    color: var(--secondary-color);
    font-size: inherit;
    border-radius: 0;
    border: none;
    margin: 0;
    padding-left: 0;
}

.dashboard-access-custom .dashboard-access > section {
    margin-top: var(--widget-margin);
}

@media only screen and (min-width: 768px) {
    .dashboard-access-custom .dashboard-access-tabs {
        position: absolute;
        left: 0;
        right: 0;
        padding: 0 var(--space-xl);
        flex-direction: row;
        flex-wrap: wrap;
    }

    .dashboard-access-custom .dashboard-access-tab {
        border-width: 0;
    }

    .dashboard-access-custom .dashboard-access > section {
        margin-top: 0;
        padding-top: calc(50px + var(--widget-margin));
    }

    .dashboard-access-custom ~ .widget:nth-child(1 of .widget--right) {
        padding-top: 50px;
    }
}

/* Learner Courses */
.header--learner {
    height: auto;
    box-shadow: none;
}

.header--learner::before {
    content: '';
    display: block;
    background-color: var(--ui-accent-color-dark);
    height: 44px;
}

.header--learner .header__right {
    float: none;
    width: 100%;
    margin: auto;
    max-width: var(--set-width);
    position: static;
    text-align: left;
}

.header--learner .header__left.header__left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: var(--set-width);
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding);
    margin: auto;
    float: none;
    text-align: right;
}

.header--learner .header__left__icon {
    float: none;
    position: static !important;
    height: 44px;
    width: fit-content;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header--learner .header__left__icon:hover {
    background: transparent;
}

.header--learner .header__left__icon .icon-home {
    display: none;
}

.header--learner .header__left__icon::before {
    content: 'DASHBOARD';
    display: inline-block;
    color: var(--accent-contrast-color);
    font-family: var(--alt-font);
}

.header--learner .header__left__copy {
    display: none;
}

.course__container {
    position: relative;
}

.course__container .header .company__beta-logo .company-logo__container {
    margin-top: 0;
}

.header .company__beta-logo .company-logo__container img,
.course__container .header .company__beta-logo .company-logo__container img {
    max-height: 50px !important;
}

/* Course */

/* BEGIN TEMP BUTTON STYLES - remove code block when NEW THEME STYLES enabled */
.learner__container {
    background-color: #e9e9e9;
}

.learner__sidebar .expandable-sidebar__link {
    width: 100%;
}

.learner__container .results__controls .btn,
.learner__container .btn.btn--primary,
.learner__container .btn.btn--secondary,
.learner__container .btn.btn--link {
    color: #333;
    background-color: transparent;
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    text-transform: none;
    text-decoration: none;
    line-height: normal;
    font-family: var(--font);
}

.learner__container .results__controls .btn,
.learner__container .btn.btn--primary,
.learner__container .btn.btn--secondary {
    margin: 0 0 1rem;
    padding: .5em 1.25em;
    border: 1px solid;
    border-radius: 2px;
}

.learner__container .btn.btn--primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-contrast-color);
}

.learner__container .btn.btn--primary:hover {
    background-color: var(--accent-hover-color);
    border-color: var(--accent-hover-color);
    color: var(--accent-contrast-color);
}

.learner__container .btn.btn--secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--secondary-contrast-color);
}

.learner__container .btn.btn--secondary:hover {
    color: var(--secondary-contrast-color);
    background-color: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.learner__container .btn.btn--success {
    background-color: #357635;
    border-color: #357635;
    color: #fff;
}

.learner__container .btn.btn--success:hover {
    background: #43a144;
    border-color: #43a144;
    color: #fff;
}

.learner__container .learner__container__toggle .btn {
    border-radius: 0;
}

.learner__container .learner__container__toggle .hide-sidebar {
    background-color: #f8fafc;
    border-color: #d0d0d0;
    color: #303030;
    font-size: 12px;
}

.learner__container .resources__header .header__inner {
    padding: 0;
}

/* END TEMP BUTTON STYLES */

/* NEW THEME STYLES - enable when authorized by Framework */
/*
.learner__container {
    max-width: var(--set-width);
    display: flex;
}

.learner__container .tools__back-button .btn--link span {
    font-size: var(--text-sm);
}

.learner__container .tools__back-button .btn--link:hover {
    color: var(--link-color);
}

.learner__container .tools__back-button .btn--link:hover span,
.learner__container a:not([class]):hover,
.learner__container a[class=""]:hover {
    color: inherit;
    text-decoration-color: var(--link-color);
}

.learner__container p > a:not([class]),
.learner__container p > a[class=""] {
    font-weight: inherit;
    font-size: inherit;
    text-transform: none;
}

.learner__container .tools__back-button .btn--link span,
.learner__container a:not([class]),
.learner__container a[class=""] {
    border: none;
    border-radius: 0;
    color: var(--link-color);
    font-size: var(--text-base);
    font-weight: var(--weight-base);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: var(--secondary-color);
    line-height: var(--line-height-2xl);
    font-family: var(--alt-font);
}

.learner__container .learner__sidebar {
    padding: var(--space-base) var(--widget-padding);
}

.learner__container--closed .learner__content,
.learner__container--toggled .learner__content,
.learner__content {
    position: static;
    transform: none;
    width: 100%;
    flex-basis: 100%;
    padding: var(--space-base) var(--widget-padding-sm) !important;
    transition: flex-basis 0.4s ease;
    float: right;
    margin-left: auto;
}

.learner__container--toggled .learner__content {
    width: 75%;
    flex-basis: 75%;
}

.learner__sidebar {
    transition: transform 0.4s ease;
    transform: translate3d(calc(-100% - 5vw), 0, 0);
}

.learner__container--toggled .learner__sidebar {
    background: transparent;
    width: 25%;
    flex-basis: 25%;
}

.learner__sidebar__expandables > li > div {
    max-width: unset;
}

.learner__sidebar .border {
    border-color: var(--accent-hover-color);
}

.learner__content .learner__container__toggle .btn,
.learner__content .learner__container__toggle .btn:hover,
.learner__sidebar .learner__container__toggle .hide-sidebar {
    background: transparent;
    border: none;
    padding: var(--space-base) 0 var(--space-sm);
    font-size: var(--text-sm);
}

.learner__sidebar .learner__container__toggle .hide-sidebar .icon-delete {
    font-weight: var(--weight-bold);
}

.learner__sidebar .expandable-sidebar {
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
}

.learner__sidebar .expandable-sidebar__link {
    width: 100%;
}

.learner__container .expandable-sidebar__toggle {
    background-color: var(--ui-accent-color-60);
}

.learner__sidebar span.syllabus__section-title {
    font-family: var(--font);
    padding: 0 0 var(--space-xs) var(--space-xxs);
    margin-bottom: 0;
}

.learner__sidebar .syllabus__section-title-index {
    display: none;
}

.learner__sidebar .expandable-sidebar__content {
    padding: var(--space-xxs) 0;
}

.learner__sidebar ul.syllabus__section-list {
    margin: 0;
}

.learner__sidebar ul.syllabus__topics {
    margin: var(--space-xxs) 0 0;
    padding: 0;
}

.learner__sidebar .learner__sidebar-inner-list.learner__sidebar-inner-list li {
    margin: 0;
    padding: var(--space-xxs) 0;
}

.learner__sidebar .syllabus__lesson {
    display: block;
    margin-top: 0;
    padding-left: var(--space-xxs);
}

.learner__sidebar .syllabus__lesson--expander {
    margin-left: calc(var(--space-xxs) * -1);
}

.learner__sidebar .syllabus__lesson .expander-triangle__container {
    padding: var(--space-xxs) 0;
}

.learner__sidebar .syllabus__lesson.syllabus__lesson a {
    line-height: normal;
    text-transform: uppercase;
    font-weight: var(--weight-bold);
    color: inherit;
}

.learner__sidebar .syllabus__lesson.syllabus__lesson a:hover {
    color: var(--accent-hover-color);
}

.learner__sidebar .syllabus__topic::before {
    content: '';
}

.learner__sidebar .learner__sidebar-list {
    overflow-y: auto;
    scrollbar-color: var(--accent-tinted-color-70) transparent;
    scrollbar-width: thin;
}

.learner__sidebar .course-progress__overall {
    padding: var(--space-xs);
}

.learner__sidebar .course-progress__overall > .table-row {
    display: flex;
    gap: var(--space-xs);
    justify-content: flex-start;
    align-items: center;
}

.learner__sidebar .course-progress__overall .highlight {
    color: var(--ui-success);
    min-width: unset;
    flex-basis: fit-content;
}

.learner__sidebar .course-progress__overall .meter {
    background: var(--ui-success);
}

.learner__sidebar  .course-progress__overall .small-4:has(.avatar) {
    display: none;
}

.learner__sidebar .lesson-progress {
    margin-top: var(--space-xxs);
}

.learner__sidebar .completed__indicator i {
    color: var(--accent-color);
}

.learner__sidebar .lesson-progress-page .icon-circle {
    margin-right: var(--space-xxs);
    border: none;
}

.learner__sidebar .lesson-progress-page .icon-circle span {
    background: var(--border-color-disabled);
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.learner__sidebar .lesson-progress-page.lesson-progress-page--completed .icon-circle span {
    background: var(--accent-color);
}

.learner__sidebar .sidebar__resources li {
    background-color: transparent;
}

.learner__sidebar .sidebar__resources a {
    color: inherit;
    font-family: var(--font);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.learner__sidebar .sidebar__resources a:hover {
    color: var(--accent-hover-color);
}

.learner__sidebar .sidebar__resources .resources__count {
    background-color: var(--ui-accent-color-60);
}

.learner__container .learner-section__title__container h3 {
    text-transform: uppercase;
    font-family: var(--font) !important;
    font-weight: var(--weight-bold);
    margin: 0;
    padding: var(--space-base) 0;
}

.learner__container .learner-section__title__container h3:has(.bookmark-dropdown__button) {
    padding-right: var(--space-lg);
}

.learner__container .learner-section__title__slash {
    color: var(--accent-color);
}

.learner__container .learner-section__title {
    color: var(--text-primary);
}

.learner__container .learner-lesson__title {
    color: var(--accent-color);
}

.learner__content .learner__container__toggle {
    position: absolute;
    top: 65px;
    left: calc(5vw + var(--widget-padding));
    z-index: 1;
}

.course__container > div:is([style="display: none;"], [style="display:none;"]) + .header + .learner__container .learner__content .learner__container__toggle {
    top: calc(22px);
    transform: translateY(-50%)
}

.learner__content .learner__container__toggle .btn,
.learner__content .learner__container__toggle .btn:hover {
    background-color: transparent;
    color: var(--accent-contrast-color);
    border-color: transparent;
    padding: 0;
    font-weight: var(--weight-regular);
    font-size: var(--text-base);
}

.learner__container--toggled .learner__content .learner__container__toggle .btn {
    visibility: visible;
}

.learner__content .layout-panel {
    padding: 0;
}

.learner__content .topic__text__body {
    padding-left: 0;
    padding-right: 0;
}

.learner__container .learner-section__progress {
    padding: 0;
}

.learner__content .section-progress-bar span {
    background-color: var(--secondary-color);
}

.learner__content .directional__nav .directional__nav__label {
    visibility: visible;
    text-transform: uppercase;
    color: var(--link-color);
    font-size: var(--text-base);
    font-weight: var(--weight-base);
    font-family: var(--alt-font);
}

.learner__content .directional__nav__button {
    color: var(--link-color);
    background-color: var(--secondary-color);
}

.learner__content div:has(> .audio__player) {
    float: right;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding-right: var(--space-3xl);
    width: auto;
    margin-right: var(--space-base);
}

.learner__content .audio__player {
    margin-top: var(--space-xs);
}

.learner__content .audio-player__controls + div {
    display: flex;
    align-items: center;
}

.learner__content .audio-player__progress-indicator progress[value="0"] {
    width: 0;
}

.learner__content .audio-player__controls + div .small-2 {
    width: fit-content;
}

.learner__content .audio-player__controls + div .small-10 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 var(--space-xs);
    white-space: nowrap;
}

.learner__content .audio-player__play,
.learner__content .audio-player__playing {
    margin: 0;
    text-transform: uppercase;
    color: var(--link-color);
    font-family: var(--alt-font);
}

.learner__content .audio-player__play-button__container {
    width: auto;
    margin: 0;
}

.learner__content .audio-player__play-button,
.learner__content .audio-player__play-button:hover {
    margin: 0;
    background-color: var(--secondary-color) !important;
}

.learner__content .bookmark-dropdown__button {
    right: 0;
    top: 0;
    color: var(--secondary-color);
    margin: var(--space-base) 0 0;
}

@media only screen and (max-width: 767px) {
    .learner__container {
        padding-top: 0;
    }

    .learner__sidebar.learner__sidebar {
        width: 100%;
        flex-basis: 100%;
        position: absolute;
        background: var(--light-constant);
        padding-right: var(--space-xl);
        border-bottom: 1px solid var(--accent-tinted-color-70);
        padding-bottom: var(--space-xl);
        z-index: 70000;
    }

    .learner__container--closed .learner__content,
    .learner__container--toggled .learner__content,
    .learner__content {
        position: static;
        transform: none;
        width: 100%;
        flex-basis: 100%;
    }

    .learner__content div:has(> .audio__player) {
        width: calc(100% - var(--space-base));
        padding-left: var(--widget-padding);
        margin-bottom: var(--space-base);
    }

    .learner__container .learner-section__progress {
        padding: 0 var(--space-base);
    }
}

@media only screen and (max-width: 1023px) {
    .learner__content .learner__container__toggle {
        left: var(--widget-padding);
    }
}

.learner__content .heading.heading--primary {
    font-family: var(--font) !important;
    color: var(--text-primary);
    text-transform: uppercase;
}

.learner__content .tools__container__inner {
    border: none;
}

.learner__content .tools__content__sections {
    float: none;
    width: 100%;
    border: none;
    padding: 0 var(--space-base);
}

.learner__content .tools__content {
    float: none;
    width: 100%;
    border: none;
    padding: var(--space-lg) var(--space-base);
}

.learner__content .tools__content__sections__list {
    border-bottom: var(--border-width-sm) solid var(--ui-accent-color-60);
    border-right: none;
    display: flex;
    gap: var(--space-base);
}

.learner__content .resources__container .expandable-sidebar__toggle,
.learner__content .tools__content__sections__list a {
    color: var(--accent-color);
    background-color: transparent;
    border-color: currentColor;
    text-transform: uppercase;
    font-weight: var(--weight-bold);
    font-family: var(--alt-font);
    font-size: var(--text-base);
    padding: var(--space-xxs);
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
    gap: var(--space-xxs);
}

.learner__content .resources__container .expandable-sidebar__toggle,
.learner__content .tools__content__sections__list a.active {
    border-bottom: var(--border-width-base) solid var(--secondary-color);
    margin-bottom: -1px;
}

.learner__content .tools__content__sections__list a .label {
    color: inherit;
    border-color: currentColor;
    font-weight: inherit;
    font-family: var(--font);
}

.learner__content .resources__container > div:first-of-type {
    border-bottom: var(--border-width-sm) solid var(--ui-accent-color-60);
}

.learner__content .resources__header {
    padding: 0;
}

.learner__content .resources__container .resources__dropdown {
    background-color: var(--accent-color);
}

.learner__content .resources__container .resources__dropdown a {
    color: var(--accent-contrast-color);
}

.learner__content .resources__container .resources__dropdown a:hover {
    color: var(--secondary-color);
}

.learner__content .resources__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    justify-content: flex-start;
    padding-top: var(--space-xl);
    width: 100%;
}

.learner__content .resources__list li {
    padding: 0;
    flex-basis: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .learner__content .resources__list li {
        flex-basis: calc(50% - var(--space-base));
    }
}

@media only screen and (min-width: 1240px) {
    .learner__content .resources__list li {
        flex-basis: calc(33% - var(--space-base));
    }
}

.learner__content .resources__list li > div {
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg);
    background-image: var(--background-tile-vert-orange);
    background-position: left -50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    margin: auto;
}

.learner__content .resources__list li:nth-of-type(5n+1) > div {
    background-image: var(--background-tile-vert-yellow);
}

.learner__content .resources__list li:nth-of-type(5n+2) > div {
    background-image: var(--background-tile-vert-blue);
}

.learner__content .resources__list li:nth-of-type(5n+3) > div {
    background-image: var(--background-tile-vert-grey);
}

.learner__content .resources__list li:nth-of-type(5n+4) > div {
    background-image: var(--background-tile-vert-pink);
}

.learner__content .resources__list .syllabus__lesson {
    display: block;
    text-align: center;
}

.learner__content .resources__list .resource__title {
    position: static;
    background-color: var(--accent-contrast-color);
    color: var(--accent-color);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-base) var(--space-base) 0;
}

.learner__content .resources__container .resources__count {
    color: var(--accent-contrast-color);
    background-color: var(--accent-highlight-color);
}

.learner__content .topic__list__item {
    border: var(--border-width-base) solid var(--secondary-color);
    border-radius: var(--rounded-default);
    padding: var(--space-base) 0 0 0;
    margin-bottom: var(--space-base) !important;
}

.learner__content .topic__list__item .topic__list__title {
    margin: 0 0 var(--space-base);
    color: var(--accent-color);
    text-transform: uppercase;
    font-weight: var(--weight-bold);
    width: calc(100% - 30px);
}

.learner__content .topic__list__item .topic__list__title > span {
    font-family: var(--font) !important;
}

.learner__content .topic__list__description {
    padding-bottom: var(--space-base);
}

.learner__content .topic__list__item .btn.btn--link {
    color: var(--link-color);
    margin-top: var(--space-xxs);
}

.learner__content .topic__list__item .btn.btn--link span:not(:has(i)) {
    visibility: hidden;
    display: inline-block;
    width: 1px;
}

.learner__content .topic__list__item .btn.btn--link i {
    font-weight: var(--weight-bold);
}
*/

/* FlIP CARD */
/*
.flip-card__list.flip-card__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    justify-content: center;
    margin: 0;
}

.flip-card__list li {
    padding: 0 !important;
    flex-basis: 100%;
}

@media only screen and (min-width: 1240px) {
    .flip-card__list li {
        flex-basis: calc(50% - var(--space-base));
    }
}

.flip-card__container {
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg);
    background-image: var(--background-tile-vert-orange);
    background-position: left -50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    margin: auto;
}

.flip-card__list li:nth-of-type(5n+1) .flip-card__container {
    background-image: var(--background-tile-vert-yellow);
}

.flip-card__list li:nth-of-type(5n+2) .flip-card__container {
    background-image: var(--background-tile-vert-blue);
}

.flip-card__list li:nth-of-type(5n+3) .flip-card__container {
    background-image: var(--background-tile-vert-grey);
}

.flip-card__list li:nth-of-type(5n+4) .flip-card__container {
    background-image: var(--background-tile-vert-pink);
}

.flip-card {
    border: none;
}

.flip-card__front,
.flip-card__back {
    background-color: transparent !important;
}

.flip-card .resource__title {
    background-color: var(--accent-contrast-color);
    color: var(--accent-color);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flip-card__front h5 {
    display: block;
    margin: auto;
    width: auto;
    text-align: center;
    color: var(--link-color);
    font-weight: var(--weight-base);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-color: var(--secondary-color);
    font-family: var(--alt-font);
}

.flip-card__front h5:hover {
    text-decoration-color: var(--link-color);
}

.flip-card.flipped {
    overflow-y: auto;
}
*/

/* QUIZES */
/*
.learner__content .quiz__container {
    padding: 0;
}

.learner__content .quiz__container .quiz-start__content {
    background-color: transparent;
}

.learner__content .quiz__container .quiz__start > div {
    margin-bottom: var(--space-lg);
}

.learner__content .quiz__container .choice--multiple {
    margin-left: -10px;
}

.learner__content .quiz__container .choice__index {
    flex-basis: min-content;
    padding-right: var(--space-sm);
}

.learner__content .quiz__container .flex > .choice__index + div {
    padding-left: 0;
}

.learner__content .quiz__container .question-results__grade {
    font-size: var(--text-2xl);
    font-family: var(--alt-font);
}

.learner__content .quiz__container .question-results__grade .panel {
    color: var(--text-primary);
}

.learner__content .quiz__container .results__grade-percentage {
    font-size: inherit;
}

.learner__content .quiz__container .results__grade__status--passed {
    color: var(--ui-success);
}

.learner__content .quiz__container .quiz__results .panel--alt {
    border: none;
}

.learner__content .quiz__container .quiz__results hr {
    display: none;
}

.learner__content .quiz__container .results__controls {
    margin: var(--space-lg) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-base);
} */

/* Learning Path */
.learn.learning-path .header--article {
    border-bottom: 0;
}

.learn.learning-path .widget {
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding);
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone {
    position: relative;
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone::before {
    content: '';
    display: block;
    position: absolute;
    width: var(--full-width);
    left: 50%;
    right: 50%;
    margin-left: calc(var(--half-width) * -1);
    margin-right: calc(var(--half-width) * -1);
    height: 100%;
    background: inherit;
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone:nth-of-type(2n) {
    background-color: var(--accent-tinted-color-90);
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone__header {
    background: transparent !important;
    border: none;
    padding: var(--space-base) 0 0;
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone__header-content {
    z-index: 1;
    padding: 0 0 var(--space-base);
    position: relative;
}

.learning-path_custom-layout .widget--milestones .learning-path-criterion {
    background: var(--ui-primary-orange);
    border-radius: var(--rounded-xl);
    padding: var(--space-sm);
    height: auto;
}

.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone__header-criterion {
    padding: 0;
}

.learning-path_custom-layout .widget--milestones .learning-path-criterion,
.learning-path_custom-layout .widget--milestones .learning-path-criterion__label,
.learning-path_custom-layout .widget--milestones .learning-path-criterion__value {
    color: var(--accent-contrast-color);
    font-weight: var(--weight-base);
}

.learning-path_custom-layout .widget--milestones .learning-path-criterion__value-container {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: inherit;
    gap: var(--space-xxs);
}

.learning-path_custom-layout .widget--milestones .icon-flag {
    padding-right: var(--space-xxs);
}

.collection__courses .learning-path-detail-milestone__title,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone__title {
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    color: var(--ui-secondary-orange);
    line-height: var(--line-height-lg);
}

.collection__courses .center-ruled-title,
.learning-path-detail-milestone-list > li > hr {
    display: none;
}

.learning-path-detail-milestone-list > li > h3 {
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    color: var(--ui-secondary-orange);
}

.collection__courses .learning-path-detail-milestone-items,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-items {
    background: transparent;
}

.collection__courses .learning-path-detail-milestone-item,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item {
    margin: 0 0 var(--space-3xl);
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    padding: var(--space-lg);
    background-image: var(--background-tile-orange);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    background-color: var(--light-constant);
}

.collection__courses .learning-path-detail-milestone-item:nth-of-type(5n+1),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item:nth-of-type(5n+1) {
    background-image: var(--background-tile-yellow);
}

.collection__courses .learning-path-detail-milestone-item:nth-of-type(5n+2),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item:nth-of-type(5n+2) {
    background-image: var(--background-tile-blue);
}

.collection__courses .learning-path-detail-milestone-item:nth-of-type(5n+3),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item:nth-of-type(5n+3) {
    background-image: var(--background-tile-grey);
}

.collection__courses .learning-path-detail-milestone-item:nth-of-type(5n+4),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item:nth-of-type(5n+4) {
    background-image: var(--background-tile-pink);
}

.collection__courses .learning-path-detail-milestone-item__asset,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__asset,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__vertical-line,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item-circle,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__horizontal-line {
    display: none;
}

.collection__courses div:has(> .learning-path-detail-milestone-item__asset),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__asset-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collection__courses .learning-path-detail-milestone-item__content-container,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__content-container {
    width: 100%;
    left: 0;
    padding: 0;
}

.collection__courses .learning-path-detail-milestone-item__content,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__content {
    width: 100%;
}

.collection__courses .learning-path-detail-milestone-item__content .btn,
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__content .btn {
    font-size: var(--text-base);
}

.collection__courses .learning-path-detail-milestone-item__title,
.learning-path_custom-layout .widget--milestones .learning-path-milestone-item__title {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h3);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin: var(--space-lg) 0 0;
}

.collection__courses .learning-path-detail-milestone-item div:has(> .learning-path-detail-milestone-item__content-type),
.learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__content {
    position: static;
}

.collection__courses .learning-path-detail-milestone-item__content-type,
.learning-path_custom-layout .widget--milestones .learning-path-milestone-item__info {
    position: absolute;
    top: 0;
    margin: 0;
}

.collection__courses .learning-path-detail-milestone-item__content-type {
    padding-top: 0;
    top: var(--space-lg);
}

.collection__courses .learning-path-detail-milestone-item__content-type h5,
.learning-path_custom-layout .widget--milestones .learning-path-milestone-item__info h5 {
    font-size: var(--text-sm);
    font-family: var(--font) !important;
    text-transform: uppercase;
}

.collection__courses .learning-path-milestone-item__description,
.learning-path_custom-layout .widget--milestones .learning-path-milestone-item__description {
    font-size: var(--text-base);
    line-height: var(--line-height-xl);
}

.collection__courses .learning-path-detail-milestone-item hr {
    display: none;
}

.collection__courses .learning-path-milestone__badge,
.learning-path_custom-layout .widget--milestones .learning-path-milestone__badge {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--light-constant) !important;
    padding: var(--space-xxs) var(--space-xs);
    font-weight: var(--weight-base);
    background-color: var(--ui-tertiary-color-dark);
}

.collection__courses .learning-path-detail-milestone-item__cta {
    float: none;
}

@media only screen and (min-width: 768px) {
    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone__header,
    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-items {
        padding-left: 100px;
    }

    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__vertical-line {
        display: block;
        left: 30px;
        margin-top: 2rem;
        height: calc(100% - 6rem);
        background: var(--border-color-100) !important;
    }

    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__vertical-line::before,
        .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__vertical-line::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 12px;
        height: 2px;
        margin-left: -5px;
        background: inherit;
     }

    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__vertical-line::after {
        top: unset;
        bottom: 0;
    }

    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item-circle {
        display: block;
        left: -80px;
    }

    .collection__courses .learning-path-detail-milestone-item,
    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item {
        padding-left: 225px;
        background-size: 225px 100%;
    }

    .collection__courses .learning-path-detail-milestone-item__asset,
    .learning-path_custom-layout .widget--milestones .learning-path-timeline-milestone-item__asset {
        display: block;
    }
}

.learning-path-certificate-container .learning-path-timeline-milestone-item__vertical-line {
    display: none;
}

/* Learning Path Hero */
.learning-path_custom-layout .widget--learning-path-content-hero {
    position: relative;
    width: var(--full-width);
    max-width: unset;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--half-width) * -1);
    margin-right: calc(var(--half-width) * -1);
    background-color: var(--accent-color);
    margin-top: 0;
}

.learning-content-hero  {
    position: static;
    width: var(--set-width);
    display: flex;
    align-items: center;
    height: 300px;
    margin: auto;
}

.learning-content-hero .learning-content__back-button {
    display: none;
    top: 0;
    padding: 0;
    margin-top: var(--space-xs);
}

.learning-content-hero .learning-content__back-button:hover {
    color: var(--accent-contrast-color);
}

.learning-content-hero .learning-content-hero__overlay {
   background-image: none !important;
   background-color: transparent;
}

.learning-content-hero picture {
    position: absolute;
    inset: 0;
    display: none;
}

.learning-content-hero picture img {
    width: 100%;
    height: 100%;
    object-position: center right;
    object-fit: contain;
}

.learning-content-hero > div:last-of-type {
    position: static;
    width: 100%;
    top: unset;
    padding-left: 0;
    padding-right: 0;
    max-height: 100%;
    overflow: hidden;
    z-index: 1;
}

.learning-content-hero div:last-of-type h1 {
   line-height: var(--line-height-base);
   font-size: clamp(var(--text-h3), 3.5vw, var(--text-6xl));
   font-weight: var(--weight-base);
   margin-bottom: var(--space-sm);
}

.learning-content-hero div:last-of-type div {
    width: 100%;
    font-size: clamp(var(--text-sm), 3vw, var(--text-lg));
}

@media only screen and (min-width: 768px) {
    .learning-content-hero div:last-of-type {
        width: 50%;
    }

    .learning-content-hero  {
        height: 350px;
    }

    .learning-content-hero picture {
        display: block;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    .learning-content-hero  {
        height: 400px;
    }
}

@media only screen and (min-width: 1240px) {
    .learning-content-hero  {
        height: 450px;
    }
}

/* Catalog Course Detail */
.course__detail__container .course__detail__content {
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding-);
}

.course-group .course__detail__container .course__detail__content {
    padding-left: var(--widget-padding-sm);
    padding-right: var(--widget-padding-sm);
}

.course__detail__container .course__detail__sidebar {
    padding: 0;
}

.course__detail__sidebar .panel {
    margin-bottom: 0;
}

.course__detail__content h1,
.course__detail__header h1 {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h1);
    font-weight: var(--weight-base);
    line-height: var(--line-height-lg);
    margin-bottom: var(--space-xs);
}

.course__includes {
    margin: 0;
}

.course__includes__title {
    color: var(--text-primary);
    font-family: var(--font) !important;
    font-size: var(--text-h5);
    font-weight: var(--weight-bold);
}

.course__includes hr {
    display: none;
}

.widget--discount-group-purchase .enroll,
.widget--learning-path-purchase .enroll--learning-path,
.widget--course-purchase .panel,
.cart-items.cart-items--order {
    background: var(--accent-color);
    border-radius: var(--rounded-lg);
    color: var(--accent-contrast-color);
    font-family: var(--alt-font);
    padding: var(--space-xl);
}

.widget--discount-group-purchase .enroll .contains {
    color: var(--accent-contrast-color);
}

.course__detail__container .course__detail__enrolled {
    border-radius: var(--rounded-default);
    border: var(--border-width-base) solid var(--secondary-color);
}

.course__detail__content .tabs {
    border-color: var(--accent-tinted-color-70);
    display: flex;
    flex-direction: column;
    gap: 0 var(--space-3xl);
}

.course__detail__content .tabs::before,
.course__detail__content .tabs::after {
    display: none;
}

.course__detail__content .tab-title {
    border-bottom: var(--border-width-sm) solid var(--accent-tinted-color-70);
}

.course__detail__content .tab-title a {
    width: fit-content;
    padding: var(--space-sm) 0 var(--space-xs);
    border-width: 0 0 var(--border-width-lg);
    border-color: transparent;
    border-style: solid;
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: clamp(var(--text-lg), 2vw, var(--text-xl));
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: transparent;
    line-height: normal;    
    display: flex;
    align-items: center;
}

.course__detail__content .tab-title a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: var(--border-width-lg) solid transparent;
    margin-left: var(--space-xs);
    border-top-color: var(--secondary-color);
    transform: translateY(30%);
}

.course__detail__content .tab-title a[aria-selected="true"],
.course__detail__content .tab-title a:hover,
.course__detail__content .tab-title.active a {
    color: var(--accent-color);
    background-color: inherit;
    border-color: var(--secondary-color);
}

.course__detail__container .tabs-content {
    border: none;
}

.course__detail__container .course-purchase__mobile-button {
    display: none;
}

@media only screen and (min-width: 768px) {
    .course__detail__content .tabs {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .course__detail__content .tab-title {
        border-bottom: none;
    }

    .course__detail__sidebar > .layout__content--sidebar > div:nth-child(1 of .widget) {
        margin-top: 0;
    }
}

/* Shopping Cart */
.modal:has(.cart-items) .modal-content {
    background: var(--ui-accent-color-dark);
    color: var(--accent-contrast-color);
}

.modal:has(.cart-items) .modal-header {
    border-bottom: var(--border-width-sm) solid var(--secondary-color);
}

.modal:has(.cart-items) .close {
    color: var(--secondary-color);
}

.modal .cart-item {
    padding: var(--space-sm);
}

.modal .cart-item {
    border-top-color: var(--secondary-color);
}

.modal .cart-item:nth-of-type(2n) {
    background-color: var(--accent-color);
}

.modal .cart-item:last-of-type {
    border-bottom: var(--border-width-base) solid var(--secondary-color);
}

.modal .cart-item__asset {
    padding: 0;
}

.modal .cart-item__asset img {
    height: 60px;
    width: auto;
    border: none;
}

.modal .cart-item__text {
    font-size: var(--text-base);
    margin: 0;
    padding-left: var(--space-base);
}

.modal .cart-item__title {
    font-size: 1rem;
    color: inherit;
}

.modal .cart-item__text p,
.modal .cart-item__price button {
    color: inherit;
}

.modal .cart-item__text p:last-of-type {
    margin: 0;
}

.modal .cart-item__content {
    padding-top: 0;
}

.modal .cart-item__total {
    background-color: transparent;
}

.modal .cart__total {
    background-color: transparent;
    padding: var(--space-base) 0;
    margin-bottom: var(--space-base);
    border-top: none;
    font-weight: var(--weight-bold);
    font-size: var(--text-xl);
    color: inherit;
}

.modal .cart__total__label {
    font-weight: var(--weight-regular);
    color: var(--secondary-color);
    padding-right: var(--space-xs);
}

.modal .cart__buttons button:first-of-type {
    margin-right: 0;
}

.enroll .enroll__buy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xs);
}

.enroll .enroll__buy::after {
    display: none;
}

.order__summary .order__total,
.enroll hr {
    border-width: var(--border-width-base) 0 0;
    border-color: var(--secondary-color);
    margin-bottom: 0;
}

.widget--course-purchase .btn--expand {
    margin-top: var(--space-base);
}

.widget--course-purchase .panel {
    margin-top: var(--space-base);
}

.cart-item__total.cart-item__total--order {
    background-color: inherit;
}

.enroll .course__detail__runs,
.enroll .enroll__title,
.enroll .enroll__price {
    color: inherit;
    font-family: inherit;
}

.order__summary .order__label--total {
    color: var(--secondary-color);
    font-family: inherit;
    font-weight: var(--weight-regular);
}

.enroll .course__detail__runs {
    margin: calc(var(--space-sm) * -1) 0 var(--space-base);
}

.enroll .enroll__title {
    font-size: var(--text-3xl);
    text-transform: none;
    font-weight: var(--weight-regular);
}

.enroll .enroll__price,
.order__summary .order__label--total {
    font-size: var(--text-2xl);
    font-weight: var(--weight-regular);
    margin: 0;
}

.enroll .enroll__secondary-actions {
    margin-top: var(--space-base);
}

/* Checkout */
.header--checkout .header__inner {
    flex-wrap: wrap;
}

.header--checkout .header__title {
    flex-basis: 100%;
}

.header--checkout .header__title h2 {
    color: var(--accent-color);
    font-family: var(--alt-font);
    font-size: var(--text-h1);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    margin: var(--space-lg) 0 0;
}

.checkout__order .order__forms p {
    font-size: var(--text-sm);
}

.checkout__order .shipping-info {
    margin-top: var(--space-lg);
}

@media only screen and (min-width: 1024px) {
    .header--checkout .header__title h2 {
        margin-top: var(--space-xl);
    }
}

/* SIDEBAR LAYOUT */
@media only screen and (min-width: 1024px) {
    .checkout__order .order__index > .row > .large-6 {
        clear: left;
        float: left;
        width: 66%;
        padding-left: var(--widget-padding);
        padding-right: var(--widget-padding);
    }


    .checkout__order .order__items__container {
        width: 33%;
        clear: right;
        float: right;
        padding-left: var(--widget-padding);
        padding-right: var(--widget-padding);
    }

    .checkout__order .order__items__container > .large-6 {
        width: 100%;
        float: none;
        padding: 0;
    }
}

.checkout__order .order__sidebar__container {
    background-color: #a6a6a6;
}

.checkout__order .order__sidebar__container .cart-items {
    margin-top: var(--space-xl);
}

.checkout__order .order__sidebar__container .continue-to-checkout {
    margin-top: var(--space-xl);
    float: none;
}

.checkout__order .cart-item {
    padding: var(--space-lg) 0 0;
}

.checkout__order .cart-item:first-of-type {
    padding-top: 0;
}

.checkout__order .cart-item__content,
.checkout__order .cart-item__content > .row > div {
    width: 100%;
    padding: 0;
}

.checkout__order .order__item__row--bottom,
.checkout__order .cart-item__price {
    padding: 0;
    width: auto;
    flex: 1 1 min-content;
}

.checkout__order .order__item__row--bottom {
    flex-basis: max-content;
}

.checkout__order .cart-item__content .row,
.checkout__order .coupon-entry .field {
    margin: 0;
}

.checkout__order .cart-item__title {
    font-size: var(--text-h4);
    font-weight: var(--weight-base);
}

.checkout__order .cart-item__content .row:has(> .cart-item__price) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: var(--space-base);
    gap: var(--space-base);
}

.checkout__order .cart-item__content .row:has(> .cart-item__price)::before,
.checkout__order .cart-item__content .row:has(> .cart-item__price)::after {
    display: none;
}

.checkout__order .coupon-entry .form-group > div {
    flex: 1 1 min-content;
    width: auto;
}

.checkout__order .coupon-entry .form-group > div:has(.field__input-wrapper) {
    flex-basis: max-content;
}

.checkout__order .cart-item__price button {
    color: var(--accent-contrast-color);
}

.checkout__order .cart-item__total.cart-item__total--order {
    margin-right: 0;
}

.checkout__order .order__summary {
    padding: var(--space-xs) 0 0;
}

.checkout__order .order__label--total {
    font-family: var(--font);
    font-weight: var(--weight-regular);
}

.checkout__order .order__forms > label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-sm);
}

.checkout__order .order__forms > label > div {
    float: none;
    color: var(--text-primary);
    margin-bottom: var(--space-base);
}

.checkout__order .order__forms > label a {
    text-decoration: underline;
}

.checkout__order .payment-information.panel {
    box-shadow: none;
    border: var(--border-width-sm) solid var(--border-color-100);
}

.order-confirmation .btn.btn--right {
    float: none;
    margin: auto;
    display: block;
}

/* Registration */
.widget--registration-form {
    padding: var(--space-base) 0 var(--space-2xl);
    width: var(--set-width-lg);
    max-width: 100%;
    margin-top: 0;
}

.widget--registration-form .row:has(> div.small-offset-3.small-6) {
    margin: 0;
}

.widget--registration-form div.small-offset-3.small-6 {
    margin-top: var(--space-lg);
    margin-left: auto !important;
    margin-right: auto;
    width: 100%;
}

/* Account */
.account .header--subtitle {
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding);
}

.account .header--subtitle hr {
    display: none;
}

.account .header--subtitle h1 {
    font-family: var(--alt-font);
    color: var(--accent-color);
    font-weight: var(--weight-base);
}

.account .dashboard-account-tabs {
    border-radius: var(--rounded-default);
    overflow: hidden;
    margin-bottom: var(--space-xl);
}

.account .dashboard-account-tabs li {
    background-color: var(--ui-accent-color-dark);
    color: var(--accent-contrast-color);
}

.account .dashboard-account-tabs li:hover {
    background-color: var(--accent-color);
}

.account .dashboard-account-tabs li.dashboard-account-tab--active {
    background-color: var(--secondary-color);
    color: var(--text-primary) !important;
}

.account .section-container {
    box-shadow: var(--shadow-default);
    border-radius: var(--rounded-default);
    overflow: hidden;
}

.account .section__header {
    background-color: var(--ui-accent-color-dark);
    color: var(--accent-contrast-color);
    border-radius: 0;
}

.account .section__title {
    color: var(--accent-contrast-color);
}

.account .section-container input[type=password] {
    height: 45px;
}

.account .section-container div:has(> .btn--large) {
    padding: 0;
}

.account .section-container .btn--large {
    font-size: var(--text-sm);
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .account .dashboard-account {
        padding: 0 var(--space-base);
    }
}

/* Account Survey */
.application__content--survey {
    width: var(--set-width) !important;
    margin: auto;
    position: relative;
    padding-bottom: var(--space-3xl);
}

.application__content--survey .btn--sidebar-toggle,
.application__content--survey .btn:has(+ .surveyValidationBtn) {
    display: none;
}

.application__content--survey > .row:not(:has(.header)) {
    padding-left: var(--widget-padding);
    padding-right: var(--widget-padding);
    width: var(--set-width-lg);
    margin: auto;
}

.application__content--survey > .row .columns {
    padding: 0;
}

.application__content--survey .header__title {
    margin: var(--space-sm) 0 var(--space-lg);
}

.application__content--survey > .row .medium-1 {
    clear: both;
    width: 60px;
    padding: 0 var(--space-xs) 0 0;
    text-align: left !important;
}

.application__content--survey .items__list label p {
    font-weight: var(--weight-base);
    margin-bottom: var(--space-xs);
}

.application__content--survey .items__list {
    margin-bottom: var(--space-xl);
}

.application__content--survey .items__list .ember-text-field {
    margin-bottom: 0;
}

.application__content--survey .errMess {
    display: none;
    font-size: var(--text-xs);
    font-weight: var(--weight-base);
    color: var(--ui-error);
    margin-top: var(--space-xs);
}

.application__content--survey .err .errMess {
    display: block;
}

.application__content--survey .surveyValidationBtn {
    background-color: var(--secondary-color);
    border: var(--border-width-base) solid var(--secondary-color);
    border-radius: var(--rounded-default);
    color: var(--link-color);
    display: block;
    font-family: var(--alt-font);
    font-weight: var(--weight-bold);
    letter-spacing: 1px;
    line-height: var(--line-height-base);
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    height: auto;
    width: auto;
    margin: 0 0 0 auto;
    font-size: var(--text-lg);
    padding: 1rem 1.75rem;
}

.application__content--survey .surveyValidationBtn:hover {
    background-color: var(--ui-secondary-color-dark);
    border-color: var(--ui-secondary-color-dark);
    color: var(--link-color);
}

/* Redemption */
.widget--redemption-form {
    padding: var(--space-base) 0 var(--widget-margin);
    width: var(--set-width-lg);
    max-width: 100%;
    margin-top: 0;
}

.widget--redemption-form div:has(> .row > .medium-centered) {
    width: 100%
    margin: auto;
}

.widget--redemption-form .medium-centered {
    width: 100%;
}

.widget--redemption-form > div > div > .row:has(.btn--floating-label) > div > div {
    margin-top: var(--space-base);
}

.widget--redemption-form hr {
    margin: var(--space-xl) 0 var(--space-base);
}

/* Legacy CSS From Framework */
.topic__sidebar__title {
    display: none;
}

.sidebar__testimonial {
    display: none;
}

.course__detail__content .collection__courses,
.learning-path-detail-milestone-list .learning-path-detail-milestone-item__cta {
    display: none;
}

table.ui-datepicker-calendar:not(.tw-override) td:not(.tw-override),
table.ui-datepicker-calendar:not(.tw-override) th:not(.tw-override) {
    padding: 0;
}

.cHide {
    display: none;
}

#GoogleMapHidden {
    display: none;
}

.ag-info {
    display: none;
}

.partner-co-borro {
    display: none !important;
}

.language-selector-content {
    display: none;
}

.learner__language__selector__btn {
    display: none;
}

/* hide enrollment date from learning path details page */
.enroll--learning-path .course__detail__runs {
    display: none;
}

/* adjust cookie banner size */
.cookie-popover {
    width: 50%;
    left: 25%
}

/* Hide Gift button */
.enroll__secondary-actions {
    display: none;
}

/* Hide social share on next section function for courses */
.share__container {
    display: none;
}

/* Test to center and minimize video on specific dash */
.test-video-50 {
    left: 50%;
    min-height: 50%;
    min-width: 50%;
    display: flex;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Admin */
.builder__preview {
    --full-width: 100%;
    --half-width: 50%;
}