:root {
        --font: 'Source Sans Pro', sans-serif;
        --alt-font: 'Source Sans Pro', sans-serif;
        --accent-color: #c4161c;
        --secondary-color: #333333;
        --link-color: #c4161c;
        --accent-highlight-color: #7f0e12;
        --accent-highlight-background-color: #fbdedf;
        --accent-tinted-color-70: #edb9bb;
        --accent-tinted-color-80: #f3d0d2;
        --accent-tinted-color-90: #f9e8e8;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #e7262d;
        --secondary-hover-color: #4d4d4d;
        --secondary-contrast-color: #fff;
        --link-hover-color: #ec5459;
      }
      

.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/dad2a5f8-a12f-4404-b7f3-869370cff93d/9kk3zktvnhfq-SP_LG_SkillPath_RGB_Color_Horiz.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:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

:root {
    --accent-hover-color: var(--accent-color);
    --link-hover-color: var(--accent-color);
}

/* ---- STRUCTURE --------------------------------------------------------------------------------------------------------- */

body,
.article .container {
    background-color: #f5f7f9;
}

html,
body,
#learner,
#lms,
.application {
    height: 100%;
    font-family: var(--font) !important;
}

.btn,
button,
a {
    font-family: var(--font) !important;
}

.application > .container,
body > .container {
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 100%;
}

header {
    flex: 0 1 auto;
    width: 100%;
    align-self: flex-start;
}

footer {
    flex: 0 1 auto;
}

.home__content {
    flex: 1 1 auto;
}

.home.page .home__content,
.home.catalog .home__content {
    padding: 0;
}

.container-width,
.course__detail__container,
.widget--dashboard-stats,
.widget--transcript,
.contain-ember-width row .small-12 > .ember-view,
.application__content--survey > .row:not(:first-of-type) {
    padding-right: 0;
    padding-left: 0;
}

.header--dashboard ~ .header--subtitle,
.dashboard-account,
.public-certificate .home__content,
.widget--registration-form,
.widget--badges,
.widget--discussion-board {
    margin: 1.5rem auto;
}

@media (max-width:1440px) {
    .nav--global-links,
    .widget--catalog {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}

@media (max-width:1024px) {
    .container-width,
    .course__detail__container,
    .widget--dashboard-stats,
    .layout-panel--article,
    .widget--support > div,
    .header--dashboard ~ .header--subtitle,
    .dashboard-account,
    .public-certificate .home__content,
    .widget--registration-form,
    .widget--badges,
    .widget--discussion-board,
    .widget--transcript,
    .application__content--survey > .row:not(:first-of-type) {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .company__school-name {
        border: none;
        display: inherit;
        text-align: left;
        line-height: 1.2;
    }
}

@media (min-width:1440px) {
    .container-width,
    .course__detail__container,
    .widget--dashboard-stats,
    .layout-panel--article,
    .widget--support > div,
    .header--dashboard ~ .header--subtitle,
    .dashboard-account,
    .public-certificate .home__content,
    .nav--global-links,
    .widget--registration-form,
    .widget--badges,
    .widget--discussion-board,
    .widget--transcript,
    .contain-ember-width .row .small-12 > .ember-view,
    .application__content--survey > .row:not(:first-of-type) {
        max-width: 1440px !important;
    }

    .page .widget--one-column {
        padding: 0;
    }
}

@media (min-width:1920px) {
    .container-width,
    .course__detail__container,
    .widget--dashboard-stats,
    .layout-panel--article,
    .widget--support > div,
    .header--dashboard ~ .header--subtitle,
    .dashboard-account,
    .public-certificate .home__content,
    .nav--global-links,
    .widget--registration-form,
    .widget--badges,
    .widget--discussion-board,
    .widget--transcript,
    .contain-ember-width .row .small-12 > .ember-view,
    .application__content--survey > .row:not(:first-of-type) {
        max-width: 1720px !important;
    }
}

@media (min-width:2560px) {
    .container-width,
    .course__detail__container,
    .widget--dashboard-stats,
    .layout-panel--article,
    .widget--support > div,
    .header--dashboard ~ .header--subtitle,
    .dashboard-account,
    .public-certificate .home__content,
    .nav--global-links,
    .widget--registration-form,
    .widget--badges,
    .widget--discussion-board,
    .widget--transcript,
    .contain-ember-width .row .small-12 > .ember-view,
    .application__content--survey > .row:not(:first-of-type) {
        max-width: 2360px !important;
    }
}

@media print {
    .application > .container,
    body > .container {
        height: auto;
    }
}


/* ---- CUSTOM UTILITY --------------------------------------------------------------------------------------------------------- */

.d-none {
    display: none;
}

.w-100 {
    width: 100%;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

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

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

@media only screen and (min-width: 1440px) {
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* ---- MISC GLOBAL --------------------------------------------------------------------------------------------------------- */

.avatar {
    background: #e9eef2;
    color: #333;
}

a:focus,
a:hover {
    color: var(--link-color);
    box-shadow: none;
    outline: none;
}

p {
    font-size: 16px;
}

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

.title-centered,
.widget--featured-content .widget__title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #656565;
    display: block;
    text-align: center;
}

.title-centered::after,
.widget--featured-content .widget__title::after {
    position: relative;
    content: '';
    height: 5px;
    width: 50px;
    background-color: var(--accent-color);
    display: block;
    margin: 1rem auto 3rem auto;
}

.widget__title {
    color: #656565;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: left;
}

.header--dashboard ~ div .widget--recommended-content h2.widget__title,
.header--dashboard ~ div .widget--featured-content h2.widget__title,
.widget--discussion-board h2.widget__title,
h2.underline-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #656565;
    display: block;
    text-align: left;
    margin-top: 0;
}

.header--dashboard ~ div .widget--recommended-content h2.widget__title::after,
.header--dashboard ~ div .widget--featured-content h2.widget__title::after,
.widget--discussion-board h2.widget__title::after,
h2.underline-title::after {
    position: relative;
    content: '';
    height: 5px;
    width: 50px;
    background-color: var(--accent-color);
    display: block;
    margin: 1rem 0 2rem 0;
}

.leadin-heading h2 {
    font-size: 1.75rem;
    margin-bottom: 2rem;
}

.widget--recommended-content .widget__subtitle {
    margin-bottom: 1rem;
    text-align: left;
}

.widget--recommended-content .widget__cta {
    padding-top: 0;
}

.widget--recommended-content .btn--primary,
.quiz__container--assessment ~ div .btn--primary {
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
}

.widget--recommended-content .btn--alt {
    background-color: #fff;
}

.editor-content ol,
.editor-content ul {
    padding-left: .5rem;
}

.btn--link:hover {
    color: #333;
}

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

.bg-light {
    background-color: #f5f7f9;
}

.angle-bottom {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}

.icon svg path {
    fill: var(--accent-color);
}

.widget--registration-form {
    margin-top: 2rem;
}

.widget--registration-form .btn {
    border-radius: 30px;
}

.widget--registration-form a,
.widget--redemption-form .btn--link {
    color: var(--link-color);
}

.session {
    background: #f5f7f9;
    padding: 3rem 1rem;
}

.session__container {
    border: none;
    padding: 2rem;
    border-radius: 10px;
}

.session__container .company__beta-logo {
    margin-bottom: 2rem;
}

.session__container .company__beta-logo img {
    max-width: 250px;
}

.alert-box {
    border-radius: 5px;
}

.alert-box.alert {
    background-color: #c4161c;
    border-color: #c4161c;
}

.alert-box.secondary {
    background-color: #e9eef2;
    border-color: #e9eef2;
}

.not-found__container .company__logo,
.not-found__container img {
    margin: 0 auto;
    width: 250px !important;
}

.btn--primary,
.btn--primary:hover,
.btn--primary:focus {
    color: var(--accent-contrast-color);
}

.not-found__container .btn--alt.btn--primary,
.not-found__container .btn--alt.btn--primary:hover,
.not-found__container .btn--alt.btn--primary:focus {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-contrast-color);
    border-radius: 30px;
    margin-top: 1rem;
    border: none;
    box-shadow: none;
    outline: none;

}

.faq__sidebar {
    display: none;
}

.faq__content {
    width: 100%;
}

.accreditation-block {
    padding-bottom: 1.5rem;
    padding-top: .5rem;
    margin-bottom: 1rem;
}

.accreditation-block p {
    margin-bottom: 0;
}

.accreditation-block:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}

.certificate__label {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 200;
}

.certificate__label--courseLabel {
    max-width: 56%;
    white-space: normal;
}

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

ul.checkmark {
    margin-left: .5rem;
    padding-left: .5rem;
}

ul.checkmark li {
    font-size: 1rem;
    margin-bottom: 1em;
    list-style-type: none;
    padding: .25em 0 0 2.5em;
    position: relative;
}

ul.checkmark li:before {
    content: " ";
    display: block;
    border: solid .8em var(--accent-color);
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: .25em;
    top: 40%;
    margin-top: -.5em;
}

ul.checkmark li:after {
    content: " ";
    display: block;
    width: .4em;
    height: .8em;
    border: solid var(--accent-contrast-color);
    border-width: 0 .2em .2em 0;
    position: absolute;
    left: .85em;
    top: 40%;
    margin-top: -.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ol.circle-ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
    margin-left: 0;
}

ol.circle-ol > li {
    margin: 0 0 20px 0;
    counter-increment: my-awesome-counter;
    position: relative;
}

ol.circle-ol > li::before {
    content: counter(my-awesome-counter);
    position: absolute;
    left: -42px;
    width: 32px;
    height: 32px;
    top: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.content-side-image {
    width: 100%;
    background-size: cover;
    background-position: center;
}

table.zebra tr:nth-of-type(2n) {
    background: #f5f7f9;
}

table.zebra td:nth-of-type(2n) {
    background: rgba(245, 247, 249, .5);
}

.featured-content-article-item {
    padding: 0;
    border-radius: 5px;
    height: 100%;
}

.featured-content-block-grid .catalog-item {
    height: 100%;
}

.featured-content-article-item img,
.featured-content-multi-carousel-item img {
    border-radius: 5px 5px 0 0;
}

.featured-content-article-item__body {
    padding: .5em 1.5em;
}

.featured-content-article-item__title {
    font-size: 1.25em !important;
    line-height: 1.25em !important;
    color: #656565;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

.featured-content-article-item__description {
    font-size: 16px;
    margin-top: .75em;
}

.featured-content-article-item__description::before {
    display: none;
}

.featured-content-article .featured-content-block-grid > li {
    padding: 0 1rem 1.25rem;
}

.view-more-link * {
    padding-top: 0;
    margin-top: 0;
}

.featured-content-multi-carousel-item img {
    padding: 0;
}

.featured-content-multi-carousel-item {
    background: #fff;
    border: 1px solid #dfe0e3;
    height: 100%;
    border-radius: 5px;
}

.contain-ember-width .row .small-12 > .ember-view {
    margin-right: auto;
    margin-left: auto;
}

a.link-tile-container {
    position: relative;
    width: 100%;
    display: block;
}

a.link-tile-container:hover .link-tile-overlay {
    background: var(--accent-color);
}

a.link-tile-container:hover .link-tile-overlay span {
    color: var(--accent-contrast-color);
}

.link-tile-img {
    width: 100%;
    display: block;
}

.link-tile-overlay {
    position: absolute;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    /* Black see-through */
    color: #fff;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    text-align: center;
}

.link-tile-overlay span {
    position: absolute;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    padding: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    max-height: 100%;
}

.application__content--survey .header--dashboard .header__inner > a {
    position: relative;
}

.application__content--survey .header__title {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.application__content--survey input[type="text"] {
    width: 100%;
}

.application__content--survey .medium-1 {
    width: 8.3333333333%;
    padding-left: 0;
    padding-right: .5rem;
}

.application__content--survey .medium-11 {
    width: 91.6666666667%;
}

.application__content--survey .header--dashboard .header__inner {
    flex-direction: row;
}

.application__content--survey .btn--primary {
    border-radius: 30px;
}

.cookie-popover {
    background: rgba(0, 0, 0, .85);
    box-shadow: none;
    font-size: .9rem;
    color: #fff;
    padding: 1.5em 1em 1em;
    border-top: 5px solid #c4161c;
}

.cookie-popover .cookie-popover__inner .text-right {
    display: flex;
    justify-content: end;
    padding-top: 10px;
}

.cookie-popover .btn--bare {
    color: #fff;
    float: right !important;
}

.cookie-popover .btn--bare:hover {
    color: #fff;
    text-decoration: underline;
}

.cookie-popover .btn--primary--manager--new {
    background-color: #c4161c;
    border-radius: 30px;
}

.cookie-popover .btn--primary--manager--new:hover {
    background-color: #931015;
}

.featured-content-multi-carousel .featured-content-block-grid > li {
    flex: 0 0 16.1%;
}

@media only screen and (min-width: 768px) {

    .featured-tiles,
    .featured-content-block-grid {
        display: flex;
    }

    .featured-tiles .columns,
    .widget--catalog .featured-content-block-grid li {
        flex: 1 0 41%;
    }

    .featured-content-multi-carousel:not(.featured-content-multi-carousel--badges) .featured-content-block-grid li {
        flex: 1 0 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .content-side-image {
        height: 100%;
        -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .display-large-flex {
        display: flex;
    }

    .featured-tiles .columns,
    .widget--catalog .featured-content-block-grid li {
        flex: 1 0 21%;
    }

    .featured-content-multi-carousel:not(.featured-content-multi-carousel--badges) .featured-content-block-grid li {
        flex: 0 0 25%;
    }
}

@media only screen and (min-width: 1440px) {
    .widget--featured-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 1024px) {
    .angle-bottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    }

    .content-side-image {
        height: 200px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:768px) {
    .widget--registration-form > div > .row > .columns > div > .row > .small-offset-3 {
        margin-left: 0 !important;
    }

    .widget--registration-form > div > .row > .columns > div > .row > .small-6 {
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

/* ---- HEADER ---------------------------------------------------------------------------------------------------------------------- */

.home .header,
.header--dashboard,
.header--article {
    top: 0;
    z-index: 10;
    background: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}

.header .company__beta-logo {
    max-height: none;
}

.header .company__beta-logo .company-logo__container img {
    max-height: 30px !important;
    max-width: 300px !important;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0 !important;
}

.course__container .header .company__beta-logo .company-logo__container img {
    margin: 10px 10px 0 10px !important;
}

.dashboard-header__avatar {
    margin-bottom: 5px;
}

.header--dashboard .company__beta-logo .company-logo__container img {
    max-height: 36px !important;
    max-width: 300px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav.nav--top > ul > li > a,
.nav.nav--top > ul > li > a:focus,
.nav.nav--top > ul > li > button,
.nav.nav--top > ul > li > button:focus {
    display: inline-block;
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: var(--accent-contrast-color) !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0.04em;
    padding: 12px 15px;
    margin: 5px 5px 0 5px;
}

.nav--global-links {
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

.nav--global-links > a {
    padding-left: 0;
    padding-right: 2em;
}

.global-nav__container {
    max-width: 100% !important;
    background-color: #e9eef2;
}

#cart-button {
    background-color: #f5f7f9 !important;
    border-color: #f5f7f9 !important;
    color: #333 !important;
}

#cart-button:hover {
    background-color: #e9eef2 !important;
    border-color: #e9eef2 !important;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 1.5rem;
}

.nav.nav--top {
    margin-left: 1rem
}

.header--article {
    border-bottom: none;
    padding: 1rem;
}

.header--dashboard .header__inner .column.small-6 {
    padding-right: 0;
    padding-left: 0;
}

.header--dashboard .company__beta-logo {
    text-align: left !important;
}

.learn.transcript .widget--transcript-header {
    padding-top: 0 !important;
}

.widget--transcript-header .header--dashboard .header__inner {
    display: block;
    padding-right: 1rem;
    padding-left: 1rem;
}

.widget--transcript-header .dashboard-header-dropdown__link {
    margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
    .nav.nav--top {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header .company__beta-logo {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .top-bar .toggle-topbar button {
        padding: 0 3rem 0 1rem;
    }

    .top-bar-section ul {
        padding-bottom: 10px;
    }

    .top-bar-section ul li a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        font-size: 1.1rem;
    }

    .top-bar-section ul li:not(:first-of-type) {
        border-top: 1px solid #eee;
    }

    .nav.nav--top > ul > li > a,
    .nav.nav--top > ul > li > a:focus,
    .nav.nav--top > ul > li > button,
    .nav.nav--top > ul > li > button:focus {
        font-size: 12px;
        letter-spacing: 0;
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .top-bar {
        margin-top: 20px;
    }

    .top-bar-section ul li {
        padding: 0;
    }

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

    .top-bar-section li:not(.has-form) a:not(.button):hover,
    .top-bar-section li:not(.has-form) a:not(.button):focus {
        background: #e9eef2;
    }

    .header--dashboard {
        padding: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .home .header {
        position: sticky;
    }

    .header--microsite .header__inner,
    .header--dashboard .header__inner {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        margin: 0 auto;
    }

    .header--microsite .header__inner > a,
    .header--dashboard .header__inner > a {
        position: absolute;
        left: 0;
    }

    .header--tools .header__inner > a {
        position: relative;
    }

    .top-bar {
        border-top: none;
    }

    .header--microsite,
    .header--dashboard {
        padding-bottom: 15px;
    }

    .top-bar-section {
        padding-right: 10px;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: .6px;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover,
    .top-bar-section li:not(.has-form) a:not(.button):focus {
        color: var(--accent-color);
        background: transparent;
    }

    .top-bar-section ul li {
        padding: 0;
    }
}

@media (min-width:1440px) {

    .header--microsite .header__inner,
    .header--dashboard .header__inner {
        max-width: 1440px
    }
}

@media (min-width:1920px) {

    .header--microsite .header__inner,
    .header--dashboard .header__inner {
        max-width: 1720px
    }
}

@media (min-width:2560px) {

    .header--microsite .header__inner,
    .header--dashboard .header__inner {
        max-width: 2360px
    }
}

/* ---- FOOTER --------------------------------------------------------------------------------------------------------- */

.footer {
    padding: 0 1rem;
    background-color: var(--secondary-color);
}

.footer__inner {
    border: none;
    color: var(--secondary-contrast-color);
}

.footer__company__info {
    color: var(--secondary-contrast-color);
}

.footer__inner a,
.footer__inner a:hover,
.footer__inner a:focus {
    color: var(--secondary-contrast-color);
}

@media (max-width:1024px) {
    .footer__inner {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}

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

@media (min-width:1920px) {
    .footer__inner {
        max-width: 1720px
    }
}

@media (min-width:2560px) {
    .footer__inner {
        max-width: 2360px
    }
}

/* ---- COURSE DETAIL PAGE --------------------------------------------------------------------------------------------------------- */

.course__detail__container {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.course__detail__container .course__detail__content {
    padding-left: 0;
    padding-right: 6rem;
}

.course__detail__container .column,
.course__detail__container .columns {
    padding-left: 0;
    padding-right: 0;
}

.course__detail__header {
    padding: 0 0 1rem 0;
}

.course__detail__header h1 {
    font-size: 2rem;
}

.course__detail__video .video__container {
    padding: 0;
    max-width: 800px;
}

.course__detail__asset img {
    width: 100%;
    border: 1px solid #eee;
}

.course__detail__asset picture {
    max-width: 600px;
}

.course__detail__container ul.tabs {
    margin-top: 1.5rem;
}

.course__detail__sidebar {
    background-color: #f5f7f9;
    padding: 2rem !important;
    border-radius: 10px;
}

.course__detail__sidebar .btn {
    border-radius: 30px;
    font-size: 1em;
}

.course__includes__list {
    margin: 1rem 0 1rem;
}

.course__includes__list i {
    margin-top: 0;
}

.course__detail__sidebar .btn--alt.btn--primary,
.course__detail__sidebar .btn--alt.btn--primary.active,
.course__detail__sidebar .btn--alt.btn--primary:active,
.course__detail__sidebar .btn--alt.btn--primary:focus,
.course__detail__sidebar .btn--alt.btn--primary:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--accent-contrast-color);
}

.training-length {
    font-weight: 700;
}

.enroll__coupon__form .form input,
.enroll__coupon__form .form .btn {
    height: 34px;
}

.tabs .tab-title > a,
.tabs dd > a {
    background-color: #f5f7f9;
    border-radius: 10px 10px 0 0;
}

.tabs .tab-title > a:hover,
.tabs dd > a:hover {
    background-color: #e9eef2;
}

.tabs .tab-title.active > a,
.tabs .tab-title > a.active {
    background-color: var(--accent-color);
    color: var(--accent-contrast-color);
}

.tabs .tab-title {
    border-right: 8px solid #fff;
    border-left: none;
}

.tabs-content > .content {
    padding: .5rem 1.25rem;
}

.course__detail__container .panel {
    background: #fff;
    border-radius: 10px;
}

.enroll small {
    font-size: 80%;
}

.email-capture .btn {
    margin-top: 1rem;
    border-radius: 5px;
}

.course__detail__container .section__list__index {
    display: none;
}

.course__detail__content .section__list li .section__list__outline {
    padding: 0;
    width: 100%;
}

.course__detail__content .section__list {
    padding: 0;
    margin: 0;
}

.course__detail__content .section__list li ul {
    list-style: disc;
    margin-left: 2rem;
}

.course__detail__content .section__list li .section__list__index > span,
.course__detail__content .section__list li .section__list__outline > span {
    color: #656565;
}

.course__testimonial .small-3.medium-2.columns {
    width: auto;
    padding-right: 1rem;
    padding-left: .5rem;
}

.course__testimonials__container {
    padding: 0;
}

.widget--course-purchase .btn--bare:hover {
    color: var(--accent-color);
}

.course__detail__sidebar .btn.preview-link,
.course__detail__sidebar .btn.preview-link:hover,
.course__detail__sidebar .btn.preview-link:focus {
    margin-bottom: 1em;
    background-color: var(--accent-color) !important;
    color: var(--accent-contrast-color) !important;
    width: 100%;
}

.discount-group .course__detail__description {
    margin-top: 2rem;
}

.course__related .panel.panel--alt {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 1rem 0 .5rem 0;
}

.course__related .course__related__title {
    background: transparent;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    padding: .875rem 1rem;
    margin: 0;
}

.course__related .course__related__list li {
    border-top: 0;
    clear: both;
    padding: .75rem 1rem;
    background-color: #fff;
    border-radius: 5px;
    margin-top: .5rem;
}

.course__related__list img {
    margin: 0 1rem 0 0;
    float: none;
}

.course__related .course__related__list li a {
    width: 100%;
    display: flex;
    align-items: center;
}

.course__related .course__related__list li a p {
    margin: 0;
}

.course__related .course__related__list {
    padding-top: .5rem;
}

.not-enrolled {
    display: none;
}

@media only screen and (min-width: 768px) {
    .course__detail__container .tabs {
        border-bottom: 2px solid #e9eef2;
    }

    .course__testimonial .small-9.medium-8.columns {
        width: 90%;
    }
}

@media only screen and (max-width: 1480px) {
    .course__detail__container {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .course__detail__container .course__detail__content {
        padding-right: 0;
    }

    .course__detail__sidebar,
    .course__detail__content {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .course__detail__container .course__detail__content {
        padding-right: 0;
    }

    .course-purchase__mobile-button {
        left: 0;
        z-index: 11;
    }

    .course-purchase__mobile-button .btn {
        border-radius: 0;
    }

    .course__detail__container .tabs .tab-title > a,
    .course__detail__container .tabs dd > a {
        border-radius: 0;
        border-bottom: 8px solid #fff;
        font-size: 1rem;
    }

    .course__detail__container .tabs-content {
        border: 1px solid #e9eef2;
        padding-top: 0;
    }

    .course__detail__container .tabs-content > .content {
        padding: 1.5rem;
    }

    .course__detail__container .tabs .tab-title {
        border-right: none;
    }
}

/* ---- COURSE SIDEBAR MENU --------------------------------------------------------------------------------------------------------- */

.syllabus__lesson-container {
    background-color: #f5f7f9;
    padding: 0;
}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {
    padding-top: .65em;
    padding-right: 3em;
    padding-bottom: .65em;
    padding-left: .65em;
}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {
    font-size: .85rem;
}

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

.learner__sidebar-inner-list span.syllabus__section-title {
    text-transform: none;
    font-size: 1rem;
    line-height: 1rem;
    padding-bottom: .35em;
    padding-top: .35em;
}

.expandable-sidebar__toggle {
    font-size: .85rem;
    letter-spacing: 4;
    font-weight: 600;
    padding: .5rem .35rem .5rem .75rem;
}

.lesson-progress {
    margin: -5px 10px 5px 10px !important;
}

.lesson-progress-page.lesson-progress-page--current .icon-circle.icon-circle {
    border-color: #999;
}

.learner__sidebar-list ul.syllabus__section-list .syllabus__lesson-container {
    margin-bottom: .6em;
    padding-left: 0;
    border-radius: 5px;
}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator i {
    padding: 1em 1em 0 0;
}

ul.syllabus__topics {
    margin: 0 0 .5em 0;
    padding: 0;
}

.syllabus__topic--non-expandable-title-text {
    padding-left: .7em;
    padding-right: 1.1em;
}

.syllabus__topic.syllabus__topic {
    border-left: 5px solid #f5f7f9;
}

.syllabus__topic.syllabus__topic--active {
    background-color: #e9eef2;
    border-left-color: var(--accent-color);
}

.syllabus__topic.syllabus__topic--active a,
.syllabus__topic.syllabus__topic--active button.syllabus__topic--expander {
    color: #000;
}

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

.syllabus__topic {
    font-size: 1rem;
    padding: .5em 1em .5em .5em;
}

.learner__sidebar-inner-list li {
    font-size: .8rem;
    line-height: 1rem;
}

button.syllabus__lesson--expander {
    margin: 1em -1em 1em 1em;
}

button.syllabus__lesson--expander .expander-triangle__closed-down {
    margin-top: .25em;
}

.learner__sidebar-list > li {
    border-bottom: 1px solid #eee;
    margin-bottom: .25em;
}

.sidebar__resources > li {
    background-color: #f5f7f9;
    font-size: .85em;
    font-weight: 600;
    margin-bottom: .75em;
    padding: .5em 0 .5em 1em;
    text-transform: none;
}

.expandable-sidebar__content {
    padding: .25em .75em .25em .75em;
}

.sidebar__resources {
    padding: .25em .5em;
}

.sidebar__resources .learner__sidebar-list > li {
    border-bottom: none;
}

.expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    display: inline-block;
    width: 20px;
}

.expandable-sidebar__buttons {
    padding: .5em .5em .75em .5em;
}

.learner__sidebar .layout-panel {
    padding: 1rem 0 0 0;
}

.learner__sidebar-inner-list:not(.learner__sidebar-inner-list--disabled) .syllabus__lesson--disabled {
    opacity: 50%;
}

.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled {
    word-wrap: break-word;
    background-color: #fff;
    opacity: .5;
    margin: 0;
    padding: .3rem .25rem 0;
}

.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled .syllabus__lesson--title-text:hover {
    color: #333 !important;
}

.avatar.avatar--completion-criteria {
    height: 40px;
    width: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar.avatar--initials.avatar--completion-criteria {
    font-size: 1rem;
}

.course-progress button {
    color: #999 !important;
    font-size: .8rem;
    margin-top: 5px;
    margin-bottom: 10px;
}

.course-progress__overall .highlight {
    color: var(--accent-color);
}

.course-progress--course-percent-viewed .highlight {
    color: var(--accent-color);
}

.course-progress .stat sup {
    top: -4px;
}

.course-progress .stat {
    min-width: 45px;
}

.course-progress__section__expander .expander-triangle__closed-right {
    opacity: 1;
}

.course-progress .highlight {
    color: #656565;
}

.course-progress__circle {
    background: #f5f7f9;
}

.course-progress__circle.filled {
    background: #5bb65c;
}

/* ---- COURSE --------------------------------------------------------------------------------------------------------- */

.learner-lesson__title {
    padding-right: 50px;
}

.directional__nav__button {
    background-color: #fff;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    border-radius: 50%;
    line-height: 1.15;
    transition: none;
}

.overview-sidebar {
    border-radius: 5px;
    background-color: #f5f7f9;
}

.overview-image {
    border-radius: 5px 5px 0 0;
}

.video__container > div {
    border: 1px solid #e9e9e9;
}

.learner__content .layout-panel .video__caption {
    padding: 0 1rem;
}

a:hover > div > .directional__nav__button {
    background-color: var(--accent-color);
    color: var(--accent-contrast-color);
}

.directional__nav__button i {
    font-size: 1rem;
    font-weight: 900;
}

.video-course__actions ~ .large-12.columns {
    display: none;
}

.learner__content .audio__player {
    padding-right: 3em;
    padding-top: .5em
}

.learner__content .audio__player .audio-player__play-button__container {
    margin-bottom: 0;
}

.learner__content .columns.large-4 > .text-right .bookmark-archived,
.learner__content .columns.large-4 > .text-right .bookmark-check,
.learner__content .columns.large-4 > .text-right .bookmark-plus {
    right: .75em;
}

@media only screen and (max-width: 1024px) {
    .topic__container__text {
        display: flex;
        flex-flow: column;
    }

    .topic__content.topic__content--text {
        width: 100%;
        order: 2;
        float: none;
    }

    .topic__sidebar.topic__sidebar--text {
        order: 1;
        width: 100%;
        float: none;
        padding-left: 3em;
        margin-bottom: 2em;
    }

    .topic__sidebar.topic__sidebar--text .sidebar-container {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .topic__sidebar.topic__sidebar--text {
        padding-left: 1em;
    }

    .directional__nav__button i {
        font-size: 1.2rem !important;
    }
}

.disabled .directional__nav__button {
    background-color: #fff;
    color: #aaa;
    border-color: #aaa;
}

.directional__nav__button.directional__nav__button--left i {
    margin-right: 2px;
}

.directional__nav__button.directional__nav__button--right i {
    margin-left: 2px;
}

.directional__nav .directional__nav__label {
    color: var(--accent-color);
    visibility: visible !important;
}

.files__list .heading.heading--primary {
    margin-top: 1em;
}

.panel--secondary {
    background-color: #f5f7f9;
    border-color: #e9eef2;
}

.video__caption__copy > .editor-content > ul {
    padding-left: 0;
}

.bookmark-body .btn {
    margin-top: 1.5em;
}

.bookmark-header {
    background-color: #e9eef2;
}

.w-video-wrapper {
    background-color: #fff !important;
}

.video-course__actions {
    padding: 1rem 2rem 0 2rem;
    text-align: right;
}

.video-course__actions .btn {
    background-color: #fff;
    color: #999;
    border: none;
    margin-bottom: 0;
    float: none !important;
    padding: 0;
    margin-left: .5em;
    padding-left: .75em;
    border-radius: 0;
}

.video-course__actions .btn:hover {
    color: var(--accent-color);
}

.video-course__actions .btn:not(:first-child) {
    border-left: 1px solid #999;
}

.video-course__actions button,
.video-course__actions .btn {
    display: none;
}


/* ---- QUIZ --------------------------------------------------------------------------------------------------------- */

.quiz-start__content {
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://spwebstorageprod.blob.core.windows.net/web-assets/BG_Quiz.jpg");
    background-size: cover;
    background-repeat: none;
}

.quiz-start__text p {
    color: #fff;
}

.quiz-start__text .btn {
    border-radius: 30px;
}

.quiz-start__text .editor-content {
    text-align: center;
}

.quiz__container .btn {
    border-radius: 30px;
}

.topic__index .topic__index__number.topic__index__number span {
    border-color: #f5f7f9;
}

.topic__index .topic__index__number.topic__index__number--active span {
    border-color: var(--accent-color);
}

.choices__list {
    margin-bottom: 2em;
}

.choice__index {
    color: #333;
    padding-right: .3em;
}

.choice__index.small-1 {
    width: auto !important;
}

.choice__response .indent-list p {
    padding-left: 1.2rem;
}

.choice {
    font-size: 1rem;
}

.quiz__container--assessment .choices__list li,
.quiz__container--learner .choices__list li {
    border: none;
    background-color: #f5f7f9;
    padding: 8px 0 8px 20px;
}

.quiz__container--assessment .choices__list li:hover,
.quiz__container--learner .choices__list li:hover {
    border: none;
    background-color: #e9eef2;
}

.quiz__container--assessment .choices__list li.choice--selected.choice--selected--true,
.quiz__container--assessment .choices__list li.choice--selected.choice--selected--true:hover,
.quiz__container--learner .choices__list li.choice--selected.choice--selected--true,
.quiz__container--learner .choices__list li.choice--selected.choice--selected--true:hover {
    border: none;
    border-left: 5px solid #5bb65c;
    background-color: #e9eef2;
    padding: 8px 0 8px 15px;
}

.quiz__container--assessment .choices__list li.choice--selected,
.quiz__container--learner .choices__list li.choice--selected {
    border: none;
    border-left: 5px solid #c4161c;
    background-color: #e9eef2;
    padding: 8px 0 8px 15px;
}

.quiz__container--quiz .choices__list.choices__list--selected li.choice--selected:hover {
    border: none;
    border-left: 5px solid #c4161c;
    background-color: #e9eef2;

}

.quiz__container--quiz .choices__list.choices__list--selected li:hover {
    background-color: #f5f7f9;
}

.quiz__container--assessment .choices__list li.choice--selected:hover,
.quiz__container--learner .choices__list li.choice--selected:hover {
    border: none;
    border-left: 5px solid #c4161c;
    background-color: #e9eef2;
    padding: 8px 0 8px 15px;
}

.quiz__container.quiz__container--review .choice--selected--true,
.quiz__container.quiz__container--review .choice--selected--true:hover {
    border: none;
    border-left: 5px solid #5bb65c;
    background-color: #e9eef2;
    padding: 8px 0 8px 15px;
}

.panel--alt {
    background-color: #f5f7f9;
    border: 1px solid #e9eef2;
}

.results__title {
    font-weight: 600;
    letter-spacing: 3;
    margin-bottom: .5em;
}

.quiz__start__grade,
.question-results__message > div {
    margin-right: auto;
    margin-left: auto;
    font-size: .9rem;
}

/* ---- HERO --------------------------------------------------------------------------------------------------------- */

.hero-bg-gradient {
    background-image: url("https://spwebstorageprod.blob.core.windows.net/web-assets/BG_Index.jpg");
    background-size: cover;
    background-position: center right;
    padding: 0 !important;
}

.hero-ilt {
    background-image: url("https://spwebstorageprod.blob.core.windows.net/web-assets/BG_ILTCourses.jpg");
}

.hero-ondemand {
    background-image: url("https://spwebstorageprod.blob.core.windows.net/web-assets/BG_OnDemandCourses.jpg");
}

.hero-bg-gradient > .ember-view {
    background: linear-gradient(90deg, rgba(0, 0, 0, .9) 20%, rgba(0, 0, 0, 0) 80%);
    padding: 6em 3em 7em 3em;
}

.hero-bg-gradient .widget__subtitle {
    margin-bottom: 1rem;
}

.hero-bg-gradient .medium-12.columns {
    padding-left: 0;
    padding-right: 0;
}

.hero-bg-gradient > .ember-view > * {
    margin: 0 auto;
}

.hero-bg-gradient .h2,
.hero-bg-gradient p {
    text-align: left;
    color: #fff;
    width: 40%;
}

.hero-bg-gradient .h2 {
    font-size: 3em;
    line-height: 1.1em;
    font-weight: 700;
    margin-bottom: .5em;
    margin-top: 0;
}

.hero-bg-gradient .widget__cta {
    padding-top: 0;
}

.hero-bg-gradient .btn {
    margin: 0 0 1rem 0 !important;
    font-size: 1.1rem;
    border-radius: 30px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

@media only screen and (max-width: 1024px) {

    .hero-bg-gradient .h2,
    .hero-bg-gradient p {
        width: 50%;
    }

    .hero-bg-gradient {
        background-position: center 10%;
    }
}

@media only screen and (max-width: 768px) {

    .hero-bg-gradient .h2,
    .hero-bg-gradient p {
        width: 100%;
    }

    .hero-bg-gradient > .ember-view {
        background: linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
        padding: 6em 3em 7em 3em;
    }
}

@media (min-width:1440px) {
    .hero-bg-gradient > .ember-view > * {
        max-width: 1440px
    }
}

@media (min-width:1920px) {
    .hero-bg-gradient > .ember-view > * {
        max-width: 1720px
    }
}

@media (min-width:2560px) {
    .hero-bg-gradient > .ember-view > * {
        max-width: 2360px
    }
}


/* ---- CATALOG --------------------------------------------------------------------------------------------------------- */

.widget--catalog [class*="block-grid-"]::before,
.widget--catalog [class*="block-grid-"]::after {
    display: none;
}

.widget--catalog [class*="block-grid-"] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem 0;
    padding: 0 0.75rem;
}

.widget--catalog [class*="block-grid-"] > * {
    float: none;
    clear: unset;
    width: 100%;
    padding: 0;
}

.catalog-search__button,
.catalog-search__button:hover,
.catalog-search__button:focus {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.widget--catalog .catalog-item,
.widget--recommended-content .catalog-item,
.widget--topic-article-related .catalog-item {
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.widget--catalog .catalog-grid-item,
.widget--recommended-content .catalog-grid-item,
.widget--topic-article-related .catalog-grid-item {
    height: 100%;
    border: 1px solid #dfe0e3;
    border-radius: 5px;
}

.widget--catalog .catalog-grid-item__body,
.widget--recommended-content .catalog-grid-item__body,
.featured-content-multi-carousel-item__body,
.widget--topic-article-related .catalog-grid-item__body {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    text-align: left;
}

.widget--catalog .catalog-grid-item__asset-container img,
.widget--recommended-content .catalog-grid-item__asset-container img,
.widget--topic-article-related .catalog-grid-item__asset-container img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.catalog__ribbon {
    font-weight: 600;
    padding: .4em .75em;
    top: -5px;
}

.widget--catalog .catalog-grid-item__title,
.widget--recommended-content .catalog-grid-item__title,
.featured-content-multi-carousel-item__title,
.widget--topic-article-related .catalog-grid-item__title {
    font-size: 18px;
    height: auto !important;
    font-weight: 700;
    line-height: 1.3rem;
    margin-bottom: .25rem;
}

.widget--catalog .catalog-grid-item__source,
.widget--recommended-content .catalog-grid-item__source,
.featured-content-multi-carousel-item__source,
.widget--topic-article-related .catalog-grid-item__source {
    font-size: 15px !important;
    order: -1;
    margin-bottom: .25rem !important;
}

.widget--catalog .catalog-grid-item__description,
.widget--recommended-content .catalog-grid-item__description,
.featured-content-multi-carousel-item__description,
.widget--topic-article-related .catalog-grid-item__description {
    height: auto !important;
    font-size: inherit;
    color: inherit;
    margin-bottom: .25rem;
}

.featured-content-multi-carousel-item__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.widget--catalog .catalog-grid-item__hr,
.widget--recommended-content .catalog-grid-item__hr,
.widget--topic-article-related .catalog-grid-item__hr {
    display: none;
}

.widget--catalog .catalog-grid-item__cta-container,
.widget--recommended-content .catalog-grid-item__cta-container,
.widget--topic-article-related .catalog-grid-item__cta-container {
    margin-top: 0.5rem;
    font-size: inherit;
}

.widget--catalog .catalog-grid-item__cta-container .btn--link,
.widget--recommended-content .catalog-grid-item__cta-container .btn--link,
.widget--topic-article-related .catalog-grid-item__cta-container .btn--link {
    font-size: 14px;
    color: var(--link-color);
    float: none;
    text-decoration: none;
}

.catalog-list-item__cta-container {
    display: none;
}

.catalog-list-item .catalog__ribbon-corner {
    display: none;
}

.catalog-list-item__info,
.catalog-list-item__description {
    font-size: 1rem;
}

.catalog-list-item .medium-3 {
    display: none;
}

.catalog-list-item .catalog-list-item__body .catalog-list-item__info {
    margin-top: 0;
}

.widget--catalog .small-block-grid-1 > * {
    grid-column: 1 / -1;
}

.catalog-filters {
    background: #f5f7f9;
}

.catalog-aggregation--expanded {
    background-color: #f5f7f9;
    border-bottom: none;
    margin-bottom: 0;
}

.btn.catalog-aggregation__value {
    color: #000;
    margin: 0 0 0 1.75em;
}

.btn.catalog-aggregation__value:hover,
.btn.catalog-aggregation__value:focus {
    color: var(--accent-color)
}

@media only screen and (min-width: 768px) {
    .widget--catalog .medium-block-grid-2 > * {
        grid-column: auto / span 6;
    }

    .widget--catalog [class*="block-grid-"] {
        grid-gap: 1.5rem;
    }

    .catalog-list-item .medium-5 {
        width: 66.6666666667%;
    }

    .catalog-list-item__asset {
        padding-right: 2em;
    }

}

@media only screen and (min-width: 1024px) {
    .widget--catalog .large-block-grid-3 > * {
        grid-column: auto / span 4;
    }

    .catalog-list-item .catalog-list-item__body .medium-4 {
        width: 25%;
    }

    .catalog-list-item .catalog-list-item__body .medium-8,
    .catalog-list-item .catalog-list-item__body .medium-5 {
        width: 75%;
    }
}

@media (max-width:768px) {
    .catalog-search__button {
        height: 35px;
        padding: 0 1rem;
    }

    .catalog-list-item__info {
        padding-top: 1em;
    }

    .catalog-list-item__asset {
        padding-right: 0;
    }

    .catalog-list-item .catalog__ribbon {
        position: relative;
        top: 0;
        display: inline-block;
        margin-bottom: 1rem;
    }

    .catalog-list-item .catalog__ribbon--attached {
        top: 0;
        right: 0;
    }
}

/* ---- LEARNING PATH --------------------------------------------------------------------------------------------------------- */

.widget--learning-path-content-hero *[class^="aspect-"] {
    aspect-ratio: auto;
}

.widget--learning-path-content-hero h4 {
    font-size: 1em;
}

.learning-path-timeline-milestone__header {
    border: none;
    background-color: #dde7ee;
}

.learning-path-timeline-milestone-items {
    background-color: #f1f6f8;
    padding-bottom: 4em;
}

.learning-path-timeline-milestone-item__content small {
    display: none;
}

.learning-path-timeline-milestone-items--alt {
    background-color: #fff;
}

.learning-path-progress-bar-item__index {
    background: #fff;
    border: 3px solid #666;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    font-weight: 700;
}

.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
    background: #fff;
    border: 3px solid var(--accent-color);
    color: var(--accent-color);
}

.learning-path-milestone-item__info {
    font-size: 1rem;
    margin-top: .5rem !important;
}

.learning-path-milestone-item__alt-description,
.learning-path-milestone-item__description,
.learning-path-milestone-item__alt-description p {
    font-size: 1rem;
    margin-bottom: 1.5rem !important;
}

.learning-path-timeline-milestone-item__content .btn {
    border-radius: 30px;
}

.learning-path-milestone__badge--required {
    background: var(--accent-color);
}

.learning-path-milestone__badge--elective {
    background: #818f9c;
}

.learning-path-timeline-milestone-item-circle--current {
    background-color: var(--accent-color);
    -webkit-box-shadow: 0 0 0 11px #fff, 0 0 0 12px #c2ccd6, 0 0 0 17px #fff, 0 0 0 18px #c2ccd6;
    box-shadow: 0 0 0 11px #fff, 0 0 0 12px #c2ccd6, 0 0 0 17px #fff, 0 0 0 18px #c2ccd6;
}

.learning-path-milestone-item__title {
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: #656565;
    margin-bottom: 0 !important;
}

.learning-path-timeline-milestone__header {
    color: #656565;
}

.learning-path-timeline-milestone__subtitle {
    font-size: 1rem;
}

.learning-path-criterion:nth-of-type(n) {
    color: var(--accent-color);
}

.learning-path-criterion__label {
    height: auto;
}

.learning-path-criterion__value-container {
    line-height: 30px;
    margin-top: 0;
}

.learning-path-criterion {
    height: auto;
    width: 130px;
}

.learning-path-timeline-milestone__header-criterion .learning-path-criterion::before {
    height: 100%;
}

.learning-path-timeline-milestone__header {
    padding: 1.5em 2em 1.25em 3em;
}

.learning-path-timeline-milestone__header-content {
    padding: 0;
}

.learning-path-criterion__label {
    height: auto;
}

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

    .learning-content-hero--no-asset {
        min-height: 400px;
    }

    .learning-content-hero .px-10.absolute {
        padding: 0 4em;
        top: 50%;
        width: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .learning-content-hero .px-10.absolute h1 {
        margin-bottom: .75rem !important;
    }

    .learning-content-hero__overlay {
        background: linear-gradient(90deg, rgba(0, 0, 0, .9) 20%, rgba(0, 0, 0, 0) 80%) !important;
    }

    .learning-path-body h3 {
        font-size: 1.5em;
    }
}

@media (max-width:1024px) {
    .learning-content-hero .px-10.absolute {
        width: 80%;
    }

    .learning-content-hero .px-10.absolute h1 {
        font-size: 2.5rem;
        line-height: 1.1;
        margin-bottom: .75rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .learning-path-criterion__label {
        font-size: .8rem;
        text-align: left;
    }

    .learning-content-hero--no-asset picture {
        display: none;
    }

    .learning-path-timeline-milestone__header-criterion {
        padding-top: 0;
    }

    .learning-path-criterion__value-container {
        text-align: left;
    }

    .learning-content-hero .px-10.absolute {
        padding: 2em 3em !important;
        position: relative;
        background-color: #333;
        width: 100%;
    }

    .learning-content-hero--no-asset .px-10.absolute {
        padding: 4em 3em 2em 3em !important;
    }

    .learning-content-hero h1 {
        font-size: 1.75rem;
    }

    .learning-content-hero__overlay {
        background: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) !important;
    }

    .learning-path-timeline-milestone__subtitle {
        width: 100%;
        margin-bottom: .5rem;
    }
}

/* ---- LEARNING PATH DETAIL PAGE --------------------------------------------------------------------------------------------------------- */

.enroll--learning-path {
    padding: 1rem;
}

.course__detail__content > h1 {
    font-size: 2rem;
    color: #656565;
    font-weight: 700;
    margin-bottom: .25em;
}

.course__detail__content > p {
    color: #656565;
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

.course__detail__content > .course__detail__asset {
    margin-bottom: 2rem;
}

.learning-path-detail-milestone-list > li > h3 {
    background-color: #f5f7f9;
    color: #656565;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125rem;
    padding: 1rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.learning-path-detail-milestone-item {
    padding-right: 1rem;
    padding-left: 1rem;
}

.learning-path-detail-milestone-item__title {
    color: #656565;
    font-weight: 700;
    margin-bottom: .75em;
}

.learning-path-detail-milestone-item__asset {
    padding-right: 1.5em;
}

.learning-path-detail-milestone-item__content-type {
    font-size: .9em;
    padding-top: 0;
}

.learning-path-detail-milestone-item__description {
    font-size: .9em;
    line-height: 1.5;
}

.learning-path-detail-milestone-item__cta {
    color: #999;
}

.learning-path-detail-milestone-item hr {
    margin-top: 1.5rem;
}

.learning-path-detail-milestone-list > li > hr {
    display: none;
}

.center-ruled-title {
    display: none;
}

.course__detail__container .collection__courses__list .column,
.course__detail__container .collection__courses__list .columns {
    padding-left: 1em;
    padding-right: 1em;
}


@media (max-width:1024px) {
    .collection__courses {
        margin-bottom: 3rem;
    }
}

@media (max-width:768px) {
    .learning-path-detail-milestone-item__content-type {
        margin-top: 1rem;
        font-size: 1em;
    }

    .learning-path-detail-milestone-item__description {
        font-size: 1em;
    }

    .learning-path-detail-milestone-item__asset {
        padding-right: 0;
    }

    .learning-path-detail-milestone-item {
        padding-right: 0;
        padding-left: 0;
    }

    .learning-path-detail-milestone-item__title {
        margin-bottom: 1em;
    }

    .course__detail__container .collection__courses__list .column,
    .course__detail__container .collection__courses__list .columns {
        margin-bottom: 1em;
    }
}

/* ---- DASHBOARD --------------------------------------------------------------------------------------------------------- */

.hero-dashboard {
    background-image: url("https://spwebstorageprod.blob.core.windows.net/web-assets/Banner_AsianWoman.jpg");
    background-position: center right !important;
}

.hero-dashboard > .ember-view {
    padding: 7em 3em 8em 3em;
}

.hero-dashboard .widget__subtitle {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.learn.dashboard .widget,
.learn.transcript .widget {
    padding: 2rem 0;
}

a.dashboard-header-dropdown__link,
a.dashboard-header-dropdown__link:hover,
a.dashboard-header-dropdown__link:focus {
    color: #000;
}

.dashboard-header-dropdown__link > .row {
    display: flex;
}

.dashboard-header-dropdown__link > .row > .small-2.columns {
    flex: 0 0 65px;
}

.dashboard-header-dropdown__link > .row > .small-10.columns {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.header--dashboard > .header__inner > .row > .column.small-6:last-of-type .small-12.columns {
    padding-right: 0;
}

.dashboard-access-tabs {
    background: #f5f7f9;
    border-bottom: none;
}

.dashboard-access-tabs li {
    font-size: 1.1rem;
}

.dashboard-access section {
    max-height: 420px;
    overflow-y: scroll;
}

.dashboard-access-list-item:nth-of-type(2n) {
    background: #f5f7f9;
}

.dashboard-access-list-item > .row > .medium-4.columns > .row > .medium-6.columns {
    width: auto;
    float: right;
}

.dashboard-access-list-item .btn {
    border-radius: 30px;
}

/* ---- HIDE COMPLETION DATE ON DASHBOARD COMPLETED TAB ----*/
#access-section-4 .dashboard-access-list-item .items-center .col-span-2:not(.text-right) {
    display: none;
}
#access-section-4 .dashboard-access-list-item .items-center .col-span-2 small {
    display: none;
}

/* ---- HIDE DATES ON DASHBOARD EVENTS TAB AND EXPAND TITLE DIV TO FILL SPACE ----*/
#access-section-1 .dashboard-access-list-item .items-center .col-span-2 {
    display: none;
}
#access-section-1 .dashboard-access-list-item .items-center .col-span-4 {
    grid-column: span 8 / span 8;
}

.dashboard-access-list-item .btn--primary,
.dashboard-access-list-item .btn--primary:hover,
.dashboard-access-list-item .btn--primary:focus {
    color: var(--accent-contrast-color);
}

.dashboard-access-list-item .btn.text-white,
.dashboard-access-list-item .btn.text-white:hover,
.dashboard-access-list-item .btn.text-white:focus {
    color: #fff;
}

.dashboard-access__header {
    background: #fff;
    font-weight: 700;
}

.dashboard-access__header .button-expander {
    margin-right: 10px;
}

.dashboard-access__header .button-expander i {
    color: #969797;
}

.widget--redemption-form {
    margin-top: 3rem;
}

.user-engagement-stat--percent-complete {
    color: var(--accent-color);
}

.user-engagement-stat__value--percent {
    font-size: 1.5rem;
    line-height: 40px;
}

.dashboard-access-list-item-expander {
    display: flex;
}

li.category__list__item.sortable-category__list__item {
    border: none !important;
    border-radius: 10px;
    background-color: #f5f7f9 !important;
    margin-bottom: .5rem;
}

li.category__list__item.sortable-category__list__item:hover {
    background-color: #e9eef2 !important;
}

li.category__list__item.sortable-category__list__item .list-item__title span {
    color: #656565 !important;
}

li.category__list__item.sortable-category__list__item .list-item__title span.list-item__count {
    background-color: #fff !important;
    min-width: 21px;
    text-align: center;
}

.bookmark-folder-name {
    font-weight: 700;
    color: var(--accent-color);
}

.bookmark-folder ~ .dashboard-access-list-item {
    background: #fff !important;
}

p.bookmark-note {
    margin-bottom: 0;
}

.dashboard-access-list-item__description .bookmark-note {
    padding-left: 26px;
}

.bookmark-folder ~ div .dashboard-access-list-item-expander__title {
    font-weight: 700;
}

#access-section-6 {
    padding-top: .5rem;
}

.bookmark-folder ~ div .catalog-list-item__info {
    margin-top: 0;
}

li.category__list__item.sortable-category__list__item .list-item__title span {
    background-color: transparent !important;
}

.user-engagement-stat--collaborations,
.user-engagement-stat--hours {
    color: #656565;
}

.header--dashboard ~ .header--subtitle {
    width: 100%;
}

.header--dashboard ~ .header--subtitle h1 {
    font-weight: 700;
    color: #656565;
}

.header--dashboard ~ .header--subtitle hr:first-of-type {
    display: none;
}

.dashboard-account-tabs li {
    margin-bottom: .25rem;
    border-radius: 5px;
}

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

.dashboard-account-tab--inactive button {
    color: #656565;
}

.dashboard-account-tab:active,
.dashboard-account-tab:focus,
.dashboard-account-tab:hover {
    background-color: #e9eef2;
}

.dashboard-account-tab--active,
.dashboard-account-tab--active:active,
.dashboard-account-tab--active:focus,
.dashboard-account-tab--active:hover {
    background-color: var(--accent-color);
}

.dashboard-account-tab--active button,
.dashboard-account-tab--active button:hover,
.dashboard-account-tab--active button:focus {
    color: var(--accent-contrast-color);
}

.dashboard-stats__container {
    -webkit-box-shadow: 0 0 6px -2px rgba(0, 0, 0, .25);
    box-shadow: 0 0 6px -2px rgba(0, 0, 0, .25);
}

.dashboard-badges-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dfe0e3;
}

.hr__accent--badges {
    display: none;
}

.widget--badges h3 {
    font-weight: 700;
    color: #656565;
}

.badges-carousel__button {
    border: 2px solid #e9e9e9;
    color: #656565 !important;
}

.widget--badges .avatar.avatar--initials.avatar--small {
    text-align: center;
}

.widget--badges .show-for-small-only .columns {
    padding-bottom: 2em;
}

.award-leaderboard-standing__leaderboard-link,
.award-leaderboard-header {
    color: #656565 !important;
}

.widget--discussion-board .btn--primary,
.widget--discussion-board .btn--alt {
    border-radius: 30px;
}

.widget--discussion-board .button-container__discussion-info {
    padding-top: 1em;
}

.widget--discussion-board .discussion-list-item__title {
    font-weight: 700;
}

.category-blocks .catalog-grid-item__asset-container img {
    border-radius: 0;
}

.category-blocks .featured-content-multi-carousel-item {
    position: relative;
    border-radius: 0;
}

.category-blocks .featured-content-multi-carousel-item__body {
    position: absolute;
    padding: 0;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.category-blocks .featured-content-multi-carousel-item__body:hover {
    background-color: var(--accent-color);
    transition: 300ms ease;
}

.category-blocks .featured-content-multi-carousel-item__title {
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
}

.category-blocks .featured-content-multi-carousel__nav-right,
.category-blocks .featured-content-multi-carousel__nav-left {
    top: 55%;
}

@media only screen and (min-width: 1440px) {

    .contain-ember-width > .row > .small-12 > .ember-view {
        position: relative;
    }

    .contain-ember-width .featured-content-multi-carousel__nav-right {
        right: -1.5em;
    }

    .contain-ember-width .featured-content-multi-carousel__nav-left {
        left: -1.5em;
    }
}

@media only screen and (max-width: 1440px) {

    .learn.dashboard .widget,
    .learn.transcript .widget {
        padding: 2rem 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .hero-dashboard {
        background-position: center right 15% !important;
    }
}

@media only screen and (max-width: 768px) {
    .dashboard-access-list-item__description .bookmark-note {
        padding-left: 22px;
        padding-top: 0;
    }

    .catalog-list-item__info {
        margin-top: .25em;
        margin-bottom: 1em;
    }

    .bookmark-folder ~ div .btn {
        margin-bottom: 0;
    }

    .dashboard-access-list-item > .grid {
        display: block;
    }

    .dashboard-access-list-item > .grid div:not(:first-of-type) {
        padding-left: 22px;
    }

    .dashboard-access-list-item > .row > .medium-4.columns > .row > .medium-6.columns {
        padding-top: .5rem;
        float: left;
    }

    .dashboard-access-list-item .col-start-11.text-right {
        text-align: left !important;
        padding-top: .5rem;
    }

    .dashboard-access-list-item__description p {
        font-size: 14px !important;
        margin-top: 0;
    }

    .bookmark-folder ~ .dashboard-access-list-item .row .columns:not(:first-of-type) {
        padding-left: 36px;
    }

    .dashboard-access-list-item-expansion img {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 640px) {
    .dashboard-header__name {
        display: none;
    }
}

/* ---- ARTICLE --------------------------------------------------------------------------------------------------------- */


.widget--topic-article-content {
    padding-bottom: 2rem;
}

.article-content__related-items {
    padding-top: 2rem;
}

.layout-panel.layout-panel--article {
    padding: 2rem 3rem 3rem 4rem;
    margin: 4rem auto;
}

.article-header {
    padding-right: 1em;
    padding-left: 1em;
}

.article-header .bookmark-article {
    color: #969797 !important;
}

.article-header .bookmark-article:hover {
    color: var(--accent-color) !important;
}

.layout-panel--article .btn--email,
.layout-panel--article .btn--print {
    color: #969797;
}

.layout-panel--article .btn--email:hover,
.layout-panel--article .btn--print:hover {
    color: var(--accent-color);
}

.layout-panel--article .btn--email {
    display: none;
}

h3 {
    font-size: 20px;
    font-weight: 400;
    color: #656565;
}

.article-header > .columns.medium-6.text-left {
    padding-left: 0;
}

.hr__accent::before {
    border: none;
}

.article-header .hr__accent {
    margin: 2.5rem 0;
}

.hr__accent {
    margin: .5rem 0 2rem 0;
}

.article-header > div {
    width: 50%;
}

.article-content__header {
    font-size: 2.25rem;
    font-weight: 700;
    color: #656565;
}

.article-sidebar__rating .stars {
    margin-bottom: .75em;
    margin-top: .5em;
}

.article-sidebar__rating .btn {
    border-radius: 30px;
}

.article-sidebar .stars.stars-1 i:first-of-type {
    color: var(--accent-color);
}

.article-sidebar .stars.stars-2 i:first-of-type,
.article-sidebar .stars.stars-2 i:nth-child(2) {
    color: var(--accent-color);
}

.article-sidebar .stars.stars-3 i:first-of-type,
.article-sidebar .stars.stars-3 i:nth-child(2),
.article-sidebar .stars.stars-3 i:nth-child(3) {
    color: var(--accent-color);
}

.article-sidebar .stars.stars-4 i:first-of-type,
.article-sidebar .stars.stars-4 i:nth-child(2),
.article-sidebar .stars.stars-4 i:nth-child(3),
.article-sidebar .stars.stars-4 i:nth-child(4) {
    color: var(--accent-color);
}

.article-sidebar .stars.stars-5 i {
    color: var(--accent-color);
}

.article-sidebar__custom-fields {
    display: none;
}

.article-content .video__container {
    padding: 2rem 0 1rem 0;
}

.article-content__info {
    margin-top: 1.5em;
}

.article-content__body p,
.article-content__body li {
    font-size: 18px;
    line-height: 1.6;
}

.article-content__body .editor-content li {
    margin-bottom: 1.25rem;
}

.article-content__body .editor-content strong {
    color: #656565;
}

.article-content__sub-header {
    margin-top: .75rem;
    color: #999;
}

@media (min-width:768px) {
    .article-content {
        width: 70%;
    }

    .article-sidebar {
        width: 30%;
    }
}

@media (min-width:1024px) {
    .article-content {
        padding-left: 3rem;
    }

    .video .article-content {
        width: 80%;
    }

    .video .article-sidebar {
        width: 20%;
    }
}

@media (min-width:1440px) {
    .layout-panel.layout-panel--article {
        width: 100%;
    }
}

@media (max-width:768px) {
    .article-content {
        margin-bottom: 2rem;
    }
}

@media (max-width:1440px) {
    .layout-panel.layout-panel--article {
        margin: 3rem 1rem;
    }
}

/* ---- SUPPORT PAGE --------------------------------------------------------------------------------------------------------- */

.widget--support > div {
    width: 100%;
    margin: 2rem auto;
}

.faq__sidebar .panel--alt {
    border: none;
}

.widget--support .widget__title {
    font-size: 2rem;
    font-weight: 700;
    color: #656565;
    text-align: left;
}

.faq__search-block {
    background: #f5f7f9;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 3rem;
}

.faq__search-block form .row {
    display: flex;
}

.faq__search-block form .row .small-4.medium-3.columns {
    flex-basis: content;
}

.faq__search-block form .row .small-8.medium-9.columns {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

/* ---- REMOVE E-COMMERCE --------------------------------------------------------------------------------------------------------- */

#cart-button {
    display: none;
}

.widget--course-purchase > div > .btn--secondary {
    display: none;
}

.widget--course-purchase .panel {
    background-color: transparent;
    padding: 0;
}

.widget--course-purchase .panel > p,
.widget--course-purchase .panel > ul {
    display: none;
}

.course__detail__enrolled {
    display: none;
}

.widget--course-purchase .panel > .enroll {
    display: none;
}

.widget--course-purchase .panel > .btn--primary {
    width: 100%;
}

.learner__content > .layout-panel .section .panel:not(.panel--alt) {
    display: none;
}

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

.enroll--learning-path > .enroll__secondary-actions {
    display: none;
}

.enroll--learning-path {
    padding: 0 1rem;
}

.widget--learning-path-purchase > .enroll > .enroll__title {
    display: none;
}

.widget--learning-path-purchase > .enroll > .course__detail__runs {
    display: none;
}

.widget--learning-path-purchase > .enroll > .enroll__buy {
    display: none;
}

.widget--learning-path-purchase > .enroll > hr {
    display: none;
}

@media only screen and (max-width: 48em) {
    .home.course-group .container {
        padding-top: 0;
    }
}

/* ---- CERTIFICATE PAGE --------------------------------------------------------------------------------------------------------- */

.public-certificate .home__content {
    width: 100%;
    padding: 1.5rem 0 !important;
}

.public-certificate .home__content h4.heading {
    font-size: 1.5rem;
    color: #656565;
}

.public-certificate .home__content > .ember-view > .row > .small-12.columns {
    padding-right: 0;
    padding-left: 0;
}

.public-certificate .home__content > .ember-view > .row > .medium-6.columns {
    width: 66.66%;
    padding-right: 3rem;
    padding-left: 0;
}

.public-certificate .home__content > .ember-view > .row > .medium-6.columns:last-of-type {
    width: 33.33%;
    padding-right: 0;
}

.public-certificate iframe {
    min-height: 700px;
}

.public-certificate .bg-zinc-200 {
    background-color: #f5f7f9;
    color: #656565;
    border-radius: 10px;
    padding: 2rem !important;
}

@media (max-width:1440px) {
    .public-certificate .home__content {
        padding: 1.5rem !important;
    }
}

@media (max-width:768px) {
    .public-certificate .home__content > .ember-view > .row {
        display: flex;
        flex-direction: column;
    }

    .public-certificate .home__content > .ember-view > .row > .medium-6.columns {
        width: 100%;
        padding-right: 0;
        order: 2;
    }

    .public-certificate .home__content > .ember-view > .row > .medium-6.columns:last-of-type {
        order: 1;
        width: 100%;
        margin-bottom: 2rem;
    }

    .public-certificate iframe {
        min-height: 0;
    }

}

/* ---- PANORAMA ADMIN DASHBOARD --------------------------------------------------------------------------------------------------------- */

.manager.panorama-client .application--admin .courses-table__container .flex-table__header .flex-table__col:nth-of-type(n+4) {
    display: none;
}

.manager.panorama-client .application--admin .courses-table__container .flex-table .flex-table__row .flex-table__col:nth-of-type(n+4) {
    display: none;
}

.manager.panorama-client .application--admin .courses-table__container .flex-table__header .flex-table__col:first-of-type {
    flex-grow: 0;
}

.manager.panorama-client .application--admin .courses-table__container .flex-table .flex-table__row .flex-table__col:first-of-type {
    flex-grow: 0;
}

/* Remove Enter Learner Dashboard button from panorama admin dash */

.panorama-client .panorama-dashboard .large-8.columns.text-right > .has-tooltip {
    display: none;
}

.panorama-client .panorama-dashboard .large-8.columns.text-right > .btn.btn--alt {
    display: none;
}

/* ---- LIVE EVENTS --------------------------------------------------------------------------------------------------------- */

.event-sidebar__meeting--active,
.event-sidebar__meeting--active:hover {
    background-color: #f5f7f9;
    color: #656565;
}

.event-sidebar__meeting--active .event-sidebar__meeting__title {
    border-color: #969797;
}

.event-sidebar__meeting {
    border-radius: 10px;
    color: #656565;
}

.event-sidebar__meeting__date {
    font-size: .87rem;
}

.event-sidebar__meeting__date span {
    display: inline-block;
    line-height: 1.3em;
}

.event-sidebar__meeting {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.event-sidebar--tabs .event-sidebar__content__container {
    border-color: #ccc;
}

.tabs-content--meetings .heading--primary {
    display: none;
}

.tabs-content--free-text .row.agenda-title,
.tabs-content--free-text .row.agenda,
.tabs-content--free-text .row.body {
    padding-left: 1rem;
}

.tabs-content--free-text .row.agenda-title h3,
.tabs-content--free-text .day,
.tabs-content--free-text .track {
    font-weight: 600;
    color: var(--accent-color);
    margin-bottom: 5px;
}

.tabs-content--free-text .row.agenda-title h3 {
    padding-top: .5em;
    font-size: 1.6em;
}

.tabs-content--free-text .day,
.tabs-content--free-text .track {
    font-size: 1.3em;
}

.catalog-grid-item__text-cta {
    display: none;
}

@media only screen and (min-width: 90.063em) {
    .event-sidebar--tabs .xlarge-3 {
        width: 30% !important;
    }

    .event-sidebar--tabs .xlarge-9 {
        width: 70% !important;
    }
}

@media only screen and (min-width: 48.063em) {
    .event-sidebar--tabs .event-sidebar__content__container {
        padding-right: 2rem !important;
    }

    .event-sidebar--tabs .event-content {
        padding-left: 2rem !important;
    }

    .event-sidebar--tabs {
        padding-top: 1rem;
    }
}

@media only screen and (max-width: 48.063em) {
    .event-sidebar--tabs .event-sidebar__content__container {
        padding-bottom: 2rem !important;
        border-bottom: 1px solid #ccc;
    }

    .event-sidebar--tabs .event-content {
        padding: 1rem;
    }
}

/* ---- PANORAMA CUSTOM ADMIN PORTAL --------------------------------------------------------------------------------------------------------- */

.icon-tiles {
    font-family: "Source Sans Pro", sans-serif;
    margin: 0 auto;
}

.icon-tiles .widget__title {
    margin-bottom: 2rem;
}

.icon-tiles .tile-row {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
}

.icon-tiles .tile-col {
    flex: 0 0 calc(33% - 1.33em);
    padding: 2em;
    border: 1px solid #ccc;
    border-radius: 15px;
    transform: scale(1);
    transition: .5s;
    background-color: #fff;
}

.icon-tiles .tile-col h4 {
    margin-bottom: .25em;
}

.icon-tiles .tile-col p {
    margin-bottom: 0;
    color: #000;
}

.icon-tiles .tile-col img {
    width: 36px;
    margin-bottom: .75em;
}

@media only screen and (min-width:768px) {
    .icon-tiles .tile-col:hover {
        z-index: 3;
        transform: scale(1.1);
        transition: .5s;
    }

    .icon-tiles .half-image {
        padding-right: 3rem;
    }
}

@media only screen and (max-width:768px) {
    .icon-tiles .tile-row {
        gap: 1.5em;
    }

    .icon-tiles .tile-col {
        padding: 1.5em;
        flex: 0 0 calc(50% - .75em);
    }
}

@media only screen and (max-width:576px) {
    .icon-tiles .tile-row {
        gap: 1.5em;
    }

    .icon-tiles .tile-col {
        padding: 1.5em;
        flex: 0 0 100%;
    }
}

/* ---- MEETINGS --------------------------------------------------------------------------------------------------------- */

.topic__container__meeting-info .topic__content--meeting-info .row > .columns > h2 {
    padding-left: .65em;
    font-weight: 700;
}

.topic__container__meeting-info .topic__content--meeting-info .row > .columns > p {
    padding-left: 1em;
}

.topic__container__meeting-info .topic__content--meeting-info .topic__content--post-text-block {
    border-top: 1px solid #e9e9e9;
    padding-top: 2em;
    padding-bottom: 2em;
}