:root {
        --font: 'source-sans-pro', sans-serif;
        --alt-font: 'source-sans-pro', sans-serif;
        --accent-color: #262a38;
        --secondary-color: #047377;
        --link-color: #047377;
        --accent-highlight-color: #262a38;
        --accent-highlight-background-color: #ebecf1;
        --accent-tinted-color-70: #bebfc3;
        --accent-tinted-color-80: #d4d4d7;
        --accent-tinted-color-90: #e9eaeb;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #3b4156;
        --secondary-hover-color: #06a3a8;
        --secondary-contrast-color: #fff;
        --link-hover-color: #07d2da;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/e377e1ac-b0cf-4bfb-9046-e286a6603eaa/6ng8qxs9d4bg-dbt-logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap');

/* Variables */
:root {
  --primary-bg-color: #262a38;
  --secondary-bg-color: #4f5d75;
  --Navy-900---1B1D27: #1B1D27;
  --Navy-000---EFF2F3: #EFF2F3;
  --Active--900: #195050;

  --primary-text-color: #262A38;
  --primary-link-color: #047377;
  --secondary-link-color: #09999e;
  --link-hover-color: #09999e;
  --gray600: #4B5563;
  --gray500: #6B7280;
  --gray200: #C6CCD4;
  --gray400: #727D91;
  --gray-100: #f3f4f6;
  --gray-050: #F9FAFB;
  --Navy-100: #E0E3E8;

  --btn-primary: #047377;
  --btn-secondary: #09999e;
  --btn-height: 40px;

  --orange: #FF694A;
  --red-600---DC2626: #DC2626;


  /* Typography */
  --text-xxs: .875rem;  /* 14px */
  --text-xs: 1rem;      /* 16px */
  --text-sm: 1.125rem;  /* 18px */
  --text-base: 1.5rem;  /* 24px */
  --text-lg: 2rem;      /* 32px */
  --text-xl: 2.5rem;    /* 40px */
  --text-2xl: 2.75rem;  /* 44px */
  --text-3xl: 3.75rem;  /* 60px */
  --text-4xl: 4.25rem;  /* 68px */
  --text-5xl: 5rem;     /* 80px */
  --text-6xl: 6rem;     /* 96px */

  /* Shadows */
  --illustration-shadow: 0px 10px 16px 0px #262A3833;
  --card-shadow: 0px 10px 16px 0px #262A380D;

  /* Ratios */
  --aspect-ratio-1200x630: 2:1;
  --aspect-ratio-827x424: 827:424;
  --aspect-ratio-554x290: 277:145;
  --aspect-ratio-311x162: 311:162;

  /* radius */
  --border-radius-md: 8px;
  --border-radius-sm: 4px;

  /* Font Family */
  --primary-font: 'source-sans-pro', sans-serif;
  --font: 'source-sans-pro', sans-serif !important;
  --alt-font: 'source-sans-pro', sans-serif !important;

  /* Background Images */
  --teal-shapes: https://www.getdbt.com/ui/img/svg/two-shape-teal.svg;

  /* Buttons */
  --button-padding-sm: .75rem 1.25rem;

  /* Padding */
  --padding-xxs: .5rem;     /* 8px */
  --padding-xs: 1rem;       /* 16px */
  --padding-sm: 1.125rem;   /* 18px */
  --padding-base: 1.5rem;   /* 24px */
  --padding-lg: 2rem;       /* 32px */
  --padding-xl: 2.5rem;     /* 40px */
  --padding-2xl: 2.75rem;   /* 44px */
  --padding-3xl: 4rem;      /* 64px */
}

@media screen and (max-width: 1023px) {
    footer .columns {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--padding-3xl) !important;
    }

    footer ul.categories {
        margin-bottom: 0 !important;
    }

    .register .widget--registration-form::after {
        width: 125px !important;
        height: 160px !important;
    }
}

@media screen and (min-width: 769px) {
    .session {
        background-image: url(https://public.cdn.getdbt.com/images/training/grey-lines-bg.svg);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .session__container {
        max-width: 615px;
    }

    .faq__search-block .medium-9 {
        width: 84%;
    }

    .faq__search-block .medium-3 {
        width: 16%;
    }
}

@media screen and (max-width: 768px) {
    :root {
        /* Typography */
        --text-xxs: .875rem;  /* 14px */
        --text-xs: 1rem;      /* 16px */
        --text-sm: 1.125rem;  /* 16px */
        --text-base: 1.5rem;  /* 18px */
        --text-lg: 2rem;      /* 32px */
        --text-xl: 2.5rem;    /* 40px */
        --text-2xl: 2.75rem;  /* 44px */
        --text-3xl: 2.75rem;  /* 60px */
        --text-4xl: 4.25rem;  /* 68px */
        --text-5xl: 5rem;     /* 80px */
        --text-6xl: 6rem;     /* 96px */
    }

    body {
        font-size: 16px;
        overflow-x: hidden;
    }

    .header {
        padding: .5rem 1rem 0;
    }

    header .header__inner {
        align-items: self-start !important;
        justify-content: space-around !important;
        grid-template-columns: auto auto auto !important;
    }

     header .header__inner,
     header .header__inner .top-bar button {
        margin-top: .5rem;
    }

    header .company__beta-logo .company-logo__container img {
        margin-top: 1rem;
    }

    .top-bar-section ul li {
        text-align: center;
    }

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

    header .header__inner .top-bar {
        background-color: transparent;
        grid-column: 3 !important;
        width: 40px;
    }

    header .header__inner .top-bar.expanded {
        grid-column: 3 !important;
        background-color: white !important;
        overflow: visible;
    }

    header .header__inner > nav {
        grid-column: 2 !important;
    }

    .top-bar .title-area {
        width: fit-content;
    }

    header .header__inner .top-bar a {
        white-space: nowrap;
    }

    .top-bar-section {
        left: 0% !important;
        position: absolute !important;
        width: 100vw !important;
        height: 100vh !important;
        transform: translateX(-87%) !important;
        overflow: hidden !important;
        margin-top: 2.5em;
        z-index: 5;
        background-color: white;
    }

    .top-bar .toggle-topbar button {
        position: relative;
    }


    .compliance li:first-of-type {
        width: 100%;
    }

    .compliance li:nth-child(2) {
        margin-left: 0 !important;
    }

    .btn--submit, .btn--expand {
        border-radius: var(--border-radius-sm) !important;
    }

    .course__detail__container .course__detail__sidebar {
        padding-inline: 0;
    }

    /* Dashboard */
    .dashboard-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0;
    }

    .dashboard-stats__container {
        padding: 0;
    }

    .dashboard-access-tabs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }

    .dashboard-access-tab {
        border-radius: var(--border-radius-sm);
    }

    .catalog-search-bar .columns {
        padding-left: 0;
    }

    .dashboard--content-panel {
        margin-top: 1.5em;
    }

    .btn--primary--manager--new {
        width: 100%;
    }

    .session {
        background-color: white !important;
        overflow: hidden;
    }

    .session::before,  
    .register .widget--registration-form::before {
        top: -2% !important;
        left: -20px !important;
    }

    .session::after,
    .register .widget--registration-form::after {
        width: 135px !important;
        height: 155px !important;
        right: -20px !important;
        bottom: -110px !important;
    }

    .session__container {
        background-color: transparent;
    }

    /* Reset Password */
    input.btn.btn--huge.btn--right.btn--primary.btn--no-margin.submit {
        width: 100%;
    }

    input.btn.btn--expand.btn--large.btn--primary.submit.btn--submit.btn--floating-label {
        transform: translate(0,0) !important;
        border-radius: var(--border-radius-sm) !important;
        height: 40px !important;
    }

    /* Application */
    .section-container .btn--primary--manager.btn--submit {
        margin-left: 0 !important;
        width: 100%;
    }

    .faq__search-block .small-4 {
        width: 29%;
    }

    .faq__search-block .small-8 {
        width: 69%;
    }

    .application .home__content .top-bar {
        display: none;
    }

    /* Learning */
    .learning-path .course__detail__container {
        display: flex;
        flex-direction: column-reverse;
    }

    .course-group ul.tabs {
        display: inline-flex;
        width: 100%;
        border-bottom: 2px solid var(--Navy-000---EFF2F3);
    }

    .course-group ul.tabs li {
        width: fit-content;
    }

    .course-group .course__detail__content {
        padding-inline: .25rem;
    }

    .home__content {
        margin-inline: var(--padding-xs);
    }

    .enroll__title {
        font-size: var(--text-xs);
    }

    /* Account */
    .account .section-container {
        padding: 1.5rem 1.5rem 2rem !important;
    }

    .account h1 {
        margin-bottom: 0;
    }

    /* register */
    .register .small-offset-3 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .register .btn.btn--primary {
        width: fit-content;
        /* float: left; */
    }

    .register .panel--alt,
    .redeem .panel--alt {
        margin-bottom: 0;
    }

    .redeem button.btn.btn--primary.postfix {
        margin-top: 0;
    }

    .widget--registration-form_standard .btn {
        float: left;
    }

}

@media screen and (max-width: 932px) {
    .navbar {
        position: relative;
    }

    .hamburger {
        display: block !important;
        position: absolute;
        right: 0;
        top: 0;
        background-color: white;
        z-index: 40;
    }

    .hamburger:after {
        -webkit-box-shadow: 0 0 0 1px var(--primary-text-color), 0 7px 0 1px var(--primary-text-color), 0 14px 0 1px var(--primary-text-color);
        box-shadow: 0 0 0 1px var(--primary-text-color), 0 7px 0 1px var(--primary-text-color), 0 14px 0 1px var(--primary-text-color);
        content: "";
        display: block !important;
        height: 0;
        margin-top: -8px;
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 16px;
    }

    .close-navbar {
        background-color: white;
        z-index: 50;
        right: 15px !important;
    }

    .close-navbar::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 16px;
        height: 2px;
        background-color: var(--primary-text-color); /* Change to your desired color */
        transform: translateY(-50%) rotate(45deg);
    }

    .close-navbar::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 16px;
        height: 2px;
        background-color: var(--primary-text-color); /* Change to your desired color */
        transform: translateY(-50%) rotate(-45deg);
    }

    .navigation-content {
        display: block !important;
    }

    .navigation-links {
        gap: 1.25em;
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        height: 100vh;
        overflow: hidden;
        list-style: none;
        display: flex;
        flex-flow: column nowrap !important;
        justify-content: flex-start;
        align-items: center;
        transform: translateY(-100%);
        transition: transform 0.2s ease;
        background-color: white;
        padding-top: 4rem;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-50vw + 50%);
    }

    .navigation-links:target {
        /* show navbar */
        transform: translateY(0);
    }

    .hamburger, .close-navbar {
        border: none;
        cursor: pointer;
        /* position absolute position the icons relative to the body because they have no position relative parents*/
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
    }

    .navigation-brand-logo {
        z-index: 1001;
    }

    .catalog-search-bar {
        margin-bottom: 1.25rem !important;
    }

    .session input.btn.btn--large.btn--primary.btn--right.click--disable {
        width: 100%;
    }

    span.session__forgot {
        text-align: center;
        display: block;
    }

    .session__forgot .btn.btn--link {
        transform: translateY(0) !important;
        text-align: center !important;
        float: none !important;
    }
}

@media screen and (max-width: 1023px) and (min-width: 668px) {
    ul.course__includes__list li {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    ul.course__includes__list li span {
        padding-left: 0;
    }
    
}

@media screen and (min-width: 1200px) {
    .catalog-active-filters {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1em;
    }

    header.header {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-bottom: 2em;
        border-bottom: 1px solid var(--Navy-000---EFF2F3);
    }

    header .header__inner {
        max-width: 1440px;
        margin-inline: auto;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width:1440px
    }
}

@media (min-width: 2560px) {
    .container {
        max-width:1440px
    }
}

.hamburger {
    display: none;
}

.navigation-brand {
    display: flex;
    align-items: center;
}

/* Constants */
/* ------------------ */
body {
    color: var(--primary-text-color);
    background-color: white;
    font-family: var(--primary-font);
    font-size: 16px;
    overflow-x: hidden;
}

a:focus, a:hover {
    color: var(--secondary-link-color);
}

h1, h2, h3, h4, h6 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: var(--primary-text-color);
}

h5 {
    color: var(--primary-text-color);
    font-weight: 600;
}

small {
    font-size: 80%;
}

i.icon-upleft {
    transform: translateY(-2px) rotate(-45deg);
    display: inline-block;
    font-size: .65rem;
}

.icon-upright:before {
    transform: translateY(-2px) rotate(45deg);
    display: inline-block;
    font-size: .65rem;
    margin-left: .25rem;
}

.field__input--select {
    box-shadow: none !important;
}

a:hover {
    color: var(--secondary-link-color);
}

::placeholder {
    font-style: normal;
}

.learner__sidebar__search-autocomplete {
    top: 65px;
}

.learner__course-search-result__section-title {
    font-weight: 600;
}

#email::placeholder,
#password::placeholder,
.register input::placeholder,
.redeem input::placeholder {
    opacity: 0;
    font-style: normal;
}

.btn {
    border-radius: var(--border-radius-sm);
    font-weight: 600;
}

.btn.btn--small {
    font-size: var(--text-xs);
}

.btn:not(.btn--link):hover {
    text-transform: none;
}

.btn--link.btn--secondary--manager:active,.btn--link.btn--secondary--manager:focus,.btn--link.btn--secondary--manager:hover {
    color: var(--primary-link-color);
}

.modal-content {
    border-radius: var(--border-radius-md);
    border-color: var(--gray200);
}

.btn.btn--alt {
    background-color: var(--Navy-000---EFF2F3);
    border-color: var(--gray200);
    height: var(--btn-height);
    align-items: center;
    display: inline;
}

.btn.btn--alt:hover {
    /* color: white; */
}

.btn.btn--huge {
    height: 56px !important;
}

/* .btn.btn--large.btn--primary {
    height: 56px;
} */

.btn--submit, .btn--expand {
    justify-content: center;
}

.btn--link {
    font-size: var(--sm);
}

.home__content {
    padding-top: var(--padding-2xl);
}

.container {
    box-shadow: none;
}

header.header {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 2em;
    border-bottom: 1px solid var(--Navy-000---EFF2F3);
    position: relative;
}

.navbar {
    padding: 0 1em 1em;
    z-index: 20;
    background-color: white;
    /* margin-bottom: 2em; */
}

.company__school-name__divider,
.company__school-name {
    display: none;
}

.enroll__title,
.course__includes__title {
    color: var(--primary-text-color)
}

.course__includes {
    margin-block: 1rem;
}

hr {
    border-color: transparent;
}

img {
    border-radius: var(--border-radius-md);
}

label {
    font-family: var(--gray600);
}

.bg-secondary {
    background-color: var(--secondary-bg-color);
}

blockquote, dd, dl, dt, li, p, pre, td, th {
    font-family: var(--primary-font);
    font-size: var(--text-sm);
}

.field__input[type=color], .field__input[type=date], .field__input[type=datetime-local], .field__input[type=datetime], .field__input[type=email], .field__input[type=month], .field__input[type=number], .field__input[type=password], .field__input[type=search], .field__input[type=tel], .field__input[type=text], .field__input[type=time], .field__input[type=url], .field__input[type=week] {
    height: var(--btn-height);
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select {
    box-shadow: none;
    height: 38px;
}

.field__input[type=color]:focus, .field__input[type=date]:focus, .field__input[type=datetime-local]:focus, .field__input[type=datetime]:focus, .field__input[type=email]:focus, .field__input[type=month]:focus, .field__input[type=number]:focus, .field__input[type=password]:focus, .field__input[type=search]:focus, .field__input[type=tel]:focus, .field__input[type=text]:focus, .field__input[type=time]:focus, .field__input[type=url]:focus, .field__input[type=week]:focus {
    border-color: var(--gray400);
    color: var(--primary-text-color);
}

input[type=search] {
    padding-left: var(--padding-lg);
}

input[type=text].input--large {
    height: var(--btn-height);
}

.field__label {
    font-weight: 600;
    transform: none;
}

.widget {
    /* margin-top: 3em;
    margin-bottom: 3em; */
}

.widget__subtitle h5 {
    color: var(--primary-text-color);
}

.faqs__container {
    margin-top: clamp(1rem);
}

.faq__search-block {
    border-radius: var(--border-radius-sm);
    border: 2px solid var(--gray200, #C6CCD4);
    background: var(--Navy-000---EFF2F3, #EFF2F3);
    margin-block: 1rem 3rem;
}

.section__body {
    padding: 1em;
}

/* Side Panels */
.learning-path .course__detail__social,
.learning-path .widget--course-purchase .panel {
    background: var(--Navy-000---EFF2F3, #EFF2F3);
    border: 2px solid var(--gray200, #C6CCD4);
}

.btn--social {
    color: var(--primary-text-color);
}

.btn--social:hover {
    color: var(--secondary-link-color);
}

.course__detail__sidebar .widget--course-purchase {
    text-align: center;
}

.course__detail__sidebar .btn--bare {
    color: var(--primary-link-color);
}

.course__detail__sidebar .btn--bare:hover {
    border: none;
    border-color: transparent !important;
    color: var(--secondary-link-color);
}

.builder__mini-widget, .course__detail__enrolled, .course__detail__social, .example-widget, .multiselect, .panel, .panel--flex, .panel--logs, .topic__sidebar__add {
    color: var(--primary-text-color);
}

.course__detail__enrolled {
    margin-bottom: 0;
}

.builder__mini-widget, .course__detail__enrolled, .course__detail__social, .example-widget, .multiselect, .panel--alt {
    border: none;
}

/* Header Area */
/* .nav--top {
    display: none;
} */

/* new nav */

header .header__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 1em;
    align-items: center;
    position: relative;
}

header .header__inner > nav {
    grid-column: 3;
    grid-row: 1;
}

.header .company__beta-logo {
    grid-column: 1;
    grid-row: 1;
}

header .header__inner .top-bar {
    grid-column: 2;
    grid-row: 1;
    border: none;
    margin-left: auto;
    overflow: hidden;
}

header .header__inner .top-bar a {
    padding-inline: 0;
    color: var(--primary-text-color);
    font-weight: 600;
}

.navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {
    padding: 0;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.nav ul>li:not(.has-form) a:not(.button):focus {
    background-color: white !important;
    color: var(--secondary-link-color) !important;
}

.nav--top a:first-of-type {
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    background-color: transparent;
    color: var(--btn-primary);
    border-color: var(--btn-primary);
    border-radius: var(--border-radius-sm) !important;
    padding: 0 1.125rem;
    margin-bottom: 0;
    border-width: 2px;
    display: flex;
    place-items: center;
    border: 2px solid var(--primary-link-color);
    height: 56px;
}

.nav--top ul {
    display: flex;
}

.nav--top a:first-of-type:hover {
    background-color: var(--secondary-link-color);
    border-color: var(--secondary-link-color);
    color: white;
    text-transform: none;
}

.header__inner nav button.btn--inherit-font {
    color: white;
    height: 56px;
    background-color: var(--primary-link-color) !important;
    border: 2px solid var(--primary-link-color) !important;
    margin-bottom: 0;
    margin-left: 1em;
    font-size: var(--text-xs);
    text-transform: none;
}

.header__inner nav button.btn--inherit-font:hover {
    background-color: var(--secondary-link-color) !important;
    border-color: var(--secondary-link-color) !important;
}

header .header__inner .top-bar button {
    border-color: transparent !important;
    color: transparent;
}

.top-bar.expanded .toggle-topbar.menu-icon button {
    color: transparent !important;
}

.top-bar .toggle-topbar a, .top-bar .toggle-topbar button {
    font-family: var(--primary-font);
}

.top-bar .toggle-topbar.menu-icon button span:after {
    box-shadow: 0 0 0 1px var(--primary-text-color),0 7px 0 1px var(--primary-text-color),0 14px 0 1px var(--primary-text-color);
}

.top-bar.expanded .toggle-topbar.menu-icon button {
    background-color: transparent !important;
    color: var(--primary-text-color);
    border: transparent !important;
    text-transform: none;
}

.top-bar-section .dropdown label {
    text-transform: none;
}

/* end new nav */

.header .company-logo__container {
    max-height: 100%;
    max-width: 84px;
}

header.header .btn.btn--primary,
header.header .btn--alt.btn--primary,
header.header a.btn.btn-outline-primary {
    margin: 0;
    height: 56px !important;
}

.navigation-brand img {
    max-width: 90px;
}

.navigation-content {
    display: flex;
    place-content: space-between;
}

.navigation-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.25em;
}

.navigation-link a {
    color: var(--primary-text-color);
    font-weight: 600;
}

.navigation-link a:not(.btn):hover {
    color: var(--secondary-link-color);

}

/* Buttons */
.btn, button {
    line-height: 1;
    font-family: var(--primary-font);
}

.btn.btn--primary,
.btn--alt.btn--primary,
.btn--primary--manager--new,
.btn--primary--manager {
    font-family: var(--primary-font);
    font-size: 1rem;
    background-color: var(--btn-primary);
    border-color: var(--btn-primary) !important;
    border-radius: var(--border-radius-sm) !important;
    padding: 0 1.125rem;
    color: white;
    height: var(--btn-height);
    display: inline-flex;
    place-items: center;
    align-items: center;
    justify-content: center;
    /* width: fit-content; */
}

.btn.btn--link.catalog-active-filter__remove {
    font-size: var(--text-xxs);
    font-weight: 600;
    color: var(--primary-text-color);
}

.catalog-active-filter {
    background-color: var(--gray-100);
    border-radius: var(--border-radius-sm);
    padding: .25rem .5rem;
    font-weight: 400;
}

.catalog-active-filters {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    gap: 0.25em;
    flex-wrap: wrap;
}

.btn--alt.btn--secondary {
    min-height: var(--btn-height);
}

.btn-outline-primary:hover,
.btn--alt.btn--primary:hover ,
.btn--alt.btn--primary:hover,
.btn--primary--manager--new:hover,
.btn--primary--manager:hover {
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary) !important;
    color: white;
}

.btn--alt:hover {
    background-color: var(--accent-hover-color);
    border-color: var(--accent-hover-color);
}

a.btn.btn-outline-primary {
    font-family: var(--primary-font);
    font-size: 1rem;
    background-color: transparent;
    color: var(--btn-primary);
    border-color: var(--btn-primary);
    border-radius: var(--border-radius-sm) !important;
    padding: 0 1.125rem;
    margin-bottom: 0;
    border-width: 2px;
    display: flex;
    place-items: center;
}

a.btn.btn-outline-primary:hover {
    color: white;
    background-color: var(--btn-secondary);
    border-color: var(--secondary-link-color) !important;
}

/* .btn:not(.btn--bare),
.btn:not(.text-black) {
    color: white;
    font-weight: 600;
} */

.btn--bare {
    color: var(--gray400);
}

h1 {
    font-size: var(--text-2xl);
    line-height: 1.2;
    color: var(--primary-text-color) !important;
}

h2 {
    font-size: var(--text-base);
    line-height: 1.5;
    font-weight: 700;
    color: var(--primary-text-color);
}

.widget__title {
    color: var(--primary-text-color);
    margin-bottom: 1.5rem;
}

.modal-content {
    padding-bottom: 2em;
}

.modal-header {
    border-color: var(--Navy-000---EFF2F3);
}

.btn--primary.active, .btn--primary:active, .btn--primary:focus, .btn--primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: var(--secondary-link-color);
    border-color: var(--secondary-link-color);
}

.btn.btn--link {
    color: var(--primary-link-color);
    display: unset !important;
    min-height: auto !important;
}

.dashboard-header-dropdown .btn.btn--link {
    display: block !important;
}

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

.nav--top ul a, .nav--top ul button {
    text-transform: lowercase;
}

/* Form Overrides */
span.red-asterisk {
    color: var(--gray600);
}

.field__input-wrapper--select .red-asterisk {
    position: unset;
}

/* Register Form Overrides */
.panel--alt {
    border: none;
    padding: 0;
}

.register h4,
.redeem h4 {
    text-align: center;
    font-size: var(--text-base);
}

/* Redeem Overrides - Form */

.redeem-title h1 {
    font-size: var(--text-3xl);
    line-height: 1.1;
}

.redeem .field__input {
    /* border-radius: 4px 0 0 4px !important; */
    height: var(--btn-height) !important;
    font-weight: 400;
}

.terms__checkbox__wrapper label {
    display: flex;
    gap: 1em;
    transform: translateX(-1em);
    margin-bottom: 1em !important;
}

.terms__checkbox__wrapper label p span, .terms__checkbox__wrapper label p button, terms__checkbox__wrapper ul li, terms__checkbox__wrapper ol li {
    font-size: var(--text-xs);
}

.terms__checkbox__wrapper label p a {
    text-decoration: underline;
    font-weight: 600;
}

.terms__copy ol, .terms__copy p, .terms__copy table, .terms__copy ul {
    font-size: var(--text-xs) !important;
}

/* cookie styles */

.cookie-popover__inner > span {
    display: block;
    margin-bottom: 1rem;
}

.cookie-popover__inner a.btn.btn--bare {
    border: 1px solid var(--primary-link-color) !important;
    color: var(--primary-link-color);
    padding-left: 1rem !important;
    height: var(--btn-height);
    display: flex;
    align-items: center;
}

.cookie-popover__inner a.btn.btn--bare:hover {
    background-color: var(--primary-link-color) !important;
    color: white;
}

.cookie-popover__inner .btn {
    width: fit-content;
}

.redeem .widget__subtitle h5 {
    font-weight: 400;
    padding-bottom: 0;
}

.redeem .panel--alt {
    margin-bottom: 0;
}

button.btn.btn--primary.postfix {
    margin-top: 1.75rem;
    border-radius: 0 4px 4px 0 !important;
    margin-left: -2px;
}

/* .redeem .widget--redemption-form .row.collapse>.columns {
    padding-left: 1rem;
} */

/* .redeem .btn--floating-label {
    border-radius: 0 4px 4px 0 !important;
    margin-left: -2px;
} */


.redeem .field--active .field__label {
    opacity: 0;
}

.session .field__input-wrapper,
.register .field__input-wrapper {
    position: relative;
}

.session .field__label,
.register .field__label,
.dashboard-account .field__label,
.redeem .field__label {
    opacity: 1;
    position: unset;
    color: var(--gray600);
    padding-left: 0;
}

.session .field .field__input,
.register .field .field__input,
.field--show-floating-label .field__input,
.redeem .field .field__input {
    padding-block: .5rem !important;
}

.field__input-wrapper--select:before {
    top: 65%;
}

.field__input-wrapper--select:after {
    background: transparent;
    content: none;
}

/* Signin Page */
.session {
    background-color: var(--primary-bg-color);
    position: relative;
    z-index: 1;
}

.medium-push-3 {
    left: 0;
}

.session__container {
    border-radius: var(--border-radius-md);
    border: none;
    padding: 4rem;
    z-index: 1;
    margin-inline: auto;
    float: unset;
}

input.btn.btn--expand.btn--large.btn--primary.submit.btn--submit.btn--floating-label {
    transform: translate(-2px,28.5px);
    border-radius: 0 4px 4px 0 !important;
}

.session__forgot .btn.btn--link {
    float: right;
    transform: translateY(100%);
}

p.h5.pull-right.session__forgot {
    padding-block: 0;
}

p.h5.pull-right.session__forgot .btn.btn--link {
    transform: translateY(0);
    text-decoration: underline;
}

p.h5.pull-right.session__forgot .btn.btn--link:hover {
    color: var(--secondary-link-color);
}

.widget--registration-form {
    position: relative;
}

.widget--registration-form h2 {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--primary-text-color);
}

#learner h2.widget__title {
    font-size: clamp(var(--text-2xl), 4vw, var(--text-3xl));
    margin-bottom: var(--padding-sm);
}

#learner h3 {
    font-size: var(--text-sm);
    margin-top: .5rem;
}

.widget--registration-form .text-centered strong span {
    font-size: var(--text-base) !important;
    margin-bottom: var(--padding-xs);
    display: inline-block;
}

.widget--registration-form .text-centered :not(.btn--primary) span {
    margin-bottom: var(--padding-base);
    display: inline-block;
    text-decoration: inherit;
}

.widget--registration-form .text-centered :not(.btn--primary) span {
    font-size: var(--text-sm);
}

.widget--registration-form .text-centered :not(.btn--primary) strong span {
    font-size: var(--text-base) !important;
}

.widget--registration-form .text-centered :not(.btn--primary) a span {
    text-decoration: underline;
}

.session::before,
.register .widget--registration-form::before {
    content: "";
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    width: 78px;
    height: 78px;
    left: 0;
    top: 10%;
    background-image: url('https://www.getdbt.com/ui/img/svg/shape-orange-100.svg');
}

.session::after,
.register .widget--registration-form::after {
    content: "";
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    background-image: url(https://www.getdbt.com/ui/img/svg/two-shape-teal.svg);
    width: 215px;
    height: 270px;
    right: 0;
    bottom: 2%;
}

.register .btn.btn--primary {
    height: 56px;
}

.session .company__beta-logo img {
    max-width: 7.875rem;
    margin-bottom: 1rem;
}

.session__container h1 {
    font-size: var(--text-2xl);
    line-height: 1.1;
    font-weight: 700;
    padding: 1.25rem 0;
}

.session__form p,
.session__form .text-xs {
    text-align: center;
}

.session__form p {
    font-size: var(--text-base);
    margin-bottom: 1.5rem;
}

.session__form p.h5 {
    font-size: var(--text-sm);
}

.session__form .text-xs {
    font-size: var(--text-xs);
}

/* .session__form > p,
.session__forgot .btn--link {
	font-size: var(--text-base);
    font-weight: 600;
    max-width: 83%;
    margin: auto auto 1.25rem;
} */

/* .session__forgot .btn--link {
    color: var(--primary-text-color);
    text-decoration: underline;
} */

.session__form .text-xs,
.widget__subtitle h5 {
    font-size: var(--text-sm);
    line-height: 1.5;
    padding-bottom: 1.25rem;
}

.widget__subtitle {
    margin-bottom: 0;
}

.field input {
    border: 2px solid var(--gray200) !important;
    border-radius: var(--border-radius-sm) !important;
    font-weight: 600;
    margin-bottom: 1.5rem;
    /* height: var(--padding-2xl) !important; */
}

p.h5.session__forgot {
    line-height: 1;
    display: flex;
    gap: .25em;
    padding-block: 1rem;
    float: unset;
    font-size: var(--text-xs);
    font-weight: 600;
    place-content: center;
}

p.session__forgot a.btn.btn--link {
    font-weight: 600;
}

.session input.btn.btn--large.btn--primary.btn--right.click--disable {
    float: left;
    height: 56px;
    margin-right: 1em;
}

/* Reset Password */
input.btn.btn--huge.btn--right.btn--primary.btn--no-margin.submit {
    float: none;
    margin-inline: auto;
    display: block;
}

input[type='submit'][value='Reset Password'] {
  float: left;
}

.terms__checkbox__wrapper p,
.terms__checkbox__wrapper .btn.btn--link {
    font-size: var(--text-xxs);
    color: var(--primary-text-color);
    margin-bottom: 1rem;
}

input#test-payment-terms {
    width: 20px;
    height: 20px;
}

input#test-payment-terms:focus-visible {
    outline-color: var(--gray200);
}

.alert-box.alert,
.alert-box.secondary {
    color: var(--red-600---DC2626);
    background-color: transparent;
    font-size: var(--text-xxs);
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    width: fit-content;
    display: block;
    padding-left: 28px;
    margin-inline: auto;
}

.alert-box.alert a {
    color: var(--primary-link-color);
}

.alert-box.alert a:hover {
    color: var(--secondary-link-color);
}

.alert-box.alert::before,
.alert-box.secondary::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 1em;
    background-image: url(https://public.cdn.getdbt.com/images/training/error-circle.svg);
    position: absolute;
    left: 0;
    transform: translateY(-2px);
}

/* Redeem Page */
.already-member {
    font-size: var(--text-base);
    line-height: 1.3;
}

.already-member .btn.btn--link {
    font-size: var(--text-base);
    line-height: 1.3;
    text-decoration: underline;
    color: var(--primary-text-color);
}

.widget--redemption-form {
    margin-bottom: var(--padding-2xl);
}

/* Category Page */

/* Dashboard */
.course-actions-dropdown>li a, .course-actions-dropdown>li button, .dashboard-header-dropdown>li a, .dashboard-header-dropdown>li button {
    font-size: var(--text-xs);
}

.learn.dashboard .widget, .learn.transcript .widget {
    padding-block: 0;
}

.dashboard-stats {
    gap: 1em;
}

.dashboard-stats>li {
    padding: 0;
}

.dashboard-stats__container, .dashboard-access {
    max-width: 1420px;
    padding-inline: 1em;
    margin-inline: auto;
    display: block;
}

.widget--dashboard-stats, .widget--dashboard-access {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.dashboard-stats__container {
    box-shadow: none;
    margin-block: 1em;
}

.widget--dashboard-stats,
.widget--dashboard-access {
background: var(--Navy-000---EFF2F3);
}

.widget--dashboard-access {
    padding-bottom: 0 !important;
}

.dashboard-access-tabs li {
    padding: 1em;
}

.dashboard .widget--catalog li {
    margin-bottom: 1rem;
}

.dashboard-stat {
    border-radius: var(--border-radius-md);
    background-color: white;
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
}

.dashboard-stat__icon {
    transform: translateY(-2px);
}

.dashboard-stat__label {
    font-size: var(--text-sm);
    text-transform: none;
    color: var(--primary-link-color);
    font-weight: 600;
}

.dashboard-access-tab {
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

.dashboard-access-tab--active {
    border: none;
}

.dashboard-access-tab__label {
    color: var(--primary-text-color);
    font-weight: 600;
}

.dashboard-stat__value {
    font-size: clamp(var(--text-xl), 4vw, var(--text-2xl));
    font-weight: 700;
    color: var(--primary-text-color) !important;
}

.dashboard-access {
    border: none;
}

.dashboard-access-tabs {
    border: none;
    background: transparent;
}

.widget--catalog {
    margin-block: var(--padding-base);
}

.catalog-filters {
    border: none;
    font-weight: 300;
    height: 3rem;
    background-color: transparent;
}

.catalog-search__button {
    font-size: var(--text-base);
    position: absolute;
    left: 0;
    padding: 0;
    background: transparent;
    height: var(--btn-height);
    width: 30px;
}

.catalog-search__button:hover {
    background-color: transparent;
}

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

.catalog-filters__search {
    padding-inline: 0;
    background-color: transparent;
}

.catalog-filters__search .catalog-search input {
    height: var(--btn-height);
    max-width: 97%;
}

.catalog-search input::placeholder {
    font-style: normal;
    font-family: var(--primary-font);
}

.catalog-display-type button i:hover {
    color: white;
}

.catalog-list-item__title {
    font-size: var(--text-base);
}

.catalog-list-item__info,
.catalog-list-item__description {
    font-size: var(--text-sm);
}

.catalog-list-item__description {
    color: var(--primary-text-color);
}

.catalog-list-item__info strong {
    font-weight: 400;
    text-transform: none;
    color: var(--primary-link-color);
}

.catalog span.btn.btn--link.btn--right.btn--primary::after,
.catalog-grid-item__cta-container .btn.btn--link::after {
    content: "";
    background-image: url(https://public.cdn.getdbt.com/images/training/arrow-right.svg);
    z-index: 0;
    width: 15px;
    height: 20px;
    position: absolute;
    margin-left: 0.25rem;
    transform: translateY(-2px);
    background-repeat: no-repeat;
}

.home__content .top-bar.expanded {
    border-bottom: none;
}

.application .navigation-bar .top-bar-section ul.left {
    border: none;
    display: flex;
    justify-content: center;
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: white;
}

.application .navigation-bar .top-bar-section ul.left a {
    padding: .8rem 1.125rem;
    background-color: var(--primary-link-color);
    color: white;
    text-transform: none;
    border-radius: var(--border-radius-sm);
}

.application .navigation-bar .top-bar-section ul.left a:hover {
    background-color: var(--secondary-link-color) !important;
    color: white !important;
}

/* Survey */
.survey .application__content {
    padding: 1em;
    margin-inline: auto;
    max-width: 1440px;
    left: 0;
}

.survey .header .company-logo__container {
    margin-bottom: 2em;
}

.survey .header__title {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 3em;
}

.survey p {
    font-size: var(--text-xs);
    color: var(--primary-text-color);
}

.survey h1 {
    font-size: var(--text-base);
    margin-bottom: 1rem;
    font-weight: 700;
}

.items__list li {
    border-color: var(--gray200);
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    border-width: 2px;
    border-color: var(--gray200);
}

.button-group .btn {
    margin-bottom: 0;
    height: var(--btn-height);
    display: flex;
    place-items: center;
    font-weight: 600;
}

.button-group .btn:hover {
    color: white;
}

input,
select {
    border: 2px solid var(--gray200) !important;
    border-radius: var(--border-radius-sm) !important;
    background-color: white;
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--gray600);
}

select.select--small {
    height: 40px;
}

.catalog-search__button i {
    color: var(--primary-text-color);
    vertical-align: middle;
}

.icon-search:before {
    color: var(--gray600);
}

.catalog-filters__selections {
    border-left: none;
    background-color: white;
}

.catalog-filters__select {
    height: var(--btn-height);
}

.catalog-aggregation {
    border-top: none;
    border-bottom: 1px solid var(--primary-text-color);
    min-height: 50px;
    padding: 1rem .5em .75rem;
}

.catalog-aggregation--expanded {
    background: transparent;
    margin-bottom: 0;
}

.catalog-aggregation:last-of-type {
    margin-bottom: 3em;
}

.catalog-aggregation__header--label {
    padding-left: 0;
}

.catalog-aggregation__header--label:active, .catalog-aggregation__header--label:hover {
    color: var(--secondary-link-color);
    text-transform: none;
}

.catalog-aggregation .column {
    float: left !important;
}

.catalog-aggregation .btn.btn--link,
.btn.catalog-aggregation__value {
    color: var(--primary-text-color);
    font-size: var(--text-sm);
    padding-left: 0;
    margin-left: 0;
    border: 0;
}

.btn.catalog-aggregation__value:hover {
    border: 0 !important;
    color: var(--secondary-link-color);
}

.catalog-aggregation__header {
    position: relative;
}

.catalog-aggregation__header .small-1 {
    position: absolute;
    right: 0;
}

.catalog-aggregation__expander i {
    color: var(--primary-text-color);
    font-size: 1rem;;
}

.learning-path .course__detail__content {
    color: var(--primary-text-color);
    background-color: var(--Navy-000---EFF2F3);
}

.enroll__title,
.course__includes__title,
.course__related__title,
.section-title,
.company__school-name,
.archived-content,
.learner__sidebar__search-autocomplete__label,
.section__header .section__title,
.course__detail__social p {
    text-transform: none;
    color: var(--primary-text-color);
}

.enroll__title {
    font-size: var(--text-base);
    text-align: center;
}

.directional__nav__button {
    background-color: transparent;
    color: var(--primary-text-color);
}

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

.tabs {
    border-bottom: 0;
}

.tabs .tab-title>a, .tabs dd>a {
    font-family: var(--primary-font);
}

.catalog-filters__sort {
    border-left: none;
    padding-left: 0;
}

[class*=block-grid-]>li {
    padding-inline: .825rem;
    margin-bottom: 1rem;
}

.btn:focus:not(.tw-override), button:focus:not(.tw-override) {
    -webkit-box-shadow: 0 0 5px #4d90fe;
    box-shadow: none;
    outline: 1px solid transparent;
}

.catalog-display-type button {
    border: 2px solid var(--gray200);
    border-radius: var(--border-radius-sm);
    background-color: white;
    height: var(--btn-height);
    color: var(--primary-text-color);
}

.catalog-grid-item {
    border: none;
}

.catalog-grid-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--orange);
    transition: width 0.3s ease;
}

.catalog-grid-item:hover::after {
    width: 100%;
}

.catalog-grid-item__body {
    padding: 2rem 0;
    position: relative;
}

/* Lesson Page */
.header--student .header__left__copy {
    height: auto;
}

.header--student .header__left__icon {
    border-radius: var(--border-radius-md);
}

.section-progress-bar span {
    height: 10px;
    border-radius: 24px;
    background: linear-gradient(90deg, #047377 0%, #1FA4A3 100%);
}
.section-progress-bar div {
    height: 10px;
    border-radius: 24px;
    background: var(--Navy-000---EFF2F3);
}

.learner-section__title__container h3 {
    font-size: var(--text-2xl);
    color: var(--primary-text-color);
}

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

.expandable-sidebar__toggle,
.logged-out .expandable-sidebar__toggle {
    background-color: transparent;
    color: var(--primary-text-color);
    font-weight: 600;
    font-size: var(--text-sm);
    line-height: 1.2;
    text-transform: none;
    padding: .75rem 0 1rem;
}

.tools__container .expandable-sidebar__toggle {
    padding: 0 0 1rem;
}

.resources__list {
    margin-top: 2em;
}

.learner__sidebar-inner-list li {
    padding-right: 1em;
}

.learner__sidebar__expandables .expandable-sidebar {
    padding-block: .5rem;
    border-bottom: 2px solid var(--primary-bg-color);
}

.learner__sidebar__search--active button {
    height: 35px;
}

.learner__sidebar__search--active button:hover {
    color: var(--gray200) !important;
    border-color: transparent !important;
}

.learner__sidebar__search-autocomplete__label {
    color: var(--primary-text-color);
    text-transform: none;
    font-size: var(--text-xs);
    font-weight: 700;
}

i.icon-navigateright {
    transform: translateY(10px);
}

.sidebar__resources>li {
    text-transform: none;
}

.course-progress__section {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.description {
    font-weight: 400;
    font-size: var(--text-sm);
    grid-column: 1 / span 2;
    grid-row: 2;
    text-align: center;
    margin-inline: auto;
}

.course-progress__section.expandable {
    position: relative;
}

.course-progress__section__expander {
    position: absolute;
    right: 62%;
    top: 20%;
}

.learner__sidebar-list>li:last-of-type {
    padding: 1em 0.75em;
}

.resources__category__label {
    font-size: var(--text-sm);
    font-weight: 700;
}

.expandable-sidebar__content {
    padding: 0;
}

.expandable-sidebar__buttons a {
    color: var(--link-color);
    text-transform: none;
    font-size: var(--text-xs);
    font-weight: 600;
}

.expandable-sidebar__buttons a:hover {
    color: var(--secondary-link-color);
}

.expandable-sidebar__toggle i.expandable-sidebar__icon--left,
.learner__sidebar-inner-list span.syllabus__section-title,
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {
    font-size: var(--text-sm);
    line-height: 1.2;
    text-transform: none;
}

.expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    font-size: 28px;
}

.course-progress {
    margin-top: var(--padding-base);
}

.course-progress__overall__bar {
    margin-top: var(--padding-xxs);
}

.resource__title {
    font-family: var(--primary-font);
}

/* .learner__sidebar-list>li:last-of-type {
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
} */

.learner__sidebar-list>li {
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
}

.avatar.avatar--completion-criteria {
    border-radius: var(--border-radius-md);
}

li.syllabus__topic--non-expandable {
    font-size: var(--text-sm);
    list-style-type: none;
}

li.syllabus__topic--non-expandable:before {
    content: none;
}

.learner__content .layout-panel {
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
    border: 1px solid var(--Navy-000---EFF2F3, #EFF2F3);
    border-radius: var(--border-radius-md);
}

.learner__container--toggled .learner__sidebar {
    margin-top: 2.5rem;
}

/* Application Page */

.section-container input {
    height: var(--btn-height);
}

.section-container .btn--primary--manager.btn--submit {
    margin-left: 1em;
}

.section-container, .section-container--head {
    box-shadow: none;
    border: 2px solid var(--gray200);
}

/* Override the js that adds a height to the box */
.catalog-grid-item__title,
.catalog-grid-item__description {
    height: auto !important;
}

.catalog-grid-item__asset-container img {
    border-radius: var(--border-radius-md);
    margin-bottom: 2em;
}

.catalog-grid-item__title {
    font-size: var(--text-base);
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 1rem;
}

.catalog-grid-item__title:hover {
    color: var(--secondary-link-color);
}

.catalog-grid-item__source {
    font-size: var(--text-xs);
    line-height: 1.5;
    font-weight: 400;
    margin: 0 0 1rem;
    position: absolute;
    top: 0;
}

.catalog-grid-item__source strong {
    font-size: var(--text-sm);
    font-weight: 400;
    color: var(--primary-link-color);
    text-transform: none;
}

.catalog-grid-item__description {
    font-size: var(--text-sm);
    line-height: 1.5;
    color: var(--primary-text-color);
    margin-bottom: 1.5rem;
    padding: 0;
}

.catalog-grid-item__hr {
    display: none;
}

.catalog-grid-item__cta-container {
    height: auto !important;
}

.catalog .btn.btn--link {
    float: left;
    display: unset;
}

.catalog-grid-item__cta-container .btn.btn--link {
    font-size: var(--text-xs);
    line-height: 1;
    font-weight: 600;
    float: left;
    height: auto;
}

/* Course Details */
.course__container .header .company__beta-logo .company-logo__container {
    margin-top: 0;
}

.header.header--student {
    display: flex;
    align-items: center;
}

.directional__nav .directional__nav__label {
    visibility: visible;
    font-weight: 600;
}

.course__detail__container {
    padding-block: 2em;
}

.course__detail__container p {
    color: var(--primary-text-color);
}

.course-purchase__mobile-button {
    position: relative;
}

.course__detail__content .section__list li .section__list__index {
    width: auto;
}

i.icon-circle {
    width: 20px;
    height: 20px;
    border: 2px solid var(--gray200);
}

.bookmark-dropdown__button i:hover {
    color: var(--secondary-link-color);
}

.lesson-progress-page.lesson-progress-page--current .icon-circle.icon-circle,
.icon-circle.icon-circle--full {
    border: 2px solid var(--gray200);
}

.icon-circle.icon-circle--full span,
.icon-circle.icon-circle--half span {
    background: var(--primary-link-color);
    border-radius: 2px;
    height: 16px;
    width: 16px;
}

.icon-circle.icon-circle--full span {
    background: var(--primary-link-color);
}

.icon-circle.icon-circle--half span {
    background-color: var(--orange);
}

.course-progress .stat,
.course-progress--course-percent-viewed .highlight,
.course-progress .highlight {
    color: var(--primary-text-color) !important;
    font-weight: 700;
    font-size: var(--text-lg);
}

.course-progress__topics-list {
    margin-top: 2em;
}

.course-progress__topics-list li .link, .course-progress__topics-list li .link a {
    color: var(--primary-text-color);
    text-align: left;
    font-size: var(--text-xs);
}

.course-progress__circle {
    border: 2px solid var(--gray200);
    border-radius: var(--border-radius-sm);
    height: 1rem;
    width: 1rem;
}

.learner__container__toggle i.icon-list {
    transform: rotate(-180deg) translate3d(5px, -2px, 0px);
}

.learner__container__toggle .icon-list:before {
    background-image: url(https://public.cdn.getdbt.com/images/training/arrow-right.svg);
    z-index: 0;
    width: 20px;
    height: 20px;
    margin-right: 0.25rem;
    color: transparent;
}

.icon-left {
    font-size: .65rem;
}

.icon-left:before {
    transform: translateY(-2px);
    display: inline-block;
}

.learner__container__toggle {
    margin-bottom: 1em;
}

.learner__container__toggle .btn.btn--primary {
    background-color: transparent;
    border: none;
    color: var(--primary-link-color);
}

.learner__sidebar__search button.btn.btn--expand.hide-sidebar.btn--primary {
    background-color: transparent;
    border: none;
    color: var(--primary-text-color);
}

.learner__sidebar__search button.btn.btn--expand.hide-sidebar.btn--primary span {
    display: none;
}

.learner__container__toggle.learner__container__toggle--small.text-right {
    float: left;
}

.resources__count {
    background-color: var(--primary-bg-color);
}

.editor-content a:not(.btn):focus, .editor-content a:not(.btn):hover {
    color: var(--secondary-link-color);
}

.editor-content a:not(.btn) {
    color: var(--primary-link-color);
}

.editor-content a:not(.btn):focus,.editor-content a:not(.btn):hover {
    color: var(--secondary-link-color);
}

.editor-content table thead td,.editor-content table thead th {
    background-color: var(--accent-color);
    border-color: var(--accent-hover-color);
    color: var(--accent-contrast-color);
    text-transform: none;
}



.topic__text__body {
    color: var(--primary-text-color);
}

#learner .learner-section__title__container h3 {
    font-size: var(--text-lg);
    max-width: 97%;
}

/* videos */
.topic__contained__container .topic__contained__wrapper {
    border-radius: var(--border-radius-md);
}

.topic__contained__content {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}

.topic__contained__sidebar {
        border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;

}

.learner__course-search-result__lesson-title,
.learner__course-search-result__body {
    color: var(--primary-link-color) !important;
    font-size: var(--text-xs); 
}

.learner__course-search-result__lesson-title:hover,
.learner__course-search-result__body:hover {
    color: var(--secondary-link-color) !important;
}

/* Learner Sidebar */
.learner__sidebar__search-icon {
    width: 2rem;
    height: 38px;
}

.learner__sidebar__search {
    margin-bottom: 1.5rem;
}

.learner__sidebar__search .small-8.columns {
    width: 90%;
}

.learner__sidebar__search .small-4.columns {
    width: 10%;
}

.learner__sidebar__search input {
    height: 40px !important;
    /* border-radius: 4px 0 0 4px !important; */
}

i.icon-search {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
}

.learner__container__toggle--small .btn {
    border-radius: 0 4px 4px 0 !important;
    transform: translateX(-1px);
}

.email-capture {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.new-form-label .form__input__container input:not(.tw-override), 
select:not(.url-manager .new-form-label .form__input__container) {
    margin-bottom: 1.5rem;
}

.tab-title a {
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

.tab-title span {
    /* color: white; */
    font-weight: 600;
    font-size: var(--text-xs);
}

.home.course-group .container {
    padding-top: 0;
}

.avatar.avatar--initials {
    background-color: var(--primary-link-color);
    color: white;
    border-radius: var(--border-radius-sm);
}

/* Support */
.widget--support {
    margin-bottom: 3em;
}

.faq__search-block span {
    font-size: var(--text-xxs);
}

/* Support */
.widget--support {
    margin-bottom: 3em;
}

.faq__search-block span {
    font-size: var(--text-xxs);
    color: var(--gray600);
    font-weight: 600;
}

.faq__search-block strong {
    margin-bottom: 0;
}

.faqs__container .faq__sections>li div {
    padding: 0;
}

.faqs__container .faq__sections ul li {
    font-size: var(--text-sm);
    line-height: 1.5;
    margin-bottom: var(--padding-base);
}

.faqs__container .faq__sections li strong {
    font-size: var(--text-sm);
    margin-bottom: 1rem;
    display: block;
}

.faq__content {
    background-color: white;
    float: none;
    margin-inline: auto;
}

.faq__sidebar {
    display: none;
}

.pagination__left strong span {
    font-weight: 400;
}

button.btn.faq__question {
    font-size: var(--text-sm);
    font-weight: 400;
    line-height: 1.5;
    color: var(--primary-text-color);
}

.faq__search-block .btn {
    padding: 0 1.125rem;
    border-radius: var(--border-radius-sm) !important;
    margin-left: 1em;
}

/* Learning Path */
.learning-path .course__detail__container {
    margin-bottom: 4rem;
}

.learning-path .course__detail__content {
    padding: var(--padding-base);
    border-radius: var(--border-radius-md);
    margin-bottom: 2em;
}

.course__detail__content {
    color: var(--primary-text-color);
}

.course__detail__content h1 {
    font-size: var(--text-lg);
}

.learning-path-detail-milestone-item__title {
    color: var(--primary-text-color);
    font-size: var(--text-base);
    margin-top: 2em;
}

.collection__courses .center-ruled-title, .collection__courses hr {
    display: none;
}

.collection__courses .learning-path-milestone__badge {
    position: absolute;
    top: -45px;
    right: 0px;
    background-color: var(--Active--900);
    font-weight: 600;
}

.learning-path .learning-path-milestone__badge--required,
.learning-path-milestone__badge {
    border-radius: var(--border-radius-sm);
    font-size: var(--text-xs);
    text-transform: none;
}

.learning-path .learning-path-detail-milestone-item__content-type {
    font-size: var(--text-sm);
}

.learning-path .learning-path-detail-milestone-item__description {
    font-size: var(--text-sm);
    color: var(--primary-text-color);
    padding: .75em .75em 1.25em 0;
}

.learning-path .learning-path-detail-milestone-list li,
.learning-path .course__detail__sidebar .widget {
    border-radius: var(--border-radius-md);
    padding: 1.5rem 2rem;
    background-color: white;
    margin-bottom: 1em;
    position: relative;
}

.learning-path .learning-path-detail-milestone-item .row:first-of-type {
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
    margin-bottom: 2rem;
}

.learning-path .learning-path-detail-milestone-item {
    background-color: white;
    margin-block: 1em;
    border-radius: var(--border-radius-md);
}

.learning-path .learning-path-detail-milestone-item__asset {
    margin-right: var(--padding-lg);
    border-radius: var(--border-radius-md);
    width: 90%;
    padding: 0;
    margin-bottom: var(--text-base);
}

.learning-path .learning-path-detail-milestone-item__cta {
    font-weight: 600;
    float: left;
    text-align: left;
}

.enroll__price {
    color: var(--gray600);
    font-size: var(--text-base);
    margin-bottom: var(--padding-base);
}

.enroll__buy {
    display: flex;
    flex-direction: column;
    place-items: center;
}

.enroll__buy .btn.btn--primary {
    height: 56px;
}

.course__detail__runs {
    text-align: center;
    font-size: var(--text-sm);
    color: var(--primary-text-color);
}

.enroll__secondary-actions {
    text-align: center;
}

.course__detail__runs {
    padding-bottom: var(--padding-base);
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
    margin-bottom: var(--padding-base);
}

.enroll__secondary-actions>.btn {
    float: unset;
}

.learning-path .course__detail__sidebar .widget {
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
    border: 1px solid var(--Navy-000---EFF2F3);
}

.course__includes hr {
    border-color: var(--Navy-000---EFF2F3);
    border-width: 1px;
    margin-block: var(--padding-base);
}

.course__includes__list i {
    margin-top: 0;
}

ul.course__includes__list li {
    font-size: var(--text-sm);
    line-height: 1.6;
    padding: 0;
    margin-bottom: var(--padding-base);
}

.course__includes__list li>span {
    padding-left: 3.5em;
}

span.h5.course__includes__title {
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: 1;
    padding: 0;
}

.course-group .layout__content--sidebar .widget .panel {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 0;
}

.course-group .layout__content--sidebar .widget {
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
    border: 1px solid var(--Navy-000---EFF2F3);
    border-radius: var(--border-radius-md);
    padding: var(--padding-base);
    margin-bottom: 1.5rem;
}

.course-group .course__detail__content {
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
    border: 1px solid var(--Navy-000---EFF2F3);
    border-radius: var(--border-radius-md);
    padding-block: var(--padding-base);
    margin-bottom: var(--padding-base);
}

.course-group .course__detail__asset img {
    width: 100%;
    margin-bottom: var(--padding-base);
}

.course-group .course__detail__header {
    margin-bottom: var(--padding-base);
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
    padding-inline: 0;
    margin-inline: 1rem;
}

.course-group .course__detail__container {
    margin-block: 3em;
}

.course-group .course__detail__container p {
    margin-block: 1rem 1.5rem;
}

.course-group .tabs .tab-title a {
    transform: translateY(2px);
    color: var(--primary-text-color);
    background-color: transparent;
    border: 2px solid transparent;
}

.course-group .tabs {
    border-bottom: 2px solid var(--Navy-000---EFF2F3) !important;
}

.course-group .tabs .tab-title.active>a, .course-group .tabs .tab-title>a.active {
    border: 2px solid var(--Navy-000---EFF2F3);
    border-bottom-color: white;
    border-radius: 4px 4px 0 0;
    background-color: transparent;
}

.widget--course-purchase .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    margin-inline: auto;
    height: 56px;
}

.tabs-content {
    border: none;
}

.share__container {
    border: none;
    margin: 0;
    padding: 0;
}

.share__container p.h6 {
    margin-top: 0;
}

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

p.h6.heading.heading--alt {
    color: var(--primary-text-color);
}

.course__detail__content .section__list li .section__list__index>span, .course__detail__content .section__list li .section__list__outline>span {
    font-size: var(--text-base);
}

.section__list__outline li {
    font-size: var(--text-sm);
}


/* Get Started Component */
.get-started {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: var(--primary-bg-color);
    color: white;
    padding-block: var(--padding-3xl) !important;
    padding-inline: var(--padding-sm);
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.get-started h2,
.get-started .widget__subtitle {
    color: white;
}

.get-started h2 {
    font-size: var(--text-2xl);
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.get-started p {
    margin-bottom: 2.5rem;
    max-width: 36rem;
    text-align: center;
    font-size: var(--text-sm);
    line-height: 1.6;
}

.cta-buttons {
    display: flex;
    gap: 3rem;
    align-items: center;
    font-weight: 600;
    color: white;
}

.get-started .btn.btn--primary,
.get-started .btn--alt.btn--primary {
    margin-bottom: 0;
    height: 56px;
    text-transform: none;
}

.get-started .btn.btn--link {
    color: white;
    margin: 0;
}

/* Footer */
footer {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: var(--Navy-900---1B1D27);
    color: white;
    padding-top: var(--padding-3xl) !important;
    /* padding-inline: var(--padding-sm); */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer__inner {
    border: none;
    padding: 0;
}

.footer .footer__company__info {
    display: none;
}

footer .container {
    background-color: transparent;
}

footer .columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; /* Adjust gap as needed */
    padding-bottom: var(--padding-3xl);
}

footer h3 {
    font-size: var(--text-sm);
    color: white;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

footer ul {
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: var(--padding-base);
    font-size: var(--text-sm);
    font-weight: 400;
}

footer .badge {
    color: var(--primary-text-color);
    font-size: var(--text-xxs);
    padding: 5px;
    margin-left: 5px;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    text-wrap: nowrap;
}

.socials {
    margin-bottom: var(--padding-xl);
    display: flex;
    gap: 0.5rem;
}

footer .icon--round {
    color: var(--primary-text-color);
    background-color: white;
}

.newsletter p {
    font-size: var(--text-sm);
    margin-bottom: var(--padding-base);
}

footer ul.compliance {
    flex-direction: row;
    padding-block: 1em;
    font-size: var(--text-xxs);
    font-weight: 400;
    padding-inline: 1rem;
    flex-wrap: wrap;
}

.compliance li:nth-child(2) {
    margin-left: auto;
}

footer a {
    color: white;
}

.footer {
    padding: 0;
}

footer ul.categories {
    margin-bottom: 4rem;
}

footer .categories li {
    font-size: var(--text-xs);
}

nav.footer-nav .d-grid-desktop {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

.share__container .btn:hover {
    background-color: transparent;
    /* color: white; */
}

footer .btn {
    height: 56px !important;
}

.btn:hover {
    background-color: var(--secondary-link-color);
    /* color: white; */
    border-color: var(--secondary-link-color) !important;
}

.btn--twitter>svg>g {
    fill: #969797;
}

/* Homepage */
.widget__title-cta {
    border: 1px solid var(--gray200);
    border-radius: var(--border-radius-sm);
    color: var(--primary-text-color);
    font-size: var(--text-xs);
    padding: 0 1rem;
    top: 0;
    height: var(--btn-height);
    display: flex;
    place-items: center;
}

/* CMS Styles */

/* Catalog */
manager select, .manager textarea {
    border: 1px solid var(--gray200) !important;
    box-shadow: none !important;
    height: var(--btn-height) !important;
}

.manager .btn--alert:not(.btn--checkbox),
.manager .btn--success-new:not(.btn--checkbox),
.manager .btn--secondary-new:not(.btn--checkbox) {
    color: white !important;
    background-color: var(--primary-link-color);
}

.manager .btn--alert:not(.btn--checkbox):hover,
.manager .btn--success-new:not(.btn--checkbox):hover,
.manager .btn--secondary-new:not(.btn--checkbox):hover {
    background-color: var(--secondary-link-color);
    color: white !important;
}

.manager .btn--primary--manager:not(.btn--bare):not(.btn--link) {
    color: white !important;
    background-color: var(--primary-link-color) !important;
}

.manager .btn--primary--manager:not(.btn--bare):not(.btn--link):hover {
    background-color: var(--secondary-link-color) !important;
    color: white !important;
}

/* Account */

.dashboard-account-tab--inactive {
    background-color: transparent;
}

.dashboard-account-tab--active {
    background-color: var(--primary-link-color);
}

.dashboard-account-tab--active:hover,
.dashboard-account-tab--inactive:hover {
    background-color: var(--secondary-link-color);
}

.dashboard-account-tab--inactive .dashboard-account-tab__label {
    color: var(--primary-text-color);
}

.dashboard-account-tab--active .dashboard-account-tab__label,
.dashboard-account-tab--inactive:hover .dashboard-account-tab__label {
    color: white;
}

.dashboard-account-tab {
    font-size: var(--text-sm);
}

.account .section-container {
    border-radius: var(--border-radius-md);
    border: 1px solid var(--Navy-000---EFF2F3, #EFF2F3);
    background: var(--Neutrals-000---FFFFFF, #FFF);
    padding: 1.5rem 3rem 2rem;

    /* Shadow - Card */
    box-shadow: 0px 10px 16px 0px rgba(38, 42, 56, 0.05);
}

.account .section-container .columns {
    padding-inline: 0;
}

.account .section__header {
    background-color: transparent;
    padding-inline: 0;
    padding-bottom: 1rem;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid var(--Navy-000---EFF2F3);
    box-shadow: none;
    margin-bottom: 1rem;
}

.account .section__header .section__title {
    font-size: var(--text-base);
    text-transform: none;
}

.account .section-container form p span {
    font-size: var(--text-sm);
    font-weight: 700;
    margin-bottom: .5rem;
}

.account .section__body {
    padding-inline: 0;
}

.account:not(.manager) .section-container form div > span {
    font-size: var(--text-xs);  
    margin-block: 1rem 1.5rem;
    display: block;
}

.account a.btn.btn--primary {
    width: fit-content;
    height: 56px;
}

.account .btn--primary--manager--new {
    float: left;
}

.account p.h4 {
    margin-bottom: 1.5rem;
}

.account .section-container .columns.panel {
    padding-inline: 1.5rem;
}

.account h6 {
    font-size: var(--text-sm);
    line-height: 1.5;
}

.account .btn .icon-search:before {
    color: white;
}

.search-bar-widget button,
.archive-list .expandable-table__head button,
.archived-content,
.courses-container--new .expandable-table__head {
    text-transform: none;
}

.account .search-bar-widget i.icon-search {
    margin-top: 1rem;
}

.account .courses-container--new .expandable-table__head {
    background-color: var(--gray200);
}

.account .search-bar-widget input {
    font-family: var(--primary-font);
    font-size: var(--text-xs);
}

.manager .btn.topic__delete {
    color: #969797;
    border: 1px solid #969797 !important;
}

.manager .btn.topic__delete:hover {
    color: #ce3532 !important;
    border-color: #ce3532 !important;
}

.manager .button-group .btn {
    display: inline-flex;
}

.manager .redactor-box, .manager .redactor-box.redactor-styles-on {
    margin-bottom: 1.5rem;
}