:root {
        --font: Source Sans 3 Variable;
        --alt-font: Figtree;
        --accent-color: #191f5e;
        --secondary-color: #6e33ff;
        --link-color: #a9a9a9;
        --accent-highlight-color: #191f5e;
        --accent-highlight-background-color: #e4e6f8;
        --accent-tinted-color-70: #babccf;
        --accent-tinted-color-80: #d1d2df;
        --accent-tinted-color-90: #e8e9ef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #242c86;
        --secondary-hover-color: #9266ff;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-attachment: fixed; background-size: cover; }
.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/7a95ec5e-b843-4247-bc86-c6e2676404fd/ayqulm1gyicz-property-lockups-rgb-university_resize.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/******************************************************************************/

/**
 * Project:	Hyland University Production
 * Version:	1.2
 * Last change:	06/13/25
 * Assigned to:	Kevin Revoir
 * Primary use:	Styling for university.hyland.com 
 */

/******************************************************************************/


/**
 * [TABLE OF CONTENTS]
 * #1 Global Settings / Globally-available variables and config.
 * #2 Components / Specific Pages and Sections (Dashboard, Catalog, Learning Paths, etc.)
 * #3 Typography, Colors, & Iconography / Font, color, and icon styling
 * #4 Responsive / Various screen breakpoints and styling
 * #5 Flexbox/Margins/Padding / Spacing and flexbox CSS classes
 * #6 Custom Rules, Hidden Items, & Fixes / Hidden fields and custom CSS rules
 * #7 Print / Print Styles
 */

 

/*------------------------------------*\
  #1 - Global Settings
\*------------------------------------*/

:root {
    --motion-speed: 0.2s;
    --motion-speed-slow: 0.4s;
    --motion-speed-notice: 0.8s;
    --scroll-snap: mandatory;
}

::selection {
    background: #191F5E; /* WebKit/Blink Browsers */
    color: #ffffff;
}

::-moz-selection {
    background: #191F5E; /* Gecko Browsers */
    color: #ffffff;
}

.manager #onetrust-consent-sdk {
    display: none !important;
}

/* Smooth Scroll */

html {
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}

.footer {
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* Code and Pre styling */
code {
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    border: none;
    padding: .35em .5em;
}

pre {
    overflow-x: auto !important;
    border-radius: 0px;
    background-color: #efefef;
    padding: .5em;
}

/* Content Page Width */

.mw-1200 {
    max-width: 1200px !important;
    margin: 0 auto;
}

.mw-1440 {
    max-width: 1440px;
    margin: 0 auto;
}

.mw-1600 {
    max-width: 1600px !important;
    margin: 0 auto;
}

.mw-850 {
    max-width: 850px;
    margin: 0 auto;
}

.mw-600 {
    max-width: 600px;
}

.full-width {
    width: 100%;
    margin: 0;
    padding: 0;
}

#learner, #lms {
    overflow: hidden;
}


/* Main */

.top-bar-section .dropdown {
    display: none !important;
}

.top-bar-section .has-dropdown:hover .dropdown {
    display: block !important;
    background-color: #f9f9f9;
}

/*.top-bar > .top-bar-section > ul > li > .dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}

.has-dropdown {
    display: inline-block !important;
}*/

/*.header--microsite .top-bar*/ .top-bar-section > ul li a:hover {
    border-bottom: 3px solid #191F5E !important;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

/*.header--microsite .top-bar*/ .top-bar-section > ul li ul li a:hover {
    border-bottom: none !important;
    background-color: #ededed !important;
}

.container {
    max-width: 100% !important;
}

.hero .hero__caption {
    background: transparent;
    right: 8%;
    top: 43%;
    transform: translateY(-75%);
    left: auto;
    /*bottom: auto;*/
}

.h1-responsive {
    font-size: 4.25em;
}

.hero-text-new {
    font-size: 1.375em;
}

.hero-new {
    background-color: #f4f6fe;
        background-size: contain;
background-position-x: right;
background-position-y: bottom;
background-repeat: no-repeat;
}


@media screen and (max-width: 1460px) {
    .hero-new {
        background-position-x: left;
        background-size: contain;
        background-position-y: bottom;
        background-repeat: no-repeat;
    }
}

.widget--hero-image {
    margin-bottom: 0px !important;
}

input[type=search]:focus {
    background: transparent;
}

.header--microsite {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 2%;
    /*z-index: 2;*/
    background-color: none;
    height: 5em;
}

.transcript {
    background-image: none !important;
    background-color: #fff;
}

.header--dashboard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 17px 4%;
    z-index: 2;
    background-color: #fff;
    height: 5em;
}

.widget--transcript-header .header--dashboard {
    position: relative !important;
    height: auto !important;
}

.header--microsite .company__beta-logo {
    position: absolute;
    top: 19px;
    left: 8%;
    z-index: 1;
}

.header .company__beta-logo .company-logo__container img {
    max-height: 30px;
    padding-top: 0px;
}

.header--microsite .company__beta-logo .company-logo__container img {
    display: none;
}

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

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

.header--microsite .top-bar, .header--dashboard .top-bar {
    border: 0;
    display: inline-block;
    margin-left: 100px;
    background: none;
    padding: 0px 0;
}

    .header--microsite .top-bar .top-bar-section {
        display: block;
        text-align: center;
        width: 100%;
    }

        .header--microsite .top-bar .top-bar-section ul {
            display: block;
            width: 100%;
            text-align: center;
            padding-top: 18px;
            margin-left: 200px;
        }

            .header--microsite .top-bar .top-bar-section ul .dropdown {
                min-width: 200px;
                text-align: center;
                padding-top: 17px;
                margin-left: 0px;
            }


        .header--microsite .top-bar .top-bar-section::after {
            content: '';
            display: block;
            clear: both;
        }

        .header--microsite .top-bar .top-bar-section li {
            display: inline-block;
            float: none;
            padding: 0;
            background: none;
        }

            .header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) {
                background: none;
                color: black;
                text-align: left;
            }

.top-bar-section ul li > a {
    font-size: .9rem;
    padding-top: 3px;
}

.top-bar-section .has-dropdown > a:after, .top-bar-section .navigation-widget__item--has-dropdown > a:after {
    display: none;
}

.top-bar-section .has-dropdown > a:before, .top-bar-section .navigation-widget__item--has-dropdown > a:before {
    border: 5px inset transparent;
    content: "\f107" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    display: inline-block;
    margin-top: -2.5px;
    position: absolute;
    right: 9px;
    top: -2px;
    color: #191F5E;
    transition: .3s all;
    transform: rotate(0deg);
}

.top-bar-section .has-dropdown > a:hover:before, .top-bar-section .navigation-widget__item--has-dropdown > a:hover:before {
    transform: rotate(-180deg);
}

.top-bar-section .dropdown {
    min-width: 200px;
    background: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.nav--top ul li:nth-last-child(3) {
    display: none;
}

.new-tab {
     background-color: #13eac1;
     color: #000;
     border-radius: 5px;
     line-height: 1.5em;
}

/*.secondary-header {
    padding: 5em 0 0 0 !important;
}*/

.course__detail_asset, .course__detail__container, .course__detail__sidebar {
    padding: 5em 2em 0 2em !important;
}

.course__detail__container {
    max-width: 1600px;
}

.home__content {
    padding: 0;
}

.header-text-only, .widget--support_standard, .widget--redemption-form, .widget--registration-form {
    padding-top: 5em !important;
}

.header-text-only-rule {
    border: 2px solid #191F5E;
    width: 10%;
    margin-bottom: 20px;
    text-align: left;
}

.header-rule {
    border: 2px solid #191F5E;
    width: 10%;
    margin: 0px auto 30px auto;
    text-align: left;
}

.nav ul a, .nav ul button {
    padding: .6rem;
}

.panel--secondary {
    margin-bottom: 0;
    background-color: #f4f6fe !important;
}

/*.featured-content-image-overlay-item__overlay {
    position: static;
}*/

.hero .hero__caption {
    position: absolute;
}

.layout__content .widget.Testimonial {
    padding: 8rem calc(12% - 64px);
}

.Testimonial {
    background: #eaeaea;
}

    .Testimonial .featured-content-carousel__list > li {
        color: #000;
    }

        .Testimonial .featured-content-carousel__list > li picture {
            display: inline-block;
            width: calc(50% - 4px);
            vertical-align: middle;
            padding: 35px;
        }

        .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay {
            display: inline-block;
            width: calc(50% - 4px);
            vertical-align: top;
            background: none;
            position: static;
            text-align: left;
        }

            .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay h4 {
                font-size: 84px;
                font-weight: bold;
                color: black;
            }

            .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay p {
                font-size: 16px;
                color: black;
                margin-top: 40px;
                font-style: italic;
            }

    .Testimonial .featured-content-carousel__dots {
        position: static;
        padding: 3rem 0 0;
    }

    .Testimonial .featured-content-carousel__dot {
        width: 104px;
        border-radius: 0;
        background: #c0c0c0;
        margin: 0 16px;
    }

        .Testimonial .featured-content-carousel__dot.featured-content-carousel__dot--active {
            background: #2e2e2e;
        }

    .Testimonial .featured-content-carousel__nav {
        display: block !important;
        bottom: auto;
        top: 50%;
        width: 100%;
        left: 0;
        margin: 0;
        padding: 0;
    }

        .Testimonial .featured-content-carousel__nav button:nth-child(1) {
            float: left;
        }

        .Testimonial .featured-content-carousel__nav button:nth-child(2) {
            float: right;
        }

    .Testimonial .btn--primary:hover, .Testimonial .btn--primary:active, .Testimonial .btn--primary, .Testimonial .btn {
        background: none;
        border: 0;
    }

    .Testimonial .icon-navigateleft:before, .Testimonial .icon-navigateright:before {
        color: #2e2e2e;
        font-size: 45px;
    }

.featured-content-carousel__container {
    margin-left: 6%;
    margin-right: 6%;
}

.featured-content-carousel__dots {
    display: none;
}



.hero .btn--primary {
    color: white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 0px;
    font-size: 26px;
}

.home__content .hero {
    margin-bottom: 0px;
    max-height: 850px;
    border-bottom: 12px solid #6E33FF;
    /*margin-top: 5em;*/
}

.row .row {
    margin: 0 auto;
}

.section-2 {
    padding: 0px !important;
    background: #6997b0;
}

    .section-2 .columns {
        padding-left: 0px;
        padding-right: 0px;
    }

        .section-2 .columns img {
            width: 100%;
        }

        .section-2 .columns p {
            margin-bottom: 0px;
            font-size: 23px;
        }

    .section-2 .editor-content {
        height: 100%;
        align-items: center;
    }

.column2 h3 {
    color: white;
    font-size: 62px;
}

.column2 p {
    color: white;
}

.column2 {
    padding: 15% 15% 0;
}

.searchbar {
    width: 95%;
    margin-top: 7%;
    text-align: center;
    margin-bottom: 6%;
}

    .searchbar .ember-text-field {
        border-radius: 0px;
        width: calc(100% - 200px);
        border: 0px solid transparent;
        box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
        background: #f0f0f7;
    }

        .searchbar .ember-text-field input.ember-text-field:focus {
            background: #f0f0f7;
        }

    .searchbar .btn--primary .icon-search {
        display: none;
    }

    .searchbar .btn--primary {
        background-color: #6997b0;
        border-radius: 0px !important;
        font-size: 22px;
        text-transform: none;
        font-weight: 600;
        float: right;
    }

    .searchbar .search-bar-widget button {
        position: static;
        height: 60px;
        padding: 0 48px;
    }

.search-bar-widget input {
    height: 60px;
    font-size: 22px;
}


.section3 {
    width: 81%;
}

    .section3 h2.widget__title {
        font-size: 56px;
        font-weight: 600;
        color: #2e2e2e;
    }

    .section3 p.widget__subtitle {
        font-size: 18px;
        color: #2e2e2e;
    }

    .section3 .widget__cta {
        padding: 0px;
    }

        .section3 .widget__cta .btn--primary {
            background-color: #6997b0;
            border-radius: 0px;
            border: 0px solid;
            font-size: 18px;
            padding: 12px 32px;
            font-weight: 600;
        }

.section4 {
    width: 83%;
    margin-top: 10px;
}

    .section4 .catalog-grid-item {
        border: 3px solid #6997b0;
        border-radius: 0px;
    }

    .section4 .catalog-grid-item__title {
        font-size: 32px;
        color: black;
        margin-top: 10px;
        color: #2e2e2e;
        font-weight: 600;
    }

    .section4 .catalog-grid-item__description {
        color: #2e2e2e;
        margin-top: 10px;
        font-size: 17px;
    }

    .section4 .catalog-grid-item__cta-container .btn--right {
        float: left;
        border: 1px solid #6997b0;
        padding: 12px 32px !important;
        border-radius: 0px;
        margin-top: 50px;
        font-weight: 600;
        color: #6997b0;
        margin-bottom: 10px;
        font-size: 22px;
    }

.section6 .catalog-grid-item__cta-container .btn--right {
    float: left;
    border: 1px solid #6997b0;
    padding: 6px 14px !important;
    border-radius: 0px;
    margin-top: 50px;
    font-weight: 600;
    color: #6997b0;
    margin-bottom: 10px;
    font-size: 13px;
}

.section5 .ember-view div:nth-child(1) {
    display: inline-block;
    margin-left: 10%;
}

.section5 .widget__cta {
    padding: 0;
    display: inline-block;
    float: right;
    margin-right: 10%;
}

.section4 .catalog-grid-item__hr, .section5 .row, .section6 .catalog-grid-item__hr {
    display: none;
}

.section5 .widget__title {
    font-size: 56px;
    font-weight: 600;
    color: #2e2e2e;
}

.section5 {
    margin-top: 100px;
}

    .section5 .widget__cta .btn--centered {
        display: block;
        background: #6997b0;
        border: 0px solid transparent;
        border-radius: 0px;
        padding: 12px 32px;
        font-size: 18px;
        font-weight: 600;
    }

.section6 {
    width: 83%;
    margin-bottom: 100px;
}

    .section6 .catalog-grid-item {
        border: 1px solid #6997b0;
        position: relative;
        border-radius: 0px;
    }

    .section6 .column.medium-12 {
        padding-top: 1rem;
    }

    .section6 .catalog-grid-item__body .catalog-grid-item__title {
        font-size: 20px;
        font-weight: bold;
        color: #2e2e2e;
    }

.catalog-grid-item__title {
    width: 100%;
}

.section6 .catalog-grid-item__body .catalog-grid-item__description {
    font-size: 13px;
    color: #2e2e2e;
}

.section7 {
    background: #6997b0;
}

    .section7 .row {
        width: 82%;
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .section7 .editor-content img {
        width: 100%;
    }

.section7-title {
    color: white;
    font-size: 50px;
    margin-top: 15%;
}

.section7 p {
    margin-bottom: 0px;
}

.section7-description {
    color: white;
    font-size: 20px;
    margin-bottom: 1rem;
}

.section7-btn {
    background: transparent;
    color: white;
    border: 2px solid white;
    border-radius: 0px;
    width: 100%;
    max-width: 268px;
    margin-top: 30px;
    font-size: 22px;
    font-weight: 600;
}

.section4 .column.medium-6:first-child {
    display: none;
}

.section4 .column.medium-6:nth-child(2) {
    width: 100%;
}

.section4 .column.medium-6:hover {
    background: #6997b0;
}

    .section4 .column.medium-6:hover .catalog-grid-item__title, .section4 .column.medium-6:hover .catalog-grid-item__description {
        color: #fff;
    }

    .section4 .column.medium-6:hover .catalog-grid-item__cta-container .btn--right {
        border-color: #fff;
        color: #fff;
        background: none;
    }


/* Dashboard */

.dashboard-hero {
    background-color: #bg-hyland-grey;
    margin-top: 5em;
    flex-direction: row;
    justify-content: center;

  }

  .h1-dashboard-responsive {
        font-size: 2.5em;
    }


.layout__content .widget.Testimonial .testimonial {
    height: 32vw;
    background-size: 32vw 32vw;
    background-position: center left;
    padding-left: 40vw;
}

.layout__content .widget.Testimonial .testimonial-quote {
    text-align: left;
    padding: 0;
}

    .layout__content .widget.Testimonial .testimonial-quote::before {
        font-size: 62px;
        content: 'What our students say';
        font-weight: bold;
        display: block;
        margin-bottom: 32px;
    }

    .layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text {
        font-size: 17px;
        font-style: italic;
    }

.layout__content .widget.Testimonial .testimonials__nav--left {
    left: 0;
}

.layout__content .widget.Testimonial .testimonials__nav--right {
    right: 0;
}

.layout__content .widget.Testimonial .featured-content-multi-carousel .featured-content-block-grid.testimonial-content-middle > li {
    padding: 0 64px;
}

.layout__content .widget.Testimonial .testimonials__nav {
    width: 44px;
}

.dashboard-section6 {
    background-color: #efeff6;
}

    .dashboard-section6 .featured-content-multi-carousel {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 54px;
    }

    .dashboard-section6 .widget__title {
        font-size: 56px;
        font-weight: bold;
        margin: 100px 0 54px 0;
        color: #2e2e2e;
    }

    .dashboard-section6 .featured-content-multi-carousel-item {
        background: transparent;
        text-align: center;
        border-right: 0px solid;
    }

        .dashboard-section6 .featured-content-multi-carousel-item img {
            border-radius: 0px;
        }

    .dashboard-section6 .featured-content-multi-carousel-item__body {
        text-align: left
    }

    .dashboard-section6 .featured-content-multi-carousel-item__title {
        padding: 0 .5em;
        margin-top: 21px;
        font-size: 23px;
    }

    .dashboard-section6 .featured-content-multi-carousel-item__description {
        font-size: 15px;
    }

    .dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft {
        font-size: 40px;
        color: #696ab0;
    }

    .dashboard-section6 .featured-content-multi-carousel__nav-left {
        left: 7%;
    }

    .dashboard-section6 .featured-content-multi-carousel__nav-right {
        right: 7%;
    }

.dashboard #learner .container .widget--html_standard {
    padding: 0px !important;
    margin: 0px !important;
}

.dashboard-stats__container {
    max-width: 1600px;
    margin: auto;
}

/* Dashboard Access Header Styling */

.dashboard-access__header {
    background-color: hsla(226.66666666666669, 100%, 21%, 1);
    background-image: radial-gradient(circle at 5% 55%, hsla(218.48275862068965, 74%, 38%, 1) 0%, transparent 36%), radial-gradient(circle at 47% 11%, hsla(234, 96%, 10%, 1) 0%, transparent 55.198429631541266%), radial-gradient(circle at 80% 0%, hsla(226.66666666666669, 100%, 21%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, hsla(226.54205607476635, 100%, 20%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 100%, hsla(222.9357798165138, 100%, 21%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 100%, hsla(222.78688524590163, 100%, 23%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 0%, hsla(226.54205607476635, 100%, 20%, 1) 0%, transparent 50%);
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
}

.button-expander i {
    color: #fff;
}

.button-expander {
    border: 1px solid #fff;
}

.dashboard-access__header span {
    color: white;
    font-weight: bold;
}

.dashboard-access-tabs {
    background: #F1EFEF !important;
}

.dashboard-access-tab__count {
    background: #191F5E;
    border: none;
    color: #fff;
}

.dashboard-access-tab--active {
    border-color: #191F5E;
}

.dashboard-access-tab__label:hover {
    color: #191f5e;
    text-decoration: underline;
}

/* Dashboard Navigation Styling */

.navigation-bar.top-bar {
    border: none;
    position: absolute;
    top: -300px;
    left: 350px;
    z-index: 2;
}

.navigation-bar .top-bar-section ul.left {
    border-bottom: none;
}

/* Dashboard Avatar */
.nav--top {
    display: none !important;
}


@media only screen and (min-width: 48.063em) {
    .nav--top {
        float: none;
        margin: 0;
        z-index: 99;
        position: absolute;
        right: 0;
        top: -85px;
    }
}

.avatar-small {
    height: 42px;
    width: 42px;
    margin-top: -5px;
    transform: translate3d(0, 0, 0);
}

.nav-links .avatar {
    font-size: 1rem;
    color: #000;
    text-align: center;
    line-height: 42px;
    box-shadow: inset 0 0 0 1px #6E33FF, inset 0 0 0 2px #6E33FF;
    border-radius: 25px;
    background-size: 100% !important;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.dashboard-header__avatar .avatar {
    box-shadow: inset 0 0 0 1px #6E33FF, inset 0 0 0 2px #6E33FF;
}



/* Pick up where you left off styling Sidebar*/

.featured-content-with-sidebar {
    /*min-height: 475px;*/
    overflow: hidden !important;
}

.featured-content-sidebar--right {
    overflow: hidden !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .featured-content-with-sidebar {
        /*min-height: 450px;*/
    }

    .card-body .dashboard-title {
        font-size: 1em !important;
    }
}

/* Linkedin Button Spacing */
.dashboard-access-list-item .row .medium-4 .row .medium-6:nth-child(2) {
    margin: 5px 0px !important;
}

.dashboard-access-list-item .row .medium-4 .row .medium-6 a {
    padding: 0.5em 2.25em 0.5em 1.5em;
}

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

    .dashboard-access-list-item .row .medium-4 .row .medium-6:nth-child(2) {
        text-align: left !important;
    }

    .dashboard-access-list-item .row .medium-4 .row .medium-6:nth-child(1) {
        text-align: right !important;
    }
}

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

    .dashboard-access-list-item .row .medium-4 .row .medium-6:nth-child(1) {
        margin-top: 15px !important;
        margin-bottom: 5px !important;
    }
}


h5.article-content__source span {
    display: none;
}

.dashboard-access-list-item-expansion .row .medium-8 {
    display: flex;
    flex-direction: column;
    padding-right: 0px !important
}

    .dashboard-access-list-item-expansion .row .medium-8 .ember-view {
        order: 2;
    }

    .dashboard-access-list-item-expansion .row .medium-8 .small-12 {
        order: 1;
    }

@media screen and (max-width: 900px) {
    .dashboard-access-list-item-expansion .row .medium-8 .ember-view {
        order: 1;
    }

    .dashboard-access-list-item-expansion .row .medium-8 .small-12 {
        order: 2;
    }
}


/*------------------------------------*\
  #2 - Components
\*------------------------------------*/


/* Beta Alert Styling */

.home.course-group .global-nav__container {
    padding-top: 0 !important;
}

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

.nav--global-links {
    /*max-width: 100%;*/
    min-height: 40px;
    background-color: #52A1FF;
    border-left: 6px solid #5fb0ed;
    padding: 7px 15px;
}

    .nav--global-links a {
        color: #ffffff;
        font-size: .8rem;
        padding: 1em 0em;
    }

        .nav--global-links a:after {
            content: "\f105";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            margin-left: 0px;
            margin-left: 5px;
            top: 9px;
            font-size: 1.25em;
            position: absolute;
            -webkit-transition: all 0.2s ease-in;
        }


/* Homepage */

/*.hero .hero__caption {
    text-shadow: -1px -1px 6px rgb(255 255 255 / 70%), 1px -1px 6px rgb(255 255 255 / 70%), -1px 1px 6px rgb(255 255 255 / 70%), 1px 1px 6px rgb(255 255 255 / 70%);
}*/

.feature-card {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px;
}

.feature-card-cert {
    border: 2px solid #c8c8c8;
    margin-bottom: 50px;
}

    .feature-card-cert:hover {
        border: 2px solid #54565A;
    }

.card-block {
    background-color: #191f5e;
    border-radius: 0px;
    padding: 2em;
}

.catalog-secondary,
.hero-new-secondary {
    background-color: #f4f6fe;
    background-size: cover;
}

.card-body-alt {
    background-color: #fff;
    border-radius: 0px;
    padding: 2em;
    border: 1px solid #191f5e;
    color: #191f5e;
}

.card-body {
    background-color: transparent;
    border-radius: 0px;
    padding: 2em;
    color: #fff;
}

.card-body-cert {
    background-color: transparent;
    border-radius: 0px;
    padding: 0px;
    color: #fff;
}

.card-body-secondary {
    background-color: #f4f6fe;
    border-radius: 0px;
    padding: 2em;
    width: 100%;
    margin-bottom: 1.75em;
}

.catalog-secondary .featured-content-default-grid,
.catalog-secondary .featured-content-multi-carousel,
.catalog-secondary .widget__alt-title__container,
.catalog-secondary .hr__accent,
.hero-new-secondary .featured-content-default-grid,
.hero-new-secondary .featured-content-multi-carousel,
.hero-new-secondary .widget__alt-title__container,
.hero-new-secondary .hr__accent {
max-width: 1440px;
margin: 0 auto !important;
}

.hero-new-alt {
    background-color: #ffffff;
    background-size: cover;
}

.hero-new-alt .featured-content-default-grid {
max-width: 1440px;
margin: 0 auto !important;
}


.widget__alt-title__container h3 {
  font-size: 1.5em;
  margin-bottom: 1.75em;
  padding: 0 1rem;
}


    /* Updated Feature Card Styling */

    .feature-card:hover {
        box-shadow: 3px 3px 18px -2px rgba(0,0,0,.2)
    }

.alternate-header .hero .btn--primary {
    max-width: 250px;
}

/* Footer */

.footer {
    /*margin-top: 50px;*/
    padding: 0;
}

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

.footer, .footer h2, .footer a {
    color: white;
}

    .footer a:hover {
        color: #cecece;
    }

    .footer i {
        font-size: 1.5em;
    }

    .footer .footer__company__info {
        display: none;
    }

.learner__language__selector__btn {
    line-height: 35px;
    border-radius: 0px;
    background-color: #cecece;
}

    .learner__language__selector__btn, .learner__language__selector__btn ul li {
        background-color: #f5f5f5;
    }

#logo-footer {
    margin-top: 3px;
}

.contact-cta {
    background-color: #191F5E;
    padding: 1.75em;
}

.copyright {
    padding: 11px 0 7px;
    background-color: #191f5e;
    /*border-top: solid 1px #777;*/
}

/* Footer Nav styling */

.footer-nav {
    color: #dadada;
    background: #191f5e;
    padding: 40px 0px !important;
}

.headline {
    font-size: 14px;
    font-weight: 600 !important;
    display: block;
    margin: 10px 0px;
}

.headline-rule {
    border: 1px solid #52A1FF;
    width: 10%;
    margin: 10px 0 18px 0;
    text-align: left;
}

.social-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.social-icon {
    color: #ffffff;
    border-radius: 0px;
    padding: 12px;
    margin: 0 10px 0 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .social-icon:hover {
        color: #ffffff !important;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .btn.catalog-aggregation__value {
        color: #191f5e;
    }

    .catalog-aggregation {
        border: none !important;
    }

    .catalog-aggregation--expanded {
        background-color: #f4f6fe;
        border: none !important;
    }

    .btn.catalog-aggregation__value:hover {
        color: #191f5e;
        text-decoration: underline;
    }

.uhc-footer {
    margin-bottom: 40px;
    font-style: normal;
    line-height: 1.5;
    font-size: 14px;
}

.mission-statement {
    font-size: 14px;
}

.copyright-text {
    font-size: 12px;
}

.list-unstyled {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.footer-text {
    font-size: 1em;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: inherit;
    text-rendering: optimizelegibility;
}

.uhc-footer li {
    margin: 1em 0em;
}


/* Footer Sticky 

.home__content {
    min-height: calc(100vh - 782px);
}

.footer {
    height: 782px;
} */


/* Headers */

/*.secondary-header-white-text, .learning-content-hero__caption {
    text-shadow: -1px -1px 13px rgba(255,255,255, 0.5), 1px -1px 13px rgba(255,255,255, 0.5), -1px 1px 13px rgba(255,255,255, 0.5), 1px 1px 13px rgba(255,255,255, 0.5);
}
*/

/* Course Catalog */

/*Course Catalog Card Flexbox*/

/*[class*=block-grid-] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

[class*=block-grid-] > li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
*/
.catalog-grid-item, .featured-content-multi-carousel-item {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    box-shadow: 3px 3px 18px -8px rgba(0,0,0,.1);
    border-radius: 0px;
}

.featured-content-multi-carousel-item {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    position: relative;
}

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

.featured-content-multi-carousel-item__title {
    min-height: 2.5em;
    font-weight: 400;
    font-size: 1em;
}

.featured-content-multi-carousel-item__title,
.featured-content-multi-carousel-item__source {
    text-align: left;
    padding: 0 .75em;
}

.featured-content-multi-carousel-item__source {
    text-align: left;
    padding: 0 1em;
    margin-bottom: 0;
}

.catalog-grid-item__body .featured-content-item__authors {
    text-align: left;
    padding: 0 1em 0 0;
}

.widget--featured-content .hr__accent {
    color: #efefef;
}

.catalog-grid-item:hover, .featured-content-multi-carousel-item:hover {
    box-shadow: 3px 3px 18px -2px rgba(0,0,0,.2)
}

.catalog-grid-item .row,
.catalog-grid-item .row .column,
.catalog-grid-item .row .column .catalog-grid-item__body,
.featured-content-multi-carousel-item,
.featured-content-multi-carousel-item__body {
    display: flex;
    flex-grow: 1;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
    min-width: 100%;
}

/*.catalog-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-grow: 1;
}*/


/* Course Catalog Styling */

.catalog-grid-item > .row > .column {
    padding-left: 0;
    padding-right: 0;
}

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

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

.catalog-grid-item__cta-container {
    align-items: center;
    margin-top: 12px;
}

.catalog-display-type button, .catalog-display-type button.btn--primary {
    border: none;
}

button.catalog-item__queue-button i.icon-check, button.catalog-item__queue-button i.icon-tally {
    background: transparent;
    font-weight: bold;
}

button.catalog-item__queue-button i.icon-check {
    color: #191F5E !important;
}

button.catalog-item__queue-button--added, button.catalog-item__queue-button--added:hover {
    color: #000 !important;
    background: transparent;
}

/* Course Catalog Premium Tag Adjustment */
.featured-content-item__authors {
    margin-bottom: -1.25em;
}

/* Image Shadow on Course Screenshots */
.topic__text__body .note-popup__editor-content img {
    max-width: 100%;
    margin-bottom: 1.25em;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

/* Hero Slider */

.carousel {
    position: relative;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    z-index: 0;
}

.carousel, .carousel-inner, .carousel-item {
    max-height: 450px;
    min-height: 450px;
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

    .carousel-item .view img {
        width: 100%;
        object-fit: cover;
        min-height: 450px;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 40%;
    bottom: 40%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3%;
    color: #fff;
    background-color: #191F5E;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media screen and (max-width: 768px) {
    .carousel-control-prev,
    .carousel-control-next {
        width: 6%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

/* Carousel Slider */
.carousel-caption,
.hero-caption-secondary {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

    .carousel-caption h1 {
        margin-bottom: 0.25em;
    }


.carousel-caption {
    text-align: left;
}

.h1-carousel-responsive {
    font-size: 2.5em;
}

.text-carousel-responsive {
    font-size: 1em;
}

.video-caption, .video-caption-alt {
    bottom: 9%;
}

    .video-caption img {
        max-height: 350px;
        width: auto;
    }

.alternate-caption {
    bottom: 30%;
}

.carousel-caption h1 {
    font-size: 3em;
}

.carousel-caption .video-text {
    padding-top: 8%;
    padding-left: 35px
}

.carousel-caption .video-text-alt {
    padding-top: 8%;
    padding-left: 35px
}

.image-slide {
    bottom: 30%;
}

.carousel-right {
    background-color: #ffffff;
    background-size: contain;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.carousel-left {
    background-color: #ffffff;
    background-size: contain;
    background-position-x: left;
    background-position-y: bottom;
    background-repeat: no-repeat;

}

.carousel-center {
    background-color: #ffffff;
    background-size: contain;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;

}

.carousel-cover {
    background-color: #ffffff;
    background-size: cover;
    background-position-x: left;
    background-position-y: bottom;
    background-repeat: no-repeat;

}

.catalog-grid-item .row .column .catalog-grid-item__body {
    background-color: #ffffff;
    border-radius: 0px;
}

@media only screen and (max-width: 1500px) and (min-width: 1025px) {
    .image-slide {
        bottom: 21%;
    }

    .carousel-caption h1 {
        font-size: 2.5em;
    }

    .video-caption, .video-caption-alt {
        bottom: 10%;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1025px) {
    .alternate-caption {
        bottom: 18%;
    }

    .carousel-caption .video-text-alt,
    .video-alt {
        padding-top: 4% !important;
    }
}

@media only screen and (max-width: 1180px) and (min-width: 1025px) {
    .video-caption-alt {
        bottom: 5% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .carousel-caption .video-text {
        padding-top: 0;
    }

    .image-slide {
        bottom: 12%;
    }

    .carousel-caption h1 {
        font-size: 1.75em;
    }

    .video-caption, .video-caption-alt {
        bottom: 18%;
    }

    .alternate-caption {
        bottom: 12%;
    }

    .video-alt {
        padding-top: 8% !important;
    }
}

@media only screen and (max-width: 768px) {
    .carousel-item .view img {
        height: 600px;
        object-fit: cover;
    }

    .image-slide {
        bottom: 23%;
    }

    .carousel-caption h1 {
        font-size: 2.25em;
    }

    .video-caption {
        bottom: 18%;
    }

    .alternate-caption {
        bottom: 23%;
    }
}


/* Jumbotron Heading */

.jumbotron {
    /*background-color: #e9ecef;*/
    /*margin-top: 5em !important;*/
    margin-bottom: 3.5em !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.jumbotron-sub-nav {
    margin-top: 5em !important;
    margin-bottom: 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.secondary-header__title {
    font-size: 3.125em;
    margin-bottom: 0.2em;
}

.jumbotron-prototype {
    /*background-color: #333;*/
    padding: 75px 30px;
}

/*.secondary-header-white-text {
  text-shadow: 2px 2px 8px #fff;
}*/


/* Buttons */

.hero .btn--primary,
.carousel-caption .btn--primary,
.jumbotron .btn--primary {
    color: white;
    border: none;
    border-radius: 0px;
    font-size: 1em;
    background-color: #191F5E;
    text-shadow: none;
    font-family: 'Figtree', sans-serif !important;
    font-weight: 600;
    padding: .75em 1.5em;
    /*display: block;
    width: 85%;*/
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}

.nav-links .btn--primary {
    color: white;
    border: none;
    border-radius: 0px;
    background-color: #191F5E;
    text-shadow: none;
    font-family: 'Figtree', sans-serif !important;
    font-weight: 600;
    padding: .75em 1.5em;
    /*display: block;
    width: 85%;*/
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}

    .hero .btn--primary:hover,
    .carousel-caption .btn--primary:hover,
    .nav-links .btn--primary:hover,
    .jumbotron .btn--primary:hover {
        background-color: #020528;
        border: none;
    }

.hero .btn--alternate,
.carousel-caption .btn--alternate,
.jumbotron .btn--alternate {
    color: #191f5e;
    border: none;
    border-radius: 0px;
    font-size: 1em;
    background-color: #13EAC1;
    text-shadow: none;
    font-family: 'Figtree', sans-serif !important;
    font-weight: 600;
    padding: .75em 1.5em;
    /*display: block;
    width: 85%;*/
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}

    .hero .btn--alternate:hover,
    .carousel-caption .btn--alternate:hover,
    .jumbotron .btn--alternate:hover {
        background-color: #020528;
        color: #fff;
        border: none;
    }

.hero .btn--alternate-blue,
.carousel-caption .btn--alternate-blue,
.jumbotron .btn--alternate-blue {
    color: white;
    border: none;
    border-radius: 0px;
    font-size: 1em;
    background-color: #6E33FF;
    text-shadow: none;
    font-family: 'Figtree', sans-serif !important;
    font-weight: 600;
    padding: .75em 1.5em;
    /*display: block;
    width: 85%;*/
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}

    .hero .btn--alternate-blue:hover,
    .carousel-caption .btn--alternate-blue:hover,
    .jumbotron .btn--alternate-blue:hover {
        background-color: #020528;
        border: none;
    }



.enroll__buy .btn--primary, .cart__buttons .btn--primary {
    padding: .5em 2.25em !important;
    display: inline-block;
    cursor: pointer;
    background-color: #191F5E;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 1px solid #191F5E;
    color: #fff;
}

    .enroll__buy .btn--primary:hover, .cart__buttons .btn--primary:hover {
        background-color: #020528 !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        border: 1px solid #020528;
        color: #fff;
    }

.cart__buttons .btn--alt {
    padding: .5em 2.25em !important;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 1px solid #6E33FF;
    color: #6E33FF;
}

    .cart__buttons .btn--alt:hover {
        background-color: #6E33FF !important;
        border: 1px solid #6E33FF;
        color: #fff;
    }

.catalog-item__queue-button {
    padding: .75em 1.15em !important;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #191F5E;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    margin-bottom: 0;
    margin-top: .5em;
    margin-right: 5px;
}

    .catalog-item__queue-button:hover {
        box-shadow: inset 400px 0 0 0 #191F5E;
        color: #fff !important;
    }

.catalog-grid-item__cta-container-with-queue span .btn--right,
.catalog-grid-item__cta-container .btn--right,
.learning-path-detail-milestone-item__cta,
.learning-path-timeline-milestone-item__content .btn--primary,
.enroll--learning-path .btn--primary,
.widget--registration-form .btn--primary,
.not-found__container .btn--primary {
    padding: .5em 2.25em .5em 1.5em !important;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #6E33FF !important;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    margin-top: .5em;
    border: 1px solid #6E33FF !important;
    color: #6E33FF !important;
    background-color: transparent;
}

.widget--featured-content .widget__title-cta {
    padding: .5em 2.25em .5em 1.5em !important;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #6E33FF !important;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    margin-top: 0;
    top: -5px;
    border: 1px solid #6E33FF !important;
    color: #6E33FF !important;
    background-color: transparent;
}

@media screen and (min-width: 901px) {
    .dashboard-access-list-item .btn--primary {
        padding: .5em 2.25em .5em 1.5em;
        display: inline-block;
        cursor: pointer;
        box-shadow: inset 0 0 0 0 #6E33FF !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        box-sizing: border-box;
        border-radius: 0px;
        font-weight: bold;
        margin-top: .5em;
        border: 1px solid #6E33FF !important;
        color: #6E33FF !important;
        background-color: transparent;
    }
}

.catalog-list-item__cta .btn--centered {
    padding: .75em 3.25em !important;
    margin: 3px auto;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #6E33FF;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    background: none;
    border-radius: 0px;
    border: 1px solid #6E33FF;
    color: #6E33FF;
    font-weight: bold;
}

.catalog-grid-item__cta-container-with-queue span .btn--right:before,
.catalog-grid-item__cta-container .btn--right:before,
.widget--featured-content .widget__title-cta:before,
.learning-path-detail-milestone-item__cta:before,
.learning-path-timeline-milestone-item__content .btn--primary:before,
.dashboard-access-list-item .btn--primary:before,
.enroll--learning-path .btn--primary:before,
.widget--registration-form .btn--primary:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 2px;
    margin-top: 0px;
    font-size: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    -webkit-transition: all 0.2s ease-in;
}

.widget--featured-content .widget__title-cta:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 2px;
    margin-top: 1px;
    font-size: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    -webkit-transition: all 0.2s ease-in;
}

.catalog-list-item__cta .btn--centered:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 2px;
    margin-top: 0px;
    font-size: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 9px;
    top: 0;
    height: 100%;
    width: 40px;
    -webkit-transition: all 0.2s ease-in;
}

.catalog-grid-item__cta-container-with-queue span .btn--right:hover:before,
.catalog-grid-item__cta-container .btn--right:hover:before,
.widget--featured-content .widget__title-cta:hover:before,
.catalog-list-item__cta .btn--centered:hover:before,
.learning-path-detail-milestone-item__cta:hover:before,
.learning-path-timeline-milestone-item__content .btn--primary:hover:before,
.dashboard-access-list-item .btn--primary:hover:before,
.enroll--learning-path .btn--primary:hover:before,
.widget--registration-form .btn--primary:hover:before {
    padding-left: 14px;
    cursor: pointer;
    opacity: 1;
    text-indent: 0px;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

.catalog-grid-item__cta-container-with-queue span .btn--right:hover,
.catalog-grid-item__cta-container .btn--right:hover,
.widget--featured-content .widget__title-cta:hover,
.catalog-list-item__cta .btn--centered:hover,
.learning-path-detail-milestone-item__cta:hover,
.learning-path-timeline-milestone-item__content .btn--primary:hover,
.dashboard-access-list-item .btn--primary:hover,
.enroll--learning-path .btn--primary:hover,
.widget--registration-form .btn--primary:hover,
.not-found__container .btn--primary:hover {
    box-shadow: inset 400px 0 0 0 #6E33FF !important;
    color: #fff !important;
    text-indent: 0px;
}

.course__detail__sidebar .btn--primary {
    padding: .75em .25em !important;
    margin: 1.5em auto;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    background-color: #191F5E;
    border-radius: 0px;
    border: 1px solid #191F5E;
    color: #fff;
    font-weight: bold;
    font-size: .875rem;
    width: 100%;
}

.course__detail__sidebar .btn--primary:hover {
    background-color: #020528 !important;
    color: #fff !important;
    text-indent: 0px;
}

@media only screen (min-width: 48.063em) {
    .layout__content--sidebar .widget--one-column {
        padding: 0;
    }
}


.catalog-list-item__cta .btn--centered:hover,
.learning-path-detail-milestone-item__cta:hover {
    border: 1px solid #6E33FF;
}

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

.btn--expand, .btn-expand {
    padding: .75em;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.8s;
    -moz-transition: ease-in 0.8s;
    transition: ease-in 0.8s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 1px solid #191F5E;
    color: #fff !important;
    background-color: #191F5E;
}

    .btn--expand:hover, .btn-expand:hover {
        background-color: #020528;
        color: #fff !important;
    }


.btn--secondary, .btn-secondary {
    padding: .75em;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 1px solid #6E33FF !important;
    color: #6E33FF !important;
    background-color: #fff !important;
}

    .btn--secondary:hover, .btn-secondary:hover {
        background-color: #6E33FF !important;
        color: #fff !important;
        border: 1px solid #6E33FF !important;
    }

.btn-pink, .btn--pink {
    color: #fff;
    background-color: #dd085a;
    border-color: #dd085a;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-pink:hover, .btn--pink:hover {
        color: #fff;
        background-color: #ca1c93;
        border-color: #ca1c93;
    }

.btn-orange, .btn--orange {
    color: #fff;
    background-color: #f95300;
    border-color: #f95300;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-orange:hover, .btn--orange:hover {
        color: #fff;
        background-color: #b35c00;
        border-color: #b35c00;
    }

    .green-new-link {
        color: #191f5e;
    }

.btn-green, .btn--green {
    color: #fff;
    background-color: #191F5E;
    border-color: #191F5E;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-green:hover, .btn--green:hover {
        color: #fff;
        background-color: #59aa3c;
        border-color: #59aa3c;
    }

.btn-blue, .btn--blue {
    color: #fff;
    background-color: #52A1FF;
    border-color: #52A1FF;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-blue:hover, .btn--blue:hover {
        color: #fff;
        background-color: #2a90ab;
        border-color: #2a90ab;
    }

.btn-purple, .btn--purple {
    color: #fff;
    background-color: #6E33FF;
    border-color: #6E33FF;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-purple:hover, .btn--purple:hover {
        color: #fff;
        background-color: #3c2e49;
        border-color: #3c2e49;
    }

.btn-yellow, .btn--yellow {
    color: #fff;
    background-color: #F1CB61;
    border-color: #F1CB61;
    padding: .75em 2em;
    border-radius: 0px;
}

    .btn-yellow:hover, .btn--yellow:hover {
        color: #fff;
        background-color: #ce8d00;
        border-color: #ce8d00;
    }

/*.btn-outline, .btn--outline {
    color: #fff !important;
    background-color: transparent;
    border: 2px solid #fff;
    padding: .75em 2em;
    border-radius: 0px;
}

.btn-outline:hover, .btn--outline:hover {
    color: #9a9b9c !important;
    background-color: #fff;
    border-color: #fff;
}*/

.btn--outline, .btn-outline {
    padding: .75em 2em;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 2px solid #fff !important;
    color: #fff !important;
    background-color: transparent !important;
    border: none;
}

.btn--premium, .btn-premium {
    padding: .75em 2em;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    border: 2px solid #191F5E !important;
    color: #fff !important;
    background-color: #191F5E !important;
    border: none;
}

    .btn--outline:hover, .btn-outline:hover,
    .btn--premium:hover, .btn-premium:hover {
        box-shadow: inset 200px 0 0 0 #fff;
        color: #191f5e !important;
        border: 2px solid #fff !important;
    }

/*.btn-arrow, .btn--arrow {
    border: none;
    background-color: transparent;
    color: #fff;
    padding: .75em 2em;
}

.btn-arrow:hover, .btn--arrow:hover {
    border: none;
    background-color: transparent;
    color: #191F5E;
    padding: .75em 2em;
}

.btn-arrow:before, .btn--arrow:before{
  content:"\2192";
  color: #191F5E;
  font-size: 2.5em;
  opacity: 1;
  position: absolute;
  left: 40%;
  bottom: -65%;
  -webkit-transition: all 0.2s ease-in;
}

.btn-arrow:hover:before, .btn--arrow:hover:before{
  opacity:1;
  left: 45%;
  color: #fff;
}*/

.btn-arrow, .btn--arrow {
    padding: .75em 2em .75em 1.75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    font-weight: bold;
    margin: .25em 0em .5em 0em;
    color: #6E33FF;
    box-shadow: inset 0 0 0 0 #6E33FF !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px;
}

    .btn-arrow:hover, .btn--arrow:hover {
        color: #fff !important;
        box-shadow: inset 400px 0 0 0 #6E33FF !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
    }

    .btn-arrow:after, .btn--arrow:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
    }

    .btn-arrow:hover:after, .btn--arrow:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #fff !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }


.btn-arrow-reverse, .btn--arrow-reverse {
    padding: .75em 2em .75em 1.75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    font-weight: bold;
    margin: .25em 0em .5em 0em;
    color: #fff;
    background-color: #6E33FF !important;
    border: none !important;
    border-radius: 0px;
}

    .btn-arrow-reverse:focus, .btn--arrow-reverse:focus {
        color: #ffffff !important;
    }

    .btn-arrow-reverse:hover, .btn--arrow-reverse:hover {
        color: #fff !important;
        background-color: #191F5E !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
    }

    .btn-arrow-reverse:after, .btn--arrow-reverse:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
    }

    .btn-arrow-reverse:hover:after, .btn--arrow-reverse:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #fff !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

.btn-arrow-alt, .btn--arrow-alt {
    padding: .75em 2em .75em 1.75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    font-weight: bold;
    margin: .25em 0em .5em 0em;
    color: #6E33FF;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0px;
}

    .btn-arrow-alt:hover, .btn--arrow-alt:hover {
        color: #fff !important;
        background-color: #191F5E !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
    }

    .btn-arrow-alt:after, .btn--arrow-alt:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
    }

    .btn-arrow-alt:hover:after, .btn--arrow-alt:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #fff !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

.btn-arrow-header, .btn--arrow-header {
    padding: .75em 2em .75em 1.75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    font-weight: bold;
    margin: .25em 0em .5em 0em;
    color: #333;
    background-color: #fff !important;
    border: none !important;
    border-radius: 0px;
}

    .btn-arrow-header:hover, .btn--arrow-header:hover {
        color: #fff !important;
        background-color: #191F5E !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
    }

    .btn-arrow-header:after, .btn--arrow-header:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
    }

    .btn-arrow-header:hover:after, .btn--arrow-header:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #fff !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }


.pagination__controls-button.active {
    background-color: #77797b;
    border-color: #77797b;
    pointer-events: none;
}

.pagination__controls-button {
    border: 1px solid #9a9b9c;
    color: #9a9b9c;
}

    .pagination__controls-button:hover {
        border: 1px solid #9a9b9c;
        background-color: #9a9b9c;
        color: #fff;
    }

    .pagination__controls-button.last-child, .pagination__controls-button.last-page, .pagination__controls-button.previous-page {
        border-radius: 0px;
        border-right: 1px solid #9a9b9c;
    }

    .btn--products {
        background-color: #191f5e;
        color: #ffffff;
        border: 1px solid #191f5e;
        border-radius: 0px;
        width: 80%;
    }

        .btn--products:hover {
            background-color: #020528;
            color: #ffffff;
            border: 1px solid #020528;
        }

    .btn--getting-started {
        background-color: #191f5e;
        color: #ffffff;
        border: 1px solid #191f5e;
        border-radius: 0px;
        width: 100%;
    }

        .btn--getting-started:hover {
            background-color: #020528;
            color: #ffffff;
            border: 1px solid #020528;
        }
        .button-card-text {
            font-size: 1.25em;
        }

        .hyland-icon,
        .premium-icon {
            background-color: #6e33ff;
            padding: 7px;
            border-radius: 0px;
          }

        .double {
            font-size: 24px;
        }

        @media screen and (max-width: 1024px) {
            .btn--products {
                width: 100%;
            }
    }


/* Secondary Button Color */
.panel--secondary .btn--secondary {
    text-decoration: none;
    padding: 5px !important;
    box-shadow: none;
    background-color: transparent !important;
}

    .panel--secondary .btn--secondary:hover {
        background-color: #6E33FF !important;
        box-shadow: none;
        cursor: pointer;
    }

    
/* NavBar Styling */

.navbar {
    width: 100%;
    background-color: #fafafa;
    overflow: auto;
}

    .navbar a {
        float: left;
        padding: 17px;
        color: #707070;
        text-decoration: none;
        font-size: 17px;
        width: 16.66%; /* Six links of equal widths */
        text-align: center;
    }

        .navbar a:hover {
            background-color: #e5e5e5;
        }

        .navbar a.active {
            background-color: #191f5e;
            color: white;
            height: 100%;
        }

@media screen and (max-width: 999px) {
    .navbar a {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
    }
}


/* TQ Styling */
.techquest .btn--primary,
.primary .btn--primary {
    color: white;
    border: none;
    border-radius: 0px;
    background-color: #191F5E;
    text-shadow: none;
    font-family: 'Figtree', sans-serif !important;
    font-weight: 600;
    padding: .75em 1.5em;
    /*display: block;
    width: 85%;*/
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}

    .techquest .btn--primary:hover {
        background-color: #020528;
        border: none;
    }

    .primary .btn--primary:hover {
        background-color: #ffffff;
        color: #020528;
        border: none;
    }

        .primary .btn--primary:hover i {
            color: #020528;
        }

    .techquest .btn-primary:after, .techquest .btn--primary:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
        border: none !important;
    }

    .techquest .btn-primary:hover:after, .techquest .btn--primary:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #ffffff !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

.btn-underline-white, .btn--underline-white {
    padding: .75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    margin: .25em 0em .5em 1em;
    color: #ffffff;
    background: none;
    border-top: none;
    border-bottom: 1px solid #fff;
    border-right: none;
    border-left: none;
}

    .btn-underline-white:hover, .btn--underline-white:hover {
        color: #6E33FF !important;
        background: none;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        border-top: none;
        border-bottom: 1px solid #6E33FF;
        border-right: none;
        border-left: none;
    }

    .btn-underline-white:after, .btn--underline-white:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
        border: none !important;
    }

    .btn-underline-white:hover:after, .btn--underline-white:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #6E33FF !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }


.btn-underline-grey, .btn--underline-grey {
    padding: .75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    margin: .25em 0em .5em 1em;
    color: #585f69;
    background: none;
    border-top: none;
    border-bottom: 1px solid #585f69;
    border-right: none;
    border-left: none;
}

    .btn-underline-grey:hover, .btn--underline-grey:hover {
        color: #191F5E !important;
        background: none;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        border-top: none;
        border-bottom: 1px solid #191F5E;
        border-right: none;
        border-left: none;
    }

    .btn-underline-grey:after, .btn--underline-grey:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
        border: none !important;
    }

    .btn-underline-grey:hover:after, .btn--underline-grey:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #191F5E !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

.btn-underline-green, .btn--underline-green {
    padding: .75em !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    margin: .25em 0em .5em 1em;
    color: #191F5E;
    background: none;
    border-top: none;
    border-bottom: 1px solid #191F5E;
    border-right: none;
    border-left: none;
}

    .btn-underline-green:hover, .btn--underline-green:hover {
        color: #020528 !important;
        background: none;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        border-top: none;
        border-bottom: 1px solid #020528;
        border-right: none;
        border-left: none;
    }

    .btn-underline-green:after, .btn--underline-green:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 5px;
        font-size: 1.1em;
        padding-left: 7px;
        padding-top: 6px;
        position: static;
        -webkit-transition: all 0.2s ease-in;
        border: none !important;
    }

    .btn-underline-green:hover:after, .btn--underline-green:hover:after {
        cursor: pointer;
        padding-left: 13px;
        color: #020528 !important;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

    .btn--primary-new {
        background-color: #191f5e;
        color: #ffffff;
        border: 1px solid #191f5e;
        border-radius: 0px;
        font-size: 1.125em;
    }

        .btn--primary-new:hover {
            background-color: #020528;
            border: 1px solid #020528;
            color: #ffffff;
        }

    .btn--alternate-new {
        background-color: #fff;
        color: #191f5e;
        border: 1px solid #191f5e;
        border-radius: 0px;
        font-size: 1.125em;
    }

        .btn--alternate-new:hover {
            background-color: #f4f6fe;
            color: #191f5e;
            border: 1px solid #191f5e;
        }

        .btn--card-new {
            color: #191f5e;
            font-size: 1rem;
            border: none;
            background: none;
            padding: 0em;
        }
    
            .btn--card-new:hover {
                color: #191f5e;
                text-decoration: underline;
                border: none;
                background: none;
                padding: 0em;
            }
    
            .btn--dashboard {
            background-color: #191f5e;
            color: #ffffff;
            border: 1px solid #191f5e;
            border-radius: 0px;
            width: 85%;
        }
    
            .btn--dashboard:hover {
                background-color: #020528;
                color: #ffffff;
                border: 1px solid #020528;
            }

        .btn--dashboard-highlight {
            background-color: #13eac1;
            color: #191f5e;
            border: 1px solid #13eac1;
            border-radius: 0px;
            width: 85%;
        }
    
            .btn--dashboard-highlight:hover {
                background-color: rgb(112, 242, 218);
                color: #191f5e;
                border: 1px solid rgb(112, 242, 218);
            }
    
            .button-card-text {
                font-size: 1.25em;
            }

    .btn--catalog-new {
        background-color: #191f5e;
        color: #ffffff;
        font-size: 1rem;
        border: 1px solid #191f5e;
        border-radius: 0px;
    }

        .btn--catalog-new:hover {
            background-color: #020528;
            color: #ffffff;
            font-size: 1rem;
            border: 1px solid #020528;
        }


/* Dashboard View Details Button Styles */

.dashboard-access-list-view-detail-page {
    float: right;
    padding: .5em 2.5em .5em 1.5em !important;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #6E33FF !important;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    margin-top: .5em;
    border: 1px solid #6E33FF !important;
    color: #6E33FF !important;
    background-color: transparent;
}

    .dashboard-access-list-view-detail-page:hover {
        box-shadow: inset 400px 0 0 0 #6E33FF !important;
        color: #fff !important;
        text-indent: 0px;
    }

    .dashboard-access-list-view-detail-page:before {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 0px;
        font-size: 1em;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        top: 0;
        height: 100%;
        width: 40px;
        -webkit-transition: all 0.2s ease-in;
    }

    .dashboard-access-list-view-detail-page:hover:before {
        padding-left: 14px;
        cursor: pointer;
        opacity: 1;
        text-indent: 0px;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

.dashboard-access-list-item-expansion .archive button {
    padding: .5em 2.5em .5em 1.5em !important;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #6E33FF !important;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    margin-top: .5em;
    border: 1px solid #6E33FF !important;
    color: #6E33FF !important;
    background-color: transparent;
}

    .dashboard-access-list-item-expansion .archive button:hover {
        box-shadow: inset 400px 0 0 0 #6E33FF !important;
        color: #fff !important;
        text-indent: 0px;
    }

    .dashboard-access-list-item-expansion .archive button:before {
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 2px;
        margin-top: 0px;
        font-size: 1em;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        top: 0;
        height: 100%;
        width: 40px;
        -webkit-transition: all 0.2s ease-in;
    }

    .dashboard-access-list-item-expansion .archive button:hover:before {
        padding-left: 14px;
        cursor: pointer;
        opacity: 1;
        text-indent: 0px;
        transition: 0.08s ease-in;
        -o-transition: 0.08s ease-in;
        -ms-transition: 0.08s ease-in;
        -moz-transition: 0.08s ease-in;
        -webkit-transition: 0.08s ease-in;
    }

@media screen and (max-width: 900px) {
    .dashboard-access-list-view-detail-page:before,
    .dashboard-access-list-item-expansion .archive button:before {
        display: none;
    }

    .dashboard-access-list-view-detail-page,
    .dashboard-access-list-item-expansion .archive button {
        padding: .5em 1em !important;
    }
}


@media screen and (max-width: 768px) {
    .dashboard-access-list-view-detail-page {
        margin-top: 1em;
        float: left;
    }
}


/* Articles Styling*/
/*.header--article {
    border-bottom: none;
    padding: 1rem;
    max-width: 1300px;
    margin: 0 auto;
}*/

.header--article {
    display: none;
}

.article-sidebar__rating,
.article-sidebar div img,
.article-sidebar div hr,
.article-sidebar__custom-fields {
    display: none
}

.article-content, .article-sidebar {
    width: 100%;
}

.widget--topic-article-content {
    max-width: 950px;
    margin: 0 auto;
}

.article-content__related-items {
    margin-top: 1em;
    max-width: 950px !important;
    padding-top: 25px;
}


/* 404 Page */

.not-found__container {
    height: 100vh !important;
    padding: 40vh 0 !important;
}

    .not-found__container .company__logo {
        margin: auto;
    }


/* Sign In Page Logo Resize */

.session__container img {
    max-width: 250px;
    padding: 1.75em;
}


/* Course Content */

.sidebar__testimonial {
    margin-bottom: 2em;
}

.course__related__title {
    background: var(--accent-color);
    color: #fff;
}

.panel--alt {
    border: 1px solid var(--accent-color);
}

.course__related__list a p:hover {
    color: #6E33FF;
    text-decoration: underline;
}

.course__related__list p {
    margin-left: 1em;
}

.course__detail__asset img {
    /* max-width: 100%; */
    width: 100%;
}

.learning-path-milestone__badge--required {
    background: #dd085a;
    padding: .5em .75em;
    border-radius: 0px;
}

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

/* Inside Course Home Icon */

.header__left__icon .icon-home {
    font-size: 1.2em;
}

/* Flip Card Widget Styling */

.front__content {
    max-height: none !important;
}

@media screen and (max-width: 1024px) {
    .flip-card__list > li {
        margin-bottom: 2rem;
    }

    .flip-card__list {
        margin: 0 2rem;
    }
}

/* Course Sidebar Lessons Section Height*/

.learner__sidebar-list {
    max-height: 750px;
}


/* Course Back to Details Page Button */

.courseBackLink {
    font-size: 0.9rem;
    color: #007f88;
    display: block;
    margin-top: -10px;
}

/* In Course Title Link Styles */
.header--student .header__left__copy {
    padding: 0.45rem 1rem !important;
}

.header__left__copy a:hover {
    border-bottom: solid 1px;
}

.header__left__copy .course-title-link:after {
    content: "\203A";
    font-size: 1.25em;
    margin-left: 2px;
    padding-left: 7px;
    padding-top: 6px;
    position: static;
    -webkit-transition: all 0.2s ease-in;
    border: none !important;
}


/* Assessment Exam Styling */

.quiz-start__content {
    background-color: #fff;
}

.quiz-start__text {
    font-family: 'Figtree', sans-serif;
}

    .quiz-start__text .quiz-start__sub-text span {
        text-align: center;
        margin-left: 0;
    }

    .quiz-start__text .quiz-start__sub-text p {
        margin-left: 0;
        text-align: center;
    }

.quiz-start__sub-text .btn--primary,
.question__container .btn--primary,
.results__controls .btn--success {
    background-color: #191F5E !important;
    border-color: #191F5E !important;
    color: #fff;
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}

    .quiz-start__sub-text .btn--primary:hover,
    .question__container .btn--primary:hover,
    .results__controls .btn--success:hover {
        background-color: #020528 !important;
        border-color: #020528 !important;
        color: #fff;
    }

.results__controls .btn {
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}

.results__controls .btn--primary {
    background-color: #6E33FF !important;
    border-color: #6E33FF !important;
    color: #fff;
}

    .results__controls .btn--primary:hover {
        background-color: #191F5E !important;
        border-color: #191F5E !important;
        color: #fff;
    }

@media screen and (max-width: 48em) {
    .quiz-start__text p {
        font-size: 1.25rem;
    }

    .quiz-start__text .quiz-start__sub-text span {
        font-size: 1rem;
    }
}

#question__body {
    font-size: 18px;
}

    #question__body table td {
        border: 1px solid #e9e9e9;
        font-size: 18px;
    }

.quiz__container--assessment .choices__list li .choice, .quiz__container--learner .choices__list li .choice {
    font-size: 18px;
}

.results__question-chart__container.row {
    display: none;
}

.results__question-chart-timer, .results__question-pool {
    height: 0;
}

.question-results__messages.row--flex {
    display: none;
}


/* Learning Path Overview Page */

.learning-path-timeline-milestone-item-circle--current {
    background-color: #c8c8c8 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.learning-path-timeline-milestone-item-circle--completed {
    background-color: #191F5E !important;
    -webkit-box-shadow: 0 0 0 9px #fff, 0 0 0 10px #c8c8c8, 0 0 0 14px #fff, 0 0 0 16px #191F5E;
    box-shadow: 0 0 0 9px #fff, 0 0 0 10px #c8c8c8, 0 0 0 14px #fff, 0 0 0 16px #191F5E;
}

    .learning-path-timeline-milestone-item-circle--completed:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 15px;
        display: flex;
        content: "\f00c";
        color: #ffffff;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

/*@media screen and (max-width: 768px) {
    .learning-path-timeline-milestone-item-circle--completed:before {
        margin-left: 4px;
        display: inline !important;
    }
}*/

.learning-path-timeline-milestone-item-circle {
    background-color: #c8c8c8;
}

.learning-path-timeline-milestone-item__vertical-line {
    background: #c8c8c8;
}

.learning-path-timeline-milestone__header {
    background-color:hsla(226.66666666666669,100%,21%,1);background-image:radial-gradient(circle at 5% 55%, hsla(218.48275862068965,74%,38%,1) 0%,transparent 36%),radial-gradient(circle at 47% 11%, hsla(234,96%,10%,1) 0%,transparent 55.198429631541266%),radial-gradient(circle at 80% 0%, hsla(226.66666666666669,100%,21%,1) 0%,transparent 50%),radial-gradient(circle at 80% 50%, hsla(226.54205607476635,100%,20%,1) 0%,transparent 50%),radial-gradient(circle at 0% 100%, hsla(222.9357798165138,100%,21%,1) 0%,transparent 50%),radial-gradient(circle at 80% 100%, hsla(222.78688524590163,100%,23%,1) 0%,transparent 50%),radial-gradient(circle at 0% 0%, hsla(226.54205607476635,100%,20%,1) 0%,transparent 50%);background-blend-mode:normal,normal,normal,normal,normal,normal,normal;;
}

.learning-path-timeline-milestone__title, .learning-path-criterion__value--pending, .learning-path-timeline-milestone__header-criterion .learning-path-criterion-container .learning-path-criterion, .learning-path-criterion__label {
    color: #ffffff !important;
}

.learning-path-timeline-milestone-items {
    background-color: #ffffff !important;
}

/* Learning Path Back to Details Button*/

#learningpathBackLink {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #ccc;
    font-size: .875rem;
}


/* Course Detail Flexbox Reorder LPs */

.course__detail__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: stretch;
}

    .course__detail__content h1 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .course__detail__content .course__detail__asset {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        overflow: visible;
    }

    .course__detail__content .row {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .course__detail__content .collection__courses {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }

/* LP Hero Image */

.widget--learning-path-content-hero_standard,
.learning-content-hero,
.learning-content-hero picture img {
    max-height: 300px !important;
}

    .learning-content-hero picture img {
        width: 100% !important;
        object-fit: cover;
    }

/*Removing Start LP Button on LP Milestone Sections

.learning-path-timeline-milestone-item__content a {
    display: none !important;
}

.learning-path-timeline-milestone-item__content .learning-path-milestone-item__alt-description a {
    display: inline-block !important;
}*/

/*.layout-panel .section div div div .panel {
    display: none;
}*/

/* Alt LP Design View Remove Details Button */

.learning-path-milestone-item__title .text-right a {
    display: none;
}

/* Learning Path Detail Page Milestone Removal*/

/*.collection__courses .learning-path-detail-milestone-list,
.collection__courses .center-ruled-title {
  display: none;
}*/

/* Course Completed Style Catalog */

.catalog-grid-item__completed-container {
    background: rgba(110, 51, 255, .8);
    border-radius: 0px;
}

.catalog-grid-item__completed i {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
}

.catalog-grid-item__completed p span {
    color: #fff;
    font-weight: bold;
}

.learning-path-milestone-item__info {
    margin-left: 1em;
}

.learning-path-milestone-item__info,
.learning-path-milestone-item__alt-description {
    text-align: right;
}

.learning-path-milestone-item__asset {
    margin-right: 1em;
    padding-right: 0;
}

.learning-path-milestone-item__body .catalog-grid-item__completed-container {
    border-radius: 0px;
}

.learning-path-milestone-item__body .catalog-grid-item__completed p {
    margin-left: 0;
}

/* Catalog Filter Styling */

@media only screen and (min-width: 48.063em) {
    .catalog-filters {
        height: 1rem;
    }
}

.catalog-active-filter__remove,
.catalog-active-filter .btn--link {
    color: #fff;
    background-color: #52A1FF !important;
    border-radius: 0px;
    padding: 0.4em 0.9em 0.4em 0.75em !important;
}

.catalog-active-filter__remove {
    line-height: 1.85;
}

.catalog-active-filter .btn--link {
    line-height: normal;
}

    .catalog-active-filter__remove:hover,
    .catalog-active-filter .btn--link:hover {
        color: #fff;
        background-color: #191F5E !important;
    }

/* Firefox Specific Styling Catalog */

@-moz-document url-prefix() {
    .catalog-filters__search .catalog-search input {
        padding: 1.5em .5em;
    }

    .catalog-search-bar .columns {
        height: 45px;
    }
}

/*  Mobile Catalog Search Update */
@media screen and (max-width: 768px) {
    .catalog-search input {
        width: 88% !important;
    }

    .catalog-search__button i {
        padding: 0 .75rem .5em 0.75em;
    }
}

/* Office Hours Styling */

.squircle-text {
    font-size: 30px;
    font-weight: bold;
}

.icon-style {
    border-radius: 0px !important;
    height: 56px;
    width: 56px;
}

@media only screen and (max-width: 600px) {
    .calendar {
        font-size: 2.5rem !important;
    }
}

.catalog-grid-item__asset-container--split {
    padding: 0em !important;
}

.headline .calendar {
    max-width: 100% !important;
}

.calendar {
    font-size: 2rem !important;
}

p.text-muted {
    line-height: 15px !important;
}

/* Search Bar Widget */

.search-bar-widget button {
    height: 100% !important;
}

.search-bar-widget input {
    height: 100% !important;
    font-size: 14px !important;
}

@media screen and (max-width: 768px) {
    .expandable-table__rows {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .search-bar-widget {
        margin-bottom: 15px;
    }

    .archived-content {
        margin-top: 25px;
    }
}

/* Catalog Calendar Styling */
.catalog-calendar__table thead {
    background-color: #f4f6fe;
    color: #191f5e;
}

.catalog-calendar__table caption {
    font-weight: 600;
}

/* Catalog Authors Text Placement */

.featured-content-multi-carousel-item__body .featured-content-item__authors {
    text-align: left;
    padding: 0 1em;
}



/* Catalog Card Ribbon Position Adjustment*/

.catalog__ribbon--attached {
    right: -8px;
    top: 10px;
}


/* Carousel Image Adjustment + Flex Fix */
.featured-content-multi-carousel-item .catalog-grid-item__asset-container {
    max-height: 172px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-radius: 0px;
}

/* Learning Path Styling */

.learning-path-milestone-item--secondary {
    background: transparent;
    background-color: #191F5E;
}

.learning-path-criterion__value-container {
    color: white;
}

.learning-path-milestone-item--secondary .learning-path-milestone-item__title h4 {
    color: white;
}

.learning-path-milestone-item__title .btn--primary {
    box-shadow: inset 0 0 0 0 #52A1FF !important;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    -ms-transition-duration: ease-in 0.5s;
    transition: ease-in 0.5s;
    box-sizing: border-box;
    border-radius: 0px;
    font-weight: bold;
    margin: .5em 0;
    border: 1px solid #52A1FF !important;
    color: #52A1FF !important;
    background-color: transparent;
}

    .learning-path-milestone-item__title .btn--primary:hover {
        box-shadow: inset 200px 0 0 0 #52A1FF !important;
        color: #fff !important;
        text-indent: 0px;
    }

.learning-path-milestone-item--with-body .learning-path-milestone-item__title {
    border-bottom: none;
}

.learning-path_custom-layout .editor-content p {
    text-align: center;
}


/* Accordion 

.accordion {
    font-size: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 0px;
}

.accordion-header,
.accordion-body {
    background: white;
}

.accordion-header {
    padding: 1.5em 1.5em;
    background: white;
    color: black;
    cursor: pointer;
    font-size: .9em;
    letter-spacing: .1em;
    transition: all .3s;
    text-transform: none;
}

.accordion__item {
    border-bottom: 1px solid #9a9b9c;
}

    .accordion__item .accordion__item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

.accordion-header:hover {
    background: #52A1FF;
    color: #fff;
    position: relative;
    z-index: 5;
}

.accordion-body {
    background: #fcfcfc;
    color: #353535;
    display: none;
}

.accordion-body__contents {
    padding: 1.5em 1.5em;
    font-size: .9em;
}

.accordion__item.active:last-child .accordion-header {
    border-radius: 0px;
}

.accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    font-weight: 900;
    float: right;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
    transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
    background: #52A1FF;
    color: white;
    font-weight: bold;
}

.accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: #353535;
}*/

/* Accordion New */




.accordion .active {
    border-bottom: none !important;
}

.card {
    background-color: #ffffff;
}

/* @media screen and (min-width: 1025px) {
    .card-xl {
        min-height: 1000px !important;
    }

    .card-xl-revise {
        min-height: 870px !important;
    }
}*/


.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

    .accordion-container .accordion:hover {
        background-color: #ccc;
    }

    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .accordion-container .active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px !important;
    background-color: white;
    /*max-height: 0;*/
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* Alert Styling */

.alert {
    position: relative;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0px;
    max-width: 1200px;
    margin: 0 auto;
}

    .alert ol,
    .alert ul {
        margin-left: 0;
        padding-left: 1.9em;
        background: #fff;
        margin-bottom: 0;
    }

h4.alert-heading {
    color: #000 !important;
    padding: 2px 0px 0px 2px;
    margin: 2px 0 7px 0;
}

h4 i {
    padding-right: 3px;
    padding-left: 3px;
}

.alert-table {
    background-color: #fff;
    margin-bottom: 0px;
    padding: 0 1em 1em 1em;
}

.alert table {
    max-width: 75%;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
    background-color: transparent;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
        background-color: transparent;
        border: none;
    }

.alert-warning {
    color: #ff9001;
    background-color: #FEF3E8;
    border-color: #Fef3e8;
    border-left: 5px solid #FF9001;
}

    .alert-warning h4 i,
    .alert-warning h4 em {
        color: #ff9001;
    }

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-copy {
    background-color: #ffffff;
    padding: .75rem;
    margin: 0;
    color: #333;
}

.alert-list {
    background-color: #ffffff;
    padding: .3625rem;
    margin: 0;
    color: #333;
}

.alert-abstract {
    color: #00008B;
    background-color: #E8F7FF;
    border-color: #dbf3ff;
    border-left: 5px solid #48C4FF;
}

    .alert-abstract h4 i,
    .alert-abstract h4 em {
        color: #00008B;
    }

.alert-bug {
    color: #f50057;
    background-color: #FEE7EE;
    border-color: #fcd9e4;
    border-left: 5px solid #F50057;
}

    .alert-bug h4 i,
    .alert-bug h4 em {
        color: #f50057;
    }


.alert-danger {
    color: #fe1744;
    background-color: #FFE9ED;
    border-color: #ffd9e0;
    border-left: 5px solid #FE1744;
}

    .alert-danger h4 i,
    .alert-danger h4 em {
        color: #fe1744;
    }

.alert-example {
    color: #7940ff;
    background-color: #EFEBFF;
    border-color: #e0d9ff;
    border-left: 5px solid #7940ff;
}

    .alert-example h4 i,
    .alert-example h4 em {
        color: #7940ff;
    }

.alert-fail {
    color: #fe5e5e;
    background-color: #FFEEEE;
    border-color: #ffe3e3;
    border-left: 5px solid #FE5E5E;
}

    .alert-fail h4 i,
    .alert-fail h4 em {
        color: #fe5e5e;
    }

.alert-faq {
    color: #5ed116;
    background-color: #EEFAE8;
    border-color: #e6fadc;
    border-left: 5px solid #5ED116;
}

    .alert-faq h4 i,
    .alert-faq h4 em {
        color: #5ed116;
    }

.alert-info {
    color: #00b8d4;
    background-color: #E8F7FA;
    border-color: #dcf5fa;
    border-left: 5px solid #00B8D4;
}

    .alert-info h4 i,
    .alert-info h4 em {
        color: #00b8d4;
    }

.alert-note {
    color: #448aff;
    background-color: #EDF4FF;
    border-color: #e0edff;
    border-left: 5px solid #448AFF;
}

    .alert-note h4 i,
    .alert-note h4 em {
        color: #448aff;
    }

.alert-quote {
    color: #9e9e9e;
    background-color: #F4F4F4;
    border-color: #e8e8e8;
    border-left: 5px solid #9E9E9E;
}

    .alert-quote h4 i,
    .alert-quote h4 em {
        color: #9e9e9e;
    }

.alert-success {
    color: #1dcd63;
    background-color: #E9F8EE;
    border-color: #dcf7e5;
    border-left: 5px solid #1DCD63;
}

    .alert-success h4 i,
    .alert-success h4 em {
        color: #1dcd63;
    }

.alert-tip {
    color: #01bfa5;
    background-color: #E9F9F6;
    border-color: #dcf7f2;
    border-left: 5px solid #01BFA5;
}

    .alert-tip h4 i,
    .alert-tip h4 em {
        color: #01bfa5;
    }

.alert-no-heading {
    border-color: #ebebeb;
    border-left: 5px solid #ff9001;
}

/* Product Page Nav */

.btn--nav-new {
    width: 100%;
    background-color: #ffffff;
    color: #191C1A;
    padding: 1em;
    font-size: 1rem;
    border: none;
    border-radius: 0px;
}

    .btn--nav-new:hover {
        width: 100%;
        background-color: #EEEEEE;
        color: #191C1A;
        padding: 1em;
        font-size: 1rem;
        border: none;
    }

.btn--nav-new-active {
    width: 100%;
    background-color: rgba(244, 246, 254, 1);
    color: #191f5e;
    padding: 1em;
    font-size: 1rem;
    border: none;
    font-weight: 600;
    border-radius: 0px;
}

    .btn--nav-new-active:hover {
        width: 100%;
        background-color: rgba(244, 246, 254, 1);
        color: #191f5e;
        padding: 1em;
        font-size: 1rem;
        border: none;
        font-weight: 600;
    }

    @media screen and (min-width: 1024px) {
        .large-custom {
            width: 14.28%
        }
    }

/* Premium Pages Styling */

.premium-link {
    color: #191f5e;
}

    .premium-link:hover {
        color: #020528 !important;
        text-decoration: none !important;
    }


/* full-width premium sections */
.flex-section-left {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
}

    .flex-section-left .columns {
        padding-left: 0 !important;
    }

.flex-section-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
}

    .flex-section-right .columns {
        padding-right: 0 !important;
    }

/* Lets Chat CTA Styling */

.page-block-flex {
    min-height: 30vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    width: 100%;
}

.page-block-text h1 {
    font-size: 75px;
    font-weight: 700;
}

/* UAK tabs-uak */

.tabs-uak {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: none;
}

    .tabs-uak [class^="tab"] label,
    .tabs-uak [class*=" tab"] label {
        color: #585f69;
        cursor: pointer;
        display: block;
        font-size: 1.1em;
        font-weight: 600;
        line-height: 1em;
        padding: 1rem 0;
        text-align: center;
    }

    .tabs-uak [class^="tab"] [type="radio"],
    .tabs-uak [class*=" tab"] [type="radio"] {
        border-bottom: 3px solid rgba(239, 237, 239, 0.5);
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 17%;
        margin: 0 auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
    }

        .tabs-uak [class^="tab"] [type="radio"]:hover, .tabs-uak [class^="tab"] [type="radio"]:focus,
        .tabs-uak [class*=" tab"] [type="radio"]:hover,
        .tabs-uak [class*=" tab"] [type="radio"]:focus {
            border-bottom: 3px solid #52A1FF;
            width: 10%;
            margin: 0 auto;
            border-radius: 0;
            border-top: none;
            border-left: none;
            border-right: none;
        }

        .tabs-uak [class^="tab"] [type="radio"]:checked,
        .tabs-uak [class*=" tab"] [type="radio"]:checked {
            border-bottom: 3px solid #191F5E;
            width: 10%;
            margin: 0 auto;
            border-radius: 0;
            border-top: none;
            border-left: none;
            border-right: none;
        }

            .tabs-uak [class^="tab"] [type="radio"]:checked + div,
            .tabs-uak [class*=" tab"] [type="radio"]:checked + div {
                opacity: 1;
            }

        .tabs-uak [class^="tab"] [type="radio"] + div,
        .tabs-uak [class*=" tab"] [type="radio"] + div {
            display: block;
            opacity: 0;
            padding: 2rem 0;
            width: 90%;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .tabs-uak .tab-2 {
        width: 50%;
    }

        .tabs-uak .tab-2 [type="radio"] + div {
            width: 200%;
            margin-left: 200%;
        }

        .tabs-uak .tab-2 [type="radio"]:checked + div {
            margin-left: 0;
        }

        .tabs-uak .tab-2:last-child [type="radio"] + div {
            margin-left: 100%;
        }

        .tabs-uak .tab-2:last-child [type="radio"]:checked + div {
            margin-left: -100%;
        }


/* Tabs Container Product and Upgrades Pages */

.tabs-container {
    font-family: "Roboto", sans-serif;
    max-width: 1440px;
    min-height: 400px;
    margin: 30px auto;
    display: flex;
}

    .tabs-container .tabs {
        width: 300px;
        background: #ffffff;
        color: #191C1A;
        text-align: left;
        border: none !important;
    }

        .tabs-container .tabs .tab {
                padding: 15px;
                background: none;
                cursor: pointer;
                font-weight: bold;
                margin-bottom: 5px;
                display: flex;
        }

            .tabs-container .tabs .tab.active,
            .tabs-container .tabs .tab.active:hover {
                background: #191f5e;
                color: #fff;
                border: none;
                font-weight: 600;
                border-radius: 0px;
            }

            .tabs-container .tabs .tab:hover {
                background: #f4f6fe;
                color: #191C1A;
                border: none;
                border-radius: 0px;
            }

    .tabs-container .content-container {
        background: #ffffff;
    }

        .tabs-container .content-container .content {
            display: none;
            padding: 32px;
        }

            .tabs-container .content-container .content.active {
                display: block;
            }

        .tabs-container .content-container h3 {
            margin: 0;
            font-size: 30px;
        }

        .tabs-container .content-container p {
            line-height: 1.5;
        }


/*------------------------------------*\
  #3 - Typography, Colors, & Iconography
\*------------------------------------*/

/* Text Styling */

.text-white {
    color: #ffffff;
}

.montserrat-button {
    font-family: "Figtree", sans-serif;
    font-weight: 600;
    font-size: .85em;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.editor-content a:not(.btn) {
    color: #191f5e;
}

    .editor-content a:not(.btn):visited,
    .editor-content a:not(.btn):active {
        color: #020528 !important;
    }

    .editor-content a:not(.btn):hover {
        color: #020528;
        text-decoration: underline;
    }

small {
    font-size: 85%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #585f69;
}

p, li, .course__detail__header h1 {
    color: #585f69;
}

.section__list__index span, .section__list__outline span {
    color: #585f69 !important;
}

.tabs li a {
    font-family: "Figtree", sans-serif !important;
}

.secondary-header__title {
    color: #333;
}


/* Colors */

.blue {
    color: #52A1FF;
}

.bg-blue {
    background-color: #52A1FF;
}

.pink {
    color: #dd085a;
}

.white {
    color: #ffffff;
}

.bg-pink {
    background-color: #dd085a;
}

.orange {
    color: #f95300;
}

.bg-orange {
    background-color: #f95300;
}

.green {
    color: #191F5E;
}

.bg-green {
    background-color: #191F5E;
}

.light-grey {
    color: #fafafa;
}

.light-grey-bg {
    background-color: #fafafa;
}

.medium-grey {
    color: #C8C8C8;
}

.medium-grey-bg {
    background-color: #C8C8C8;
}

.grey {
    color: #9a9b9c;
}

.bg-grey {
    background-color: #9a9b9c;
}

.warm-grey {
    color: #f8f7f2;
}

.warm-grey-bg {
    background-color: #f8f7f2;
    background-size: cover;
}

.purple {
    color: #6E33FF;
}

.bg-purple {
    background-color: #6E33FF;
}

.yellow {
    color: #F1CB61;
}

.bg-yellow {
    background-color: #F1CB61;
}

.teal {
    color: #13EAC1;
}

.bg-teal {
    background-color: #13EAC1;
}

.black {
    color: #000;
}

.bg-black {
    background-color: #000;
}

.hyland-grey {
    color: #f4f6fe;
}

.bg-hyland-grey {
    background-color: #f4f6fe;
}

.dk-blue {
    color: #191f5e;
}

.bg-dk-blue {
    background-color: #191f5e;
}

.bg-gradient-1 {
    background-color: hsla(226.66666666666669, 100%, 21%, 1);
    background-image: radial-gradient(circle at 5% 55%, hsla(218.48275862068965, 74%, 38%, 1) 0%, transparent 36%), radial-gradient(circle at 47% 11%, hsla(234, 96%, 10%, 1) 0%, transparent 55.198429631541266%), radial-gradient(circle at 80% 0%, hsla(226.66666666666669, 100%, 21%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, hsla(226.54205607476635, 100%, 20%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 100%, hsla(222.9357798165138, 100%, 21%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 100%, hsla(222.78688524590163, 100%, 23%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 0%, hsla(226.54205607476635, 100%, 20%, 1) 0%, transparent 50%);
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;

}

.bg-gradient-2 {
    background-color:hsla(226.66666666666669,100%,21%,1);background-image:radial-gradient(circle at 5% 55%, hsla(218.48275862068965,74%,38%,1) 0%,transparent 36%),radial-gradient(circle at 47% 11%, hsla(234,96%,10%,1) 0%,transparent 55.198429631541266%),radial-gradient(circle at 80% 0%, hsla(226.66666666666669,100%,21%,1) 0%,transparent 50%),radial-gradient(circle at 80% 50%, hsla(226.54205607476635,100%,20%,1) 0%,transparent 50%),radial-gradient(circle at 0% 100%, hsla(222.9357798165138,100%,21%,1) 0%,transparent 50%),radial-gradient(circle at 80% 100%, hsla(222.78688524590163,100%,23%,1) 0%,transparent 50%),radial-gradient(circle at 0% 0%, hsla(226.54205607476635,100%,20%,1) 0%,transparent 50%);background-blend-mode:normal,normal,normal,normal,normal,normal,normal;
    
}



.blue-link,
.hyland-link,
.editor-content a:not(.btn) {
    color: #191f5e !important;
    text-decoration: underline !important;
}

    .hyland-link:hover,
    .blue-link:hover,
    .blue-link:visited:hover,
    .blue-link:active:hover,
    .editor-content a:not(.btn):hover {
        color: #020528 !important;
    }

    .blue-link:visited,
    .blue-link:active,
    .editor-content a:not(.btn):visited,
    .editor-content a:not(.btn):active {
        color: #020528 !important;
    }

    .white-link {
        color: #ffffff;
        border: none;
        background: none;
        padding: 0em;
    }

        .white-link:hover,
        .white-link:focus {
            color: #ffffff;
            text-decoration: underline;
            border: none;
            background: none;
            padding: 0em;
        }

    .white-link:visited,
    .white-link:active,
    .white-link:visited:hover,
    .white-link:active:hover {
        color: #ffffff !important;
    }

    .white-link-product {
        color: white;
        text-decoration: underline;
      }
      
      .white-link-product:hover {
        color: white;
        text-decoration: underline;
      }


.dark-blue {
    color: #191f5e;
}

/* Beta Icon Styling */

.beta-icon-nav {
    width: 32px !important;
    height: 13.3248 px !important;
    display: inline;
    object-fit: contain !important;
    margin-top: -3px;
}

.coming-soon-icon {
    width: 115px !important;
    height: 19.8171px !important;
    display: inline;
    object-fit: contain !important;
    margin-top: -3px;
}

.beta-icon-title {
    width: 47.7381px !important;
    height: 19.8171px !important;
    display: inline;
    object-fit: contain !important;
    margin-top: -3px;
}

.beta-icon-hero {
    width: 60px !important;
    height: 24.9375px !important;
    display: inline;
    object-fit: contain !important;
    margin-top: -3px;
}

@media screen and (max-width: 640px) {
    .beta-icon-hero {
        width: 40px !important;
        height: 16.625px !important;
    }
}



/*------------------------------------*\
  #4 - Responsive
\*------------------------------------*/

/* Main */

@media only screen and (min-width: 1600px) {
    /*.header--microsite .top-bar .top-bar-section ul {margin-left: 200px !important;}*/
    .header--microsite .top-bar .top-bar-section ul .dropdown {
        margin-left: 0px !important;
    }

    .jumbotron {
        background-size: cover;
        padding: 2rem 1rem;
    }
}

@media only screen and (min-width: 1500px) {
    .hero .hero__caption {
        background: transparent;
        right: 9%;
        top: 50%;
        transform: translateY(-75%);
        left: auto;
        /*bottom: auto;*/
    }
}

@media screen and (min-width: 1025px) {
    .hero .hero__caption {
        width: 35%;
    }


    .primary-header .hero__caption .h4,
    .alternate-header .hero__caption .h4 {
        display: block;
        color: #fff;
        margin: 0px auto 20px;
        max-width: 800px;
    }

    .hero__caption .h4 {
        display: block;
        margin-bottom: 20px;
    }

    .primary-header .hero__caption .hero__title,
    .alternate-header .hero__caption .hero__title {
        color: #fff;
        font-size: 3em;
        font-weight: 700;
        line-height: 52px;
    }

    .hero__caption .hero__title {
        color: #fff;
        font-size: 3em;
        font-weight: 700;
        line-height: 52px;
        margin: 0px auto;
    }


    .hero .hero__caption span {
        font-size: 15px;
    }


    .alternate-header .hero .hero__caption {
        width: 100%;
        top: 30%;
        text-align: center;
        right: 0;
        transform: none;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .courseBackLink {
        margin-top: -25px !important;
    }

    .section-2 .columns p {
        font-size: 14px;
    }

    .hero .hero__caption {
        width: 40%;
        position: absolute;
    }

    .hero .hero__caption {
        background: transparent;
        right: 4%;
        top: 42%;
        transform: translateY(-75%);
        left: auto;
        /*bottom: auto;*/
    }

    .alternate-header .hero .hero__caption {
        width: 100%;
        position: absolute;
        /*background: transparent;*/
        right: 0%;
        top: 30%;
        text-align: center;
        transform: none;
        /*left: auto;*/
        /*bottom: auto;*/
    }

    .hero .hero__caption .hero__title {
        font-size: 42px;
    }

    .primary-header .hero .hero__caption .hero__title,
    .alternate-header .hero .hero__caption .hero__title {
        font-size: 42px;
        color: #fff;
        margin: 0px auto;
    }

    .section3 h2.widget__title {
        font-size: 20px;
    }

    .section3 p.widget__subtitle {
        font-size: 14px;
    }

    .hero .hero__caption span {
        font-size: 14px;
        color: #fff;
        display: block;
    }

    .hero .btn--primary {
        font-size: 14px;
        border-radius: 0px;
        margin-top: .5em;
    }

    .hero__caption .h4 {
        font-size: 15px;
    }

    .header--microsite .top-bar {
        display: inline-block;
        width: calc(100% - 130px);
        margin-left: 0;
    }

    .top-bar .toggle-topbar.menu-icon {
        top: 50%;
        margin-top: -16px;
    }

    .header--microsite .top-bar .title-area .btn--bare {
        float: right;
        color: black;
    }

    .header--dashboard {
        padding: 12px 4%;
    }

    .header--microsite {
        padding: 0px 2%;
    }

    .nav--top {
        width: auto;
        display: inline-block;
        float: none;
    }

    .header--microsite .top-bar {
        padding: 0;
    }

        .header--microsite .top-bar .top-bar-section .left li:not(.has-form) a:not(.button) {
            padding: 2px 12px;
            text-align: left;
            /*line-height: 1.5rem;*/
        }

        .header--microsite .top-bar .top-bar-section ul li {
            display: inline-block;
            margin-top: 3px;
        }

        .header--microsite .top-bar .top-bar-section ul {
            margin-left: 170px;
        }

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

    .top-bar.expanded .title-area {
        background: transparent;
    }

    .top-bar.expanded .toggle-topbar.menu-icon button {
        color: black;
    }

        .top-bar.expanded .toggle-topbar.menu-icon button span:after {
            box-shadow: 0 0 0 1px #cbcbcb, 0 7px 0 1px #cbcbcb, 0 14px 0 1px #cbcbcb;
        }

    .nav--top a {
        color: black;
    }

    .nav ul a, .nav ul button {
        padding: 0rem;
    }

    .top-bar-section ul li > a {
        font-size: .9rem;
    }

    .header--microsite .top-bar .top-bar-section ul {
        padding-top: 0px;
    }

    .Testimonial .featured-content-carousel__nav {
        top: 38%;
    }

    .layout__content .hero {
        height: auto;
    }

    .medium-6.columns {
        display: inline-block;
        width: 50%;
    }

    .column2 h3 {
        font-size: 17px;
    }

    .column2 p {
        font-size: 12px;
    }

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

    .Testimonial .featured-content-carousel__list > li picture {
        padding: 0px;
    }

    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay {
        padding-top: 0px;
    }

        .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay h4 {
            font-size: 30px;
        }

        .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay p {
            font-size: 12px;
            margin-top: 15px;
        }

    .Testimonial .featured-content-carousel__nav {
        top: 40%;
    }

    .section5 .widget__title {
        font-size: 25px;
    }

    .section7-title {
        font-size: 20px;
    }

    .section7-description {
        font-size: 12px;
    }

    .section7-btn {
        font-size: 14px;
        max-width: 136px;
        border-radius: 0px;
    }

    .section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right {
        margin-top: 20px;
    }

    .featured-content-image-overlay-item__title {
        font-size: .75rem;
    }

    .nav--top {
        width: auto;
        display: inline-block;
        z-index: 3;
        position: absolute;
        right: 10px;
        top: -80px;
    }
}


@media screen and (max-width: 1024px) {
    .footer {
        height: auto;
    }

    .sidebar--closed--right div .row .footer {
        position: relative;
    }

    .accordion-header {
        font-size: .7em;
    }
}

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

    .accordion {
        width: 100%;
    }
}


@media only screen and (min-width: 769px) {
    ul .back {
        display: none !important;
    }
}

@media (min-width:769px) and (max-width: 900px) {
    .featured-content-multi-carousel-item__title {
        font-size: .8em !important;
    }
}

@media only screen and (max-width: 48em) {
    .catalog-list-item__cta-container {
        margin-top: 0em;
    }

    .catalog-list-item__body, .catalog-list-item__title-container {
        text-align: center;
    }
}


@media screen and (max-width: 768px) {
    .header--microsite .top-bar .top-bar-section > ul li a:hover,
    .header--microsite .top-bar .top-bar-section > ul li ul li a:hover {
        border-bottom: none !important;
        background-color: #f9f9f9 !important;
    }

    .dropdown {
        background-color: #fff !important;
    }

    .top-bar-section .has-dropdown > a:before, .top-bar-section .navigation-widget__item--has-dropdown > a:before {
        margin-top: 5px !important;
        right: 10px !important;
        top: 0px !important;
    }

    .layout__content .hero {
        /*margin-top: 5em;*/
    }

    .jumbotron {
        /*padding: 4rem 2rem;*/
        /*background-size: auto;*/
        background-position: left;
    }

    .learning-content-hero__caption h1 {
        font-size: 2em;
    }

    .widget--featured-content_multi-carousel hr {
        display: none;
    }

    .eut table {
        font-size: .65rem !important;
    }
}

@media only screen and (max-width: 767px) {
    .home__content .layout__content .widget--html_standard .row {
        display: block !important;
    }

    .tabs-content {
        border: none;
    }
}

@media (min-width:320px) and (max-width: 768px) {
    .header .company__beta-logo .company-logo__container img {
        max-height: 36px;
    }

    .header--microsite .top-bar .top-bar-section {
        background: #fff;
    }

        .header--microsite .top-bar .top-bar-section ul {
            margin-left: 0px;
        }

            .header--microsite .top-bar .top-bar-section ul li {
                display: block;
                padding: 5px 0px;
            }

        .header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) {
            color: black;
            padding: 5px 12px;
            text-align: center;
        }

    .nav--top {
        width: auto;
        display: inline-block;
        float: none;
        position: absolute;
        top: -85px;
        right: 0px;
        z-index: 3;
    }

    .header--microsite {
        padding: 0;
    }

        .header--microsite .top-bar {
            width: 100%;
            padding: 0;
            margin-left: 0px;
        }

            .header--microsite .top-bar .title-area .btn--bare {
                float: right;
                color: #000;
                margin-top: 1px;
            }

    .top-bar .toggle-topbar.menu-icon {
        top: 50%;
        margin-top: -30px;
    }

    .top-bar-section ul li > a {
        font-size: 1rem;
    }

    .hero .hero__caption .hero__title {
        color: #fff;
        font-size: 2rem !important;
    }

    .alternate-header .hero .hero__caption {
        /*background: transparent;*/
        right: 0%;
        top: 20%;
        transform: none;
        /*left: auto;*/
        width: 100%;
        text-align: center;
        /*bottom: auto;*/
    }

        .alternate-header .hero .hero__caption .hero__title {
            margin: 0px auto 8px;
        }

    .hero .hero__caption span {
        /*color: white !important;
        font-size: 12px;*/
        display: none !important;
    }

    .hero .hero__caption {
        background: transparent;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        left: auto;
        width: 43%;
        /*bottom: auto;*/
    }

    .hero .btn--primary {
        color: #fff;
        border: none;
        padding: .75em 1em;
        margin-bottom: 0px;
        /*width: 100%;*/
        font-size: 1em !important;
    }



    .secondary-header__title {
        font-size: 2.5em;
    }

    .column2 {
        padding: 10%;
    }

        .column2 h3 {
            font-size: 18px;
        }

    .Testimonial .featured-content-carousel__nav {
        top: 40%;
    }

    .nav--top a {
        color: black;
    }

    .header--microsite .top-bar .title-area .btn--bare {
        color: black;
    }

    .column2 p {
        font-size: 14px;
    }

    .searchbar {
        width: 100%;
        text-align: initial;
    }

    .hero .hero__caption {
        /*width: 100%;*/
    }

    .layout__content .hero {
        height: auto;
    }

    .section3 {
        width: 90%;
    }

        .section3 h2.widget__title {
            font-size: 18px;
        }

        .section3 p.widget__subtitle {
            font-size: 14px;
            margin-bottom: 1rem;
        }

    .Testimonial .featured-content-carousel__list > li picture {
        display: block;
        width: 100%;
        padding: 0px;
    }

    .layout__content .widget.Testimonial {
        padding: 2rem 5%;
    }

    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay {
        width: 100%;
        padding-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .Testimonial .featured-content-carousel-item {
        padding: 15px;
    }

    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay h4 {
        font-size: 18px;
    }

    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay p {
        font-size: 14px;
        margin-top: 10px;
    }

    .section5 {
        margin-top: 25px;
        text-align: center;
    }

        .section5 .widget__title {
            font-size: 18px;
        }

        .section5 .ember-view div:nth-child(1) {
            margin-left: auto;
        }

        .section5 .widget__cta {
            float: none;
            margin-right: auto;
        }

    .section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right {
        margin-top: 20px;
    }

    .section6 {
        margin-bottom: 25px;
    }

        .section6 .catalog-grid-item {
            border: 3px solid #6997b0;
        }

    .section7-title {
        font-size: 18px;
        margin-top: 10%;
    }

    .section7-description {
        font-size: 14px;
    }

    .section4 {
        width: 90%;
    }

    .section6 .featured-content-block-grid li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .section3 .widget__title, .section3 .widget__subtitle {
        text-align: left;
    }
}

@media screen and (max-width: 499px) {
    .learning-path-milestone-item__title h4 {
        max-width: 125px !important;
    }

    .learning-path-milestone-item__title .btn--primary {
        margin-right: .75em !important;
    }
}

@media screen and (max-width: 434px) {
    .double-line .hero .hero__caption {
        padding: 1rem 2rem;
    }
}


/*------------------------------------*\
  #5 - Flexbox/Margins/Padding
\*------------------------------------*/

/* Flexbox */

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-inline-block {
    display: inline-block;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.vertical-align {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
}

.vertical-align-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1024px) {
    .flex-align {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-middle-align {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1024px) {
    .mobile-center-align {
        text-align: center !important;
    }
}


/* Margin & Padding */

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

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

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

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

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

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

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

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

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

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

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

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

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

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

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

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

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

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

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

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

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

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

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

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

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

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

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

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

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

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

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

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

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

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

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

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

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

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

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

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

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

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

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

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

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

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

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

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

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

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

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

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

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

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

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

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

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

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

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

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

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

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

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

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

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

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

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

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

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

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

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

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

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

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

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

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

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

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

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

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

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

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

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}



/*------------------------------------*\
  # 6 - Custom Rules, Hidden Items, & Fixes
\*------------------------------------*/

.transcript .navigation,
.account .navigation {
    display: none;
}

/* Resize the big thumbnail on the Course Detail Page */
.course__detail__asset {
    width:40%;
}

@media screen and (max-width: 768px) {
    .course__detail__asset {
    width:100%;
    }
}

/* In Course Reflection Comment Removal */
.assignment__submission .panel .form label {
    display: none;
}

/* Hide Mobile Purchase Button Nuxeo */

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


/* Learning Path Timeline Page Remove Header 

.header--article {
    display: none !important;
}*/

/* Hide Transcript Pano Title and Divider */

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


/* Hide Purchase Options or Gift Button on Details Page

.widget--course-purchase .btn--secondary,*/
.enroll__secondary-actions button .icon-gift,
.enroll__secondary-actions button span,
.enroll__secondary-actions .enroll__coupon,
.enroll hr {
    display: none;
}


/* Wistia colors override 
.w-bottom-bar-middle, .w-bottom-bar-left, .w-bottom-bar-right, .w-big-play-button {
background: #697885 !important;
}

.w-big-play-button > div {
  background-color: inherit !important;
} */

/* Bookmark Z-index */
.bookmark-plus {
    z-index: 1 !important;
}


/* Catalog Default Before Icon Removal */

.icon-upright::before {
    display: none;
}

/* Learning Path Milestone Button Hide 

.learning-path-milestone-item__title .row .small-3 .text-right button,
.learning-path-milestone-item__title .row .small-3 .text-right a {
    display: none;
}*/

/* Learning Path Remove Back to Dashboard Button

.learning-content__back-button {
    display: none;
}*/

/* Smooth Scroll Fix on Safari */

#learner, #lms {
    overflow: visible !important;
}

/* In Course Title overlapping Bookmark button fix */

.learner-lesson__title {
    color: var(--accent-color);
    max-width: 35% !important;
    padding-right: 25px;
}

/* Dashboard In Progress Course Buttons Fix */
@media screen and (max-width: 900px) {
    .dashboard-access-list-item .btn--primary {
        padding: .5em !important;
        display: inline-block;
        cursor: pointer;
        box-shadow: inset 0 0 0 0 #6E33FF !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        box-sizing: border-box;
        border-radius: 0px;
        font-weight: bold;
        margin-top: .5em;
        border: 1px solid #6E33FF !important;
        color: #6E33FF !important;
        background-color: transparent;
    }

    .widget--featured-content .widget__title-cta {
        padding: .5em !important;
        display: inline-block;
        cursor: pointer;
        box-shadow: inset 0 0 0 0 #6E33FF !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        box-sizing: border-box;
        border-radius: 0px;
        font-weight: bold;
        margin-top: 0;
        border: 1px solid #6E33FF !important;
        color: #6E33FF !important;
        background-color: transparent;
    }

    .dashboard-access-list-item .btn--small {
        font-size: .65em !important;
    }

    .dashboard-access-list-item .btn--primary:before,
    .widget--featured-content .widget__title-cta:before {
        content: none !important;
    }

    .dashboard-access-list-item .btn--primary:hover:before {
        padding-left: 0px !important;
    }
}

/* Remove Social Share on Course Sections */

.share__container {
    display: none;
}

/* New Cert Template Styling */

.cert-link,
.cert-link:visited,
.cert-link:focus {
    color: #000;
}

.cert-link:hover {
    color: #000;
    text-decoration: underline;
}

@media only screen and (min-width: 1024px) {
.display-medium {
display: none;
}
}

@media only screen and (max-width: 1023px) {
.display-large {
display: none;
}
}

/* Remove Expiration Date on Certs Tab | Dashboard

.dashboard-access-list-item .row div small {
    display: none;
}*/

/* Text for Nuxeo Certs | You have not met prereq */
.catalog-grid-item__text-cta {
    line-height: 2 !important;
}

/* Back-end Transcript Header Adjustment */

#print-only-target__student-transcript .transcript__table {
    margin-top: 6.5em;
}

@media screen and (max-width: 768px) {
    #print-only-target__student-transcript .transcript__table {
        margin-top: 10em;
    }
}

/* Hide Course Access Dates eLearning Courses - Catalog & Detail Page
.catalog-grid-item__text-cta,
.course__detail__runs {
    display: none;
}
*/

/* Resources Links IMG removal*/
.resources__list li img {
    display: none
}

.resource__title {
    position: relative !important;
}

/* Archive Date Removal on Removed Tab Access Widget Dashboard */

.dashboard-access-list-item small.reinstate {
    display: none;
}

/* Email Capture Form Removal */
.email-capture {
    display: none;
}


/* Nav Fix */

.manager .navigation,
.course .navigation,
.dashboard .navigation,
.header--microsite .top-bar {
    display: none !important;
}

.header__inner {
    max-width: 1300px;
    margin: 0 auto;
}

.footer-arrow-icon {
    font-size: .75em !important;
    vertical-align: center !important;
}

.social-link {
    text-decoration: none;
}


@media screen and (max-width: 968px) {
    .hide-mobile {
        display: none;
    }
}


.navigation {
    position: relative;
    width: 100%;
    z-index: 1;
    background: #fff;
    padding: 5px;
}

    .navigation .wrapper {
        position: relative;
        max-width: 1440px;
        padding: 0px 30px;
        height: 70px;
        line-height: 70px;
        margin: 8px auto 0px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.wrapper .logo a {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
}

    .wrapper .logo a img {
        max-height: 30px !important;
    }

.wrapper .nav-links {
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
}

.nav-links li {
    list-style: none;
}

    .nav-links li a.desktop-item {
        color: #333;
        text-decoration: none;
        font-size: 1rem;
        font-weight: 500;
        padding: 22px 15px;
        transition: all 0.3s ease;
    }

        .nav-links li a.desktop-item:hover,
        .nav-links li a.desktop-item:focus {
            border-bottom: 3px solid #191F5E;
            transition: 0.08s ease-in;
            -o-transition: 0.08s ease-in;
            -ms-transition: 0.08s ease-in;
            -moz-transition: 0.08s ease-in;
            -webkit-transition: 0.08s ease-in;
        }

    .nav-links li .dropdown-item:after {
        content: "\f107" !important;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900;
        display: inline-block;
        margin-left: 8px;
        color: #191F5E;
        transition: .3s all;
        /*transform: rotate( 0deg) !important;*/
    }

    .nav-links li .dropdown-item:hover::after,
    .nav-links li .dropdown-item:focus::after {
        transform: rotate(-180deg) !important;
    }

.nav-links .mobile-item {
    display: none;
}

.nav-links .drop-menu {
    position: absolute;
    background: #f7f7f7;
    width: 200px;
    line-height: 45px;
    top: 70px !important;
    display: none;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
    border-bottom: 5px solid #191F5E;
    margin-left: 0;
}

.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box,
.nav-links li:focus .drop-menu,
.nav-links li:focus .mega-box {
    transition: all 0.3s ease;
    top: 70px;
    display: block;
}

/*#showMega:checked ~ * .mega-box {
        transition: all 0.3s ease;
        top: 70px;
        opacity: 1;
        visibility: visible;
    }*/

.drop-menu li a {
    width: 100%;
    display: block;
    padding: 0 0 0 15px;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 0px;
    color: #333 !important;
    padding: .25rem .5rem !important;
    color: #333;
    font-size: .875rem !important;
}

    .drop-menu li a:hover,
    .drop-menu li a:focus {
        background-color: #dbdbdb;
    }

.mega-box {
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0 30px;
    top: 70px !important;
    display: none;
}

    .mega-box .content {
        background: #f7f7f7;
        padding: 25px 20px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        box-shadow: 0 6px 10px rgba(0,0,0,0.15);
        border-bottom: 5px solid #191F5E;
    }

        .mega-box .content .row {
            width: calc(25% - 30px);
            line-height: 45px;
        }

.content .row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content .row header {
    color: #191F5E;
    font-size: 1em;
    font-weight: 500;
}

.content .row .mega-links {
    margin-left: -30px;
    border-left: 1px solid rgba(255,255,255,0.09);
    line-height: 1.85;
}

.row .mega-links li {
    padding: 0 20px;
}

    .row .mega-links li a {
        padding: .25rem .5rem;
        color: #333;
        font-size: .875rem;
        display: block;
    }

        .row .mega-links li a:hover,
        .row .mega-links li a:focus {
            background-color: #dbdbdb;
        }

.wrapper .menu-btn, .wrapper .close-btn {
    color: #333;
    font-size: 20px;
    cursor: pointer;
    display: none;
    border: none;
    background-color: transparent;
}

    .wrapper .menu-btn:hover, .wrapper .close-btn:hover {
        color: #191F5E;
    }

    .wrapper .menu-btn. close-btn {
        position: absolute;
        right: 30px;
        top: 10px;
    }

.sub-menu li a i {
    font-size: 6px;
    vertical-align: middle;
    margin-right: 5px;
}

@media screen and (max-width: 970px) {
    .wrapper .menu-btn, .wrapper .close-btn {
        display: block;
    }


    .wrapper .close-btn {
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .wrapper .nav-links {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: -100%;
        background: #fff;
        display: block;
        padding: 50px 10px;
        line-height: 50px;
        overflow-y: auto;
        box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
        border-bottom: 8px solid #191F5E;
        transition: all 0.3s ease;
        margin-left: 0;
    }
    /* custom scroll bar
        ::-webkit-scrollbar {
            width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: #242526;
        }

        ::-webkit-scrollbar-thumb {
            background: #3A3B3C;
        }*/

    #menu-btn:checked ~ .nav-links {
        left: 0%;
    }

    #menu-btn:checked ~ .menu-btn {
        display: none;
    }

    #close-btn:checked ~ .menu-btn {
        display: block;
    }

    .nav-links li {
        margin: 15px 10px;
    }

        .nav-links li a {
            padding: 0 20px;
            display: block;
            font-size: 20px;
        }

    .nav-links .drop-menu {
        position: static;
        top: 65px;
        display: block padding-left: 20px;
        width: 100%;
        max-height: 0px;
        overflow: hidden;
        box-shadow: none;
        transition: all 0.3s ease;
        background: none;
        border: none;
    }

    #showDrop:checked ~ .drop-menu,
    #showMega:checked ~ .mega-box,
    [aria-checked="true"] {
        max-height: 100%;
    }

    .nav-links .desktop-item {
        display: none;
    }

    .nav-links .mobile-item {
        display: inline-block;
        color: #333;
        font-size: 1.25rem;
        font-weight: 500;
        padding-left: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .nav-links .mobile-item:hover {
        background: #dbdbdb;
    }

    .drop-menu li {
        margin: 0;
    }

        .drop-menu li a {
            font-size: 1rem !important;
        }

    .mega-box {
        position: static;
        top: 65px;
        display: block;
        padding: 0 20px;
        max-height: 0px;
        overflow: hidden;
        transition: all 0.3s ease;
    }

        .mega-box .content {
            box-shadow: none;
            flex-direction: column;
            padding: 20px 20px 0 0;
            background: none;
            border: none;
        }

            .mega-box .content .row {
                width: 100%;
                margin-bottom: 15px;
                border-top: 1px solid rgba(255,255,255,0.08);
            }

                .mega-box .content .row:nth-child(1),
                .mega-box .content .row:nth-child(2) {
                    border-top: 0px;
                }

    .content .row .mega-links {
        border-left: 0px;
        padding-left: 15px;
    }

    .row .mega-links li {
        margin: 0;
    }

        .row .mega-links li a {
            padding: 13px .5rem .5rem .5rem;
            font-size: 1rem;
            height: 53px;
        }

    .content .row header {
        font-size: 19px;
    }
}

.navigation input {
    display: none;
}

.body-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 30px;
}


/* Alert Banner L2C 
.alert-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 21px 18px;
    border-left: solid #FF9001 9px;
    background-color: #FEF3E8;
    font-family: "Inter",sans-serif;
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}

    .alert-banner .alert-banner-title {
        display: block;
        padding-right: 5px;
        font-weight: bold;
        color: #2a3f4d;
    }

.header--microsite, .header--dashboard, .home .navigation {
    top: 0em !important;
}

#learner, .manager #learner {
    margin-top: 0em !important;
}

.dashboard #learner .panel--secondary {
    padding-top: 1.25em !important;
}
*/
/*@media screen and (max-width: 2597px) and (min-width: 1366px) {
    .header--microsite, .home .navigation {
        top: 1.25em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 1.25em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}
*/

/*
@media screen and (max-width: 1305px) and (min-width: 724px) {
    .header--microsite, .home .navigation {
        top: 1.25em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 1.25em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}

@media screen and (max-width: 723px) and (min-width: 548px) {
    .header--microsite, .home .navigation {
        top: 3.6em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 3.6em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}

@media screen and (max-width: 547px) and (min-width: 500px) {
    .header--microsite, .home .navigation {
        top: 5.15em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 5.15em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}
*/
/*@media screen and (max-width: 644px) and (min-width: 556px) {
    .header--microsite, .home .navigation {
        top: 8em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 8em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}

@media screen and (max-width: 555px) and (min-width: 500px) {
    .header--microsite, .home .navigation {
        top: 10em !important;
    }

    .dashboard #learner, .course #learner, .home #learner {
        margin-top: 10em !important;
    }

    .manager #learner {
        margin-top: 0em !important;
    }
}
    */
/*
@media screen and (max-width: 514px) {
    .dashboard #learner .panel--secondary {
        padding-top: 2.65em !important;
    }
}

.banner-padding {
    padding-bottom: 4em;
}

.dashboard .banner-padding {
    padding-bottom: 3.4em !important;
}

.manager .notice-banner, .manager .banner-padding {
    display: none !important;
}
*/

/*------------------------------------*\
  #7 - Print
\*------------------------------------*/

/* Print Styling */

@media print {
    .dashboard-header__avatar__container,
    .panel--secondary {
        display: none;
    }

    .dashboard-header__name {
        text-align: left;
        margin: 0px;
        padding: 0px;
    }

    .column, .columns {
        padding-left: 0px;
    }
}
/* Start - Correct new Manager Interface Experience" container max size. */
.max-w-\[768px\] {
    max-width: 100% !important;
}