@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700");

      :root {
        --font: Exo 2;
        --alt-font: Oswald;
        --accent-color: #285ba7;
        --secondary-color: #66a4ff;
        --link-color: #285ba7;
        --accent-highlight-color: #235092;
        --accent-highlight-background-color: #edf2fb;
        --accent-tinted-color-70: #bfcee5;
        --accent-tinted-color-80: #d4deed;
        --accent-tinted-color-90: #eaeff6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #3472ce;
        --secondary-hover-color: #3386ff;
        --secondary-contrast-color: #111;
        --link-hover-color: #5d8ed8;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/75ce8123-d122-4e08-a81e-4f743317c8ec/2bykkv2bgqvd-logo-antisyphon-horizontal-012x.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
:root {
    --dashStatAvail-color: var(--accent-color);
    --dashStatStart-color: #47a3db;
    --dashStatComp-color: #e16442;
    --dashStatCollab-color: #636466;
    --dashStatNoCert-color: #f5f5f5;

    --white-color: #fff;

    --theme-dark: #151515;
    --theme-primary:  #66a4ff; 
    --theme-active: #285ba7;
    --theme-dark-blue: #11284a;
    --global-font: #6d6d6e;


    --txtLight-color: #969696;
    --dashAccessTab-color: #c0c0c0;

    --border-radius: 50px;
}

/*REMOVAL of Automatic Numbering in Courses. This is for sections getting an automatic number */
.syllabus__section-title-index { display: none; }


p {
    font-family: "Exo 2", sans-serif;
}

a {
    font-family: "Exo 2", sans-serif;
    color: var(--theme-active);
}


a.button-primary {
    display: block; /*Bartosz change 23.02 - extremely important to make spacing*/
    border: 3px solid var(--theme-active);
    color: var(--theme-active) !important;
    padding: 9px 13px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem; /*Bartosz change 23.02 - previously 1.5em*/
    text-align: center;
    transition: all ease 0.3s;
    width: fit-content;
}

a.button-primary-medium {
    border: 3px solid var(--theme-active);
    color: var(--theme-active) !important;
    padding: 9px 13px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.7rem; /*Bartosz change 23.02 - previously 1em*/
    text-align: center;
    transition: all ease 0.3s;
    width: fit-content;
}

a.button-primary-light {
     border: 3px solid var(--theme-primary);
    color: var(--theme-primary) !important;
    padding: 9px 13px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem; /*Bartosz change 23.02 - previously 1.5em*/
    transition: all ease 0.3s;
}

a.button-secondary {
    border: 3px solid white;
    color: white !important;
    padding: 9px 13px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem; /*Bartosz change 23.02 - previously 1.5em*/
    text-align: center;
    transition: all ease 0.3s;
}

a.button-primary:hover, a.button-primary-medium:hover {
    background-color: var(--theme-active);
    color: white !important;
}

a.button-primary-light:hover {
    background-color: var(--theme-primary);
    color: white !important;
}

a.button-secondary:hover {
    background-color: white;;
    color: var(--theme-dark) !important;
}

a:hover {
    color: var(--theme-active);
}

div.main-btn-container {
    display: flex;
    justify-content: space-between;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 20px;
}

@media only screen and (max-width: 40em) {
    div.main-btn-container {flex-direction: column; width: max-content; align-items: center; justify-content: space-between; height: 145px;}
}

.footer-hero-container{
    display: flex;
    width: 100%;
    height: 100%;
}

.footer-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 25%;
    padding: 15px;
}

.footer-overlay h2 {
    font-size: 3em;
    color: white;
    margin-bottom: 5px;
}

.footer-overlay p {
    font-size: 2.25em;
    color: white;
    margin-bottom: 25px;
}

.cover {
    display: flex;
    align-items: center;
}

img.overlay-image{
        position: absolute;
        width: 100%;
        height: 100%;
}

div.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.flex-row-center .row {
    display: flex;
    align-items: center;;
}

div.flex-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 3vh;
    align-items: center;
}

/* Bartosz change 23.02 */
@media screen and (max-width: 768px) { 
  .wrap-mobile {
    flex-wrap: wrap;
  }
}

.with-background-blue {
    background-color: color-mix(in srgb, var(--theme-primary), transparent 80%);
    border-radius: var(--border-radius);
}

.with-background-blue-dark {
    background-color: color-mix(in srgb, var(--theme-active), transparent 70%);
    border-radius: var(--border-radius);
}

.with-background-blue-dark-solid {
    background-color: color-mix(in srgb, var(--theme-active), transparent 10%);
    border-radius: var(--border-radius);
}

.with-background-image-wwhf {
    position: relative;
  width: 100%;
  padding: 50px;
  z-index: 1;
   background-color: #1a1a1a;
    background-blend-mode: multiply;
}

.with-background-image-wwhf::before {
    background-image: url(https://media.thoughtindustries.com/course-uploads/75ce8123-d122-4e08-a81e-4f743317c8ec/n4cp6r2ldtu8-WWHF-Group.webp);
   background-size: cover;
    opacity: .25;
    content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
}

.acet-background {
  background-image: url(https://media.thoughtindustries.com/course-uploads/75ce8123-d122-4e08-a81e-4f743317c8ec/g6s74zx7r9r8-ace-t-hero.webp);
}

.pixel-background{
  position: relative;
  width: 100%;
  padding: 50px;
  z-index: 1;
  margin-top: 25px;
}

.pixel-background::before {
  background-image: url(https://media.thoughtindustries.com/course-uploads/75ce8123-d122-4e08-a81e-4f743317c8ec/fez32aro6yof-Pixel-Splash-Vault.svg);
  background-size: cover;
  opacity: .15;
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
}

div.icon-container {
    width: 40%;
    margin: 10px;
}

div.icon-container p {
    text-align: center;
    font-size: .85rem;
}

.social-link-icon {
    font-size: 35px;
    color: var(--accent-color);
    transition: all ease 0.3s;
    padding: 2%;
}

.social-link-icon:hover {
    font-size: 32px;
}

.learner-dashboard-hero  .hero {
    height: 60vh;
}

/* Contact Us Page */
.contact-us-info {
  margin-right: 5%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.container {
  width: 100%;
}
.testimonial-block {
    background-color: color-mix(in srgb, var(--theme-primary), transparent 80%);
}
.testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.testimonial img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.anti-cast-carousel::after {
    content: 'Watch now >>';
}

/* CUSTOM CSS STARTS HERE */

.application .container {max-width: 100%;}
.application .row .row {margin: 0;}

.header {padding: 1rem;}
.header .company__beta-logo {width: 350px; margin-right: 64px; vertical-align: middle;}
.header .top-bar {max-width: none !important;}
/* .nav--top { float: right; margin: 12px 0 0; font-weight: 700;} Bartosz change 19.02 */
.nav--top { float: right; font-weight: 700;}
@media only screen and (max-width: 1226px) { /* Bartosz change 22.02 */
    .nav--top { float: none; margin: 7px 0 0;}
}
.nav--top a, .nav--top #cart-button {color: var(--theme-primary);}
.header .top-bar {display: inline-block; vertical-align: middle; border: 0; max-width: calc(100% - 164px - 64px - 8px - 228px);}
.top-bar-section .dropdown li:hover {background: var(--theme-dark);}
.top-bar-section ul {background: var(--theme-dark);}
.top-bar-section li:not(.has-form) a:not(.button) {background: var(--theme-dark); color: var(--global-font); font-weight: 700;}
.top-bar-section li:not(.has-form) a:not(.button):hover {color: var(--white-color); background: var(--theme-dark);}
.top-bar-section li:not(.has-form) a:not(.button):focus {background-color: var(--theme-dark);}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {background: var(--theme-dark); color: var(--secondary-color);}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {background: var(--theme-dark); color: var(--accent-color);}
.top-bar-section ul li {padding: 0;}
.top-bar-section ul li ul li {border-bottom: 1px solid var(--secondary-color);}
.footer {padding: 0;}
.footer .footer__inner {border: 0;}
.footer .footer__company__info {display: none;}
@media only screen and (max-width: 1226px) { /* Bartosz change 19.02 */
    .header .company__beta-logo {width: 116px; vertical-align: top;}
}

.layout__content .sColW1 {padding: 80px 10%;}
.sColW1 .widget__title {font-size: 74px; color: var(--secondary-color); font-weight: 700; max-width: 960px; margin: 0 auto;}
.sColW1 .widget__cta {padding: 0;}
.sColW1 .widget__cta .btn--primary {background: none; color: var(--secondary-color); font-size: 22px; border: 0; font-weight: 700;}
.sColW1 .widget__cta .btn--primary:hover {color: var(--secondary-hover-color);}
.sColW1 .widget__cta .btn--primary::after {content: '>>'; display: inline-block; vertical-align: middle; margin-left: 12px;}
@media only screen and (max-width: 768px) {
    .sColW1 .widget__title {font-size: 50px;}
    .sColW1 .widget__cta .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .sColW1 {padding: 54px 10%;}
    .sColW1 .widget__title {font-size: 32px;}
    .sColW1 .widget__cta .btn--primary {font-size: 14px;}
}

.layout__content .sColTxt {padding: 80px 10%; text-align: center; font-size: 32px; color: var(--accent-color);}
@media only screen and (max-width: 768px) {
    .layout__content .sColTxt {font-size: 22px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .sColTxt {padding: 54px 10%; font-size: 16px;}
}

.layout__content .searchBar {padding: 5% 10%;  background-color: color-mix(in srgb, var(--theme-primary), transparent 80%);}
.searchBar .search-bar-widget input {border: 3px solid var(--theme-primary); box-shadow: none; background: var(--accent-tinted-color-90); height: 50px; width: calc(100% - 122px); border-radius: var(--border-radius);}
.searchBar .search-bar-widget .btn--submit {height: 50px; border: 3px solid var(--theme-active); border-radius: var(--border-radius) !important; background: transparent; font-weight: 700; color: var(--theme-active); transition: all ease 0.3s;}
.searchBar .search-bar-widget .btn--submit:hover {height: 50px; border: 3px solid var(--theme-active); border-radius: var(--border-radius) !important; background: var(--theme-active); color: white;}
@media only screen and (max-width: 680px) {
    .searchBar .search-bar-widget input {height: 40px; width: calc(100% - 104px);}
    .searchBar .search-bar-widget .btn--submit {height: 40px;}
}

.layout__content .titleSubtitle, .learn.dashboard .titleSubtitle {padding: 80px 10%;}
.titleSubtitle .widget__title {font-size: 64px; color: var(--accent-color); font-weight: 700;}
.titleSubtitle .widget__subtitle {font-size: 28px; color: var(--accent-color);}
@media only screen and (max-width: 768px) {
    .titleSubtitle .widget__title {font-size: 38px;}
    .titleSubtitle .widget__subtitle {font-size: 22px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .titleSubtitle, .learn.dashboard .titleSubtitle {padding: 54px 10%;}
    .titleSubtitle .widget__title {font-size: 28px;}
    .titleSubtitle .widget__subtitle {font-size: 16px;}
}

.layout__content .aboutBlock {padding: 80px 10%;}
.aboutBlock li.about-block__container .about-block img {max-width: 80px;}
.aboutBlock li.about-block__container .about-block__text h3 {font-size: 20px; font-weight: 700; color: var(--accent-color); text-transform: none !important;}
.aboutBlock .about-block__text p {font-size: 14px; color: var(--accent-color);}
@media only screen and (max-width: 768px) {
    li.about-block__container .about-block::before {padding-top: 0;}
}
@media only screen and (max-width: 680px) {
    .layout__content .aboutBlock {padding: 54px 10%;}
    .aboutBlock .about-block__text h3 {font-size: 18px;}
    .aboutBlock .about-block__text p {font-size: 12px;}
}

.layout__content .sColTxtCta, .learn.dashboard .sColTxtCta {padding: 80px 10%; text-align: center; font-size: 32px;}
.sColTxtCta .widget__title {font-size: 64px; color: var(--accent-color); font-weight: 700;}
.sColTxtCtapc .widget__title {font-size: 32px; color: var(--accent-color); font-weight: 700;}
.sColTxtCta .widget__subtitle {font-size: 26px; color: var(--accent-color);}
.sColTxtCta .widget__cta .btn--primary { background: none; color: var(--secondary-color); font-size: 22px; border: 0; font-weight: 700;}
.sColTxtCta .widget__cta .btn--primary:hover {color: var(--secondary-hover-color);}
.sColTxtCta .widget__cta .btn--primary::after {content: '>>'; display: inline-block; vertical-align: middle; margin-left: 12px;}
.sColTxtCta .editor-content {float: left;}
@media only screen and (max-width: 768px) {
    .sColTxtCta .widget__title {font-size: 38px;}
    .sColTxtCta .widget__subtitle {font-size: 22px;}
    .sColTxtCta .widget__cta .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .sColTxtCta, .learn.dashboard .sColTxtCta {padding: 54px 10%;}
    .sColTxtCta .widget__title {font-size: 28px;}
    .sColTxtCta .widget__subtitle {font-size: 16px;}
    .sColTxtCta .widget__cta .btn--primary {font-size: 14px;}
}

.layout__content .feaContentStd {padding: 80px 10%;}
.feaContentStd .columns, .feaContentStd .column {padding: 0;}
.feaContentStd [class*=block-grid-]>li {padding: 0;}
.feaContentStd .catalog-grid-item {border: 0; margin-bottom: 80px;}
.feaContentStd .catalog-grid-item:last-child {margin-bottom: 0;}
.feaContentStd .catalog-grid-item__asset-container--split {padding: 0; padding-right: 5%;}
.feaContentStd .catalog-grid-item__body {padding: 0; padding-left: 5%;}
.feaContentStd .catalog-grid-item__title {font-size: 32px; font-weight: 700; color: var(--accent-color);}
.feaContentStd .catalog-grid-item__description {font-size: 16px; font-weight: 300; color: var(--accent-color);}
.feaContentStd .catalog-grid-item__hr {border: 0;}
.feaContentStd .catalog-grid-item__cta-container::before {content: 'Read more >>'; font-size: 16px; font-weight: 400;}
.feaContentStd .catalog-grid-item__cta-container {color: var(--secondary-color);}
@media only screen and (max-width: 768px) {
    .feaContentStd .catalog-grid-item__asset-container--split {margin-bottom: 12px;}
    .feaContentStd .catalog-grid-item__asset-container--split, .feaContentStd .catalog-grid-item__body {padding: 0;}
    .feaContentStd .catalog-grid-item__title {font-size: 24px;}
    .feaContentStd .catalog-grid-item__description, .feaContentStd .catalog-grid-item__cta-container::before {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .feaContentStd {padding: 54px 10%;}
    .feaContentStd .catalog-grid-item__title {font-size: 18px;}
}

.layout__content .testiWidget1 {padding: 80px 10%; background: var(--accent-tinted-color-90);}
.testiWidget1::before {content: 'WHAT OUR STUDENTS SAY'; display: block; width: 100%; margin-bottom: 40px; font-size: 64px; color: var(--accent-color); text-align: center; font-weight: 700;}
.testiWidget1 .testimonial-quote__text {font-size: 28px; color: var(--accent-color); font-style: italic;}
.testiWidget1 .testimonial-quote__text::before, .testiWidget1 .testimonial-quote__text::after {content: '"';}
.testiWidget1 .testimonial .testimonial-quote__author-name::before {display: none;}
.testiWidget1 .testimonial .testimonial-quote__author-name {font-style: normal; text-transform: none; font-size: 18px; font-weight: 600; color: var(--accent-color);}
.testiWidget1 .testimonial .testimonial-quote__author-description {font-style: normal; color: var(--accent-color);}
.testiWidget1 .testimonials__nav>i {color: var(--secondary-color);}
.testiWidget1 .testimonials__nav>i:hover {color: var(--secondary-hover-color);}
@media only screen and (max-width: 768px) {
    .testiWidget1::before {font-size: 38px;}
    .testiWidget1 .testimonial-quote__text {font-size: 18px;}
    .testiWidget1 .testimonial .testimonial-quote__author-name {font-size: 16px;}
    .testiWidget1 .testimonial .testimonial-quote__author-description {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .testiWidget1 {padding: 54px 10%;}
    .testiWidget1::before {font-size: 24px; margin-bottom: 32px;}
    .testiWidget1 .testimonial-quote__text {font-size: 14px;}
    .testimonial .testimonial-quote {padding: 0 1em;}
    .testimonials__nav {width: 30px;}
    .testimonials__nav > i {font-size: 30px;}
    .testimonials__nav--right {right: -15px;}
    .testimonials__nav--left {left: -15px;}
}

.layout__content .sColW2 {padding: 80px 10%;}
.sColW2 .widget__title {font-size: 74px; color: var(--accent-color); font-weight: 700;}
.sColW2 .widget__cta {padding: 0;}
.sColW2 .widget__cta .btn--primary {background: var(--secondary-color); color: var(--secondary-contrast-color); font-size: 22px; border: 0; font-weight: 700;}
@media only screen and (max-width: 768px) {
    .sColW2 .widget__title {font-size: 38px;}
    .sColW2 .widget__cta .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .sColW2 {padding: 54px 10%;}
    .sColW2 .widget__title {font-size: 28px;}
    .sColW2 .widget__cta .btn--primary {font-size: 14px;}
}

.customFooter {padding: 0 10%; color: black;}
.customFooter .container {padding-top: 50px; border-top: 1px solid var(--secondary-color); box-shadow: none;}
.customFooter nav {display: flex; align-items: center; margin-bottom: 24px;}
.customFooter nav .box {display: inline-block; width: calc(35% - 4px); padding-right: 20px; vertical-align: top; color: black;}
/* .customFooter nav .box .ftLogo {width: 154px;} */
.customFooter nav .box ul {display: block;}
.customFooter nav .box ul li {display: block;}
.customFooter nav .box ul li a {color: var(--global-font);}
.customFooter nav .box ul li a:hover {color: var(--theme-active);}
.customFooter .copySocialLnks {display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--theme-primary);}
.customFooter .copySocialLnks::after {content: ''; display: block; clear: both;}
.customFooter .copySocialLnks .box {display: inline-block; float: left;}
.customFooter .copySocialLnks .box ul {display: block;}
.customFooter .copySocialLnks .box ul li {display: inline-block; vertical-align: top; margin-right: 15px;}
.customFooter .copySocialLnks .box .copy, .customFooter .copySocialLnks .box .powered {display: inline-block; margin-right: 20px; color: var(--global-font);}
.customFooter .copySocialLnks .box i {color: var(--accent-color); font-size: 35px;}
.customFooter .copySocialLnks .box i:hover {color: var(--theme-active);}
@media only screen and (max-width: 768px) {
    .customFooter .copySocialLnks .box {margin-bottom: 12px;}
    .customFooter .copySocialLnks .box ul {margin: 0;}
}
@media only screen and (max-width: 680px) {
    .customFooter .container {padding-top: 40px;}
    .customFooter nav .box {width: 100%; margin-bottom: 12px;}
    .customFooter nav .box ul {margin: 0;}
}


.layout__content .feaCarousel1 {padding: 80px 10%; background: var(--accent-color);}
.feaCarousel1 .widget__title {font-size: 64px; color: var(--accent-contrast-color); font-weight: 700;}
.feaCarousel1 .ember-view > .ember-view {position: relative;}
.feaCarousel1 .featured-content-multi-carousel-item {border: 0; border: 1px solid var(--accent-contrast-color); background: none;}
.feaCarousel1 .featured-content-multi-carousel-item__description {font-size: 14px; color: var(--accent-contrast-color);}
.feaCarousel1 .featured-content-multi-carousel-item__description::after {content: 'Read more >>'; color: var(--accent-contrast-color); font-weight: 700; margin: 20px 0; display: block;}
.feaCarousel1 .btn--bare-icon i {font-size: 50px; color: var(--accent-contrast-color);}
.feaCarousel1 .featured-content-multi-carousel__nav-left {width: 50px; height: 50px; top: 50%; transform: translateY(-50%); left: -60px;}
.feaCarousel1 .featured-content-multi-carousel__nav-right {width: 50px; height: 50px; top: 50%; transform: translateY(-50%); right: -60px;}
@media only screen and (max-width: 768px) {
    .feaCarousel1 .widget__title {font-size: 38px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .feaCarousel1 {padding: 54px 10%;}
    .feaCarousel1 .widget__title {font-size: 24px;}
    .feaCarousel1 .btn--bare-icon i {font-size: 30px;}
    .feaCarousel1 .featured-content-multi-carousel__nav-right, .feaCarousel1 .featured-content-multi-carousel__nav-left {width: 30px;}
    .feaCarousel1 .featured-content-multi-carousel__nav-right {right: -30px;}
    .feaCarousel1 .featured-content-multi-carousel__nav-left {left: -30px;}
}

.layout__content .feaCarousel2 {padding: 80px 10%;}
.feaCarousel2 .widget__title {font-size: 64px; color: var(--white-color); font-weight: 700;}
.feaCarousel2 .featured-content-multi-carousel-item img {padding: 0;}
.feaCarousel2 .featured-content-multi-carousel-item {border: 0; border: 0px; background: var(--accent-tinted-color-90);}
.feaCarousel2 .featured-content-multi-carousel-item__body {padding: 20px;}
.feaCarousel2 .featured-content-multi-carousel-item__title {text-align: left; font-size: 22px; color: var(--accent-color); font-weight: 400;}
.feaCarousel2 .featured-content-multi-carousel-item__description {font-size: 14px; color: var(--accent-color); padding: 0;}
.feaCarousel2 .featured-content-multi-carousel-item__description::after {content: 'Read more >>'; color: var(--secondary-color); font-weight: 700; margin: 20px 0 0; display: block;}
.feaCarousel2 .btn--bare-icon i {font-size: 50px; color: var(--secondary-color);}
.feaCarousel2 .featured-content-multi-carousel__nav-left {width: 50px; height: 50px; top: 50%; transform: translateY(-50%); left: -60px;}
.feaCarousel2 .featured-content-multi-carousel__nav-right {width: 50px; height: 50px; top: 50%; transform: translateY(-50%); right: -60px;}
@media only screen and (max-width: 768px) {
    .feaCarousel2 .featured-content-multi-carousel-item__title {font-size: 20px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .feaCarousel2 {padding: 54px 10%;}
    .feaCarousel2 .btn--bare-icon i {font-size: 30px;}
    .feaCarousel2 .featured-content-multi-carousel__nav-right, .feaCarousel2 .featured-content-multi-carousel__nav-left {width: 30px;}
    .feaCarousel2 .featured-content-multi-carousel__nav-right {right: -15px;}
    .feaCarousel2 .featured-content-multi-carousel__nav-left {left: -15px;}
}


.learn.dashboard .heroWidget {padding: 0; position: relative;}
.heroWidget::before {content: ''; width: 100%;height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); z-index: 1;}
.heroWidget .hero__caption {background: none; text-align: center; color: var(--white-color); bottom: auto; top: 50%; transform: translateY(-50%); z-index: 1;}
.heroWidget .hero__caption .hero__title {color: white; font-size: 74px; font-weight: 700;}
@media only screen and (max-width: 768px) {
    .heroWidget .hero__caption {position: absolute;}
    .heroWidget .hero__caption .hero__title {font-size: 50px;}
}
@media only screen and (max-width: 680px) {
    .heroWidget .hero__caption .hero__title {font-size: 32px;}
}


.learn.dashboard .testiWidget2 {padding: 80px 10%;}
.testiWidget2 .testimonial {background-position: left center; background-size: 50% auto; padding-top: 0; padding-left: 60%;}
.testiWidget2 .testimonial>.testimonial-quote {position: relative; transform: none; padding: 0; padding: 80px 0; min-height: 440px;}
.testiWidget2 .testimonial .testimonial-quote__text {font-size: 18px; text-align: left; font-weight: 300; color: var(--accent-color);}
.testiWidget2 .testimonial .testimonial-quote__text::before, .testiWidget2 .testimonial .testimonial-quote__text::after {content: '"';}
.testiWidget2 .testimonial .testimonial-quote__author-name {text-align: left; color: var(--accent-color); font-size: 18px; font-weight: 400; font-style: normal;}
.testiWidget2 .testimonial .testimonial-quote__author-description {text-align: left; color: var(--accent-color); font-size: 16px; font-weight: 300; font-style: normal;}
.testiWidget2 .testimonial .testimonial-quote__author-name::before {display: none;}
.testiWidget2 [class*=block-grid-], .testiWidget2 .testimonial-widget {margin: 0;}
@media only screen and (max-width: 768px) {
    .testiWidget2 .testimonial .testimonial-quote__text {font-size: 14px;}
    .testiWidget2 .testimonial .testimonial-quote__author-name {font-size: 14px;}
    .testiWidget2 .testimonial .testimonial-quote__author-description {font-size: 13px; margin: 0;}
    .testiWidget2 .testimonial > .testimonial-quote {min-height: 224px; padding: 0;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .testiWidget2 {padding: 54px 10%;}
    .testiWidget2 .testimonial {padding: 0; padding-top: calc(240px + 20px); background-position: top center;  background-size: auto 240px;}
    .testiWidget2 .featured-content-multi-carousel {padding: 0;}
}

.learn.dashboard .headingOnly {padding: 80px 10%;}
.headingOnly .widget__title {font-size: 64px; color: var(--accent-color); font-weight: 700; margin-bottom: 0;}
@media only screen and (max-width: 768px) {
    .headingOnly .widget__title {font-size: 38px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .headingOnly {padding: 54px 10%;}
    .headingOnly .widget__title {font-size: 28px;}
}

.learn.dashboard .widget--dashboard-stats {padding: 0 10% 80px;}
.dashboard-stats__container {box-shadow: none;}
.dashboard-stat {border: 1px solid var(--accent-color);}
.dashboard-stat .dashboard-stat__label {color: var(--accent-color);}
.dashboard-stat .dashboard-stat__value {color: var(--accent-color);}
/* .dashboard-stat--available .dashboard-stat {border: 1px solid var(--dashStatAvail-color);}
.dashboard-stat--available .dashboard-stat__value, .dashboard-stat--available .dashboard-stat__label {color: var(--dashStatAvail-color);}
.dashboard-stat--started .dashboard-stat {border: 1px solid var(--dashStatStart-color);}
.dashboard-stat--started .dashboard-stat__value, .dashboard-stat--started .dashboard-stat__label {color: var(--dashStatStart-color);}
.dashboard-stat--completed .dashboard-stat {border: 1px solid var(--dashStatComp-color);}
.dashboard-stat--completed .dashboard-stat__value, .dashboard-stat--completed .dashboard-stat__label {color: var(--dashStatComp-color);}
.dashboard-stat--collaborations .dashboard-stat {border: 1px solid var(--dashStatCollab-color);}
.dashboard-stat--collaborations .dashboard-stat__value, .dashboard-stat--collaborations .dashboard-stat__label {color: var(--dashStatCollab-color);} */
.dashboard-stat__label {font-size: 14px; font-weight: 700;}
.dashboard-stat__icon {display: block; height: 46px; margin-bottom: 4px; font-size: 36px;}
/* .dashboard-stat__icon::before {display: none;} */
.dashboard-stat__value--huge {font-size: 32px; font-weight: 700; line-height: normal;}
.dashboard-stat {height: 125px;}
@media only screen and (max-width: 680px) {
    .learn.dashboard .widget--dashboard-stats {padding: 0 10% 54px;}
}

/* .dashboard-stat__label .icon-notebook {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/pngpsc9zezji-Pending.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-index {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/kt63988ftp43-Started.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-check {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/lywad51iq301-Completed.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-users {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/azs9n3lytmf0-Collaborations.jpg) center no-repeat; background-size: auto 100%;} 
.dashboard-stats>li.dashboard-views__container--no-certificates {background: var(--dashStatNoCert-color); padding: 6px; height: 125px; color: var(--secondary-color);}*/
/*.dashboard-stat--available .dashboard-stat {border: 1px solid #dssadfasfd;}*/

.learn.dashboard .accessWidget {padding: 80px 10%;}
.accessWidget .dashboard-access-tab, .accessWidget .dashboard-access-tabs, .accessWidget .dashboard-access {border: 0;}
.accessWidget .dashboard-access-tab {background: var(--accent-tinted-color-90); font-size: 16px; padding: 12px 16px; margin-right: 8px; cursor: pointer;}
.accessWidget .dashboard-access-tabs {background: none; margin-bottom: 20px;}
.accessWidget .btn--link {color: var(--accent-color); text-transform: uppercase;}
.accessWidget .dashboard-access-tab__count {background: none; border: 0; font-size: 16px; color: var(--accent-color); margin-left: 0;}
.accessWidget .dashboard-access-tab__count::before {content: "(";}
.accessWidget .dashboard-access-tab__count::after {content: ")";}
.accessWidget .dashboard-access-tab.dashboard-access-tab--active {background: var(--accent-color); color: var(--accent-contrast-color);}
.accessWidget .dashboard-access-tab.dashboard-access-tab--active .btn--link  {color: var(--accent-contrast-color);}
.accessWidget .dashboard-access-tab.dashboard-access-tab--active .dashboard-access-tab__count  {color: var(--accent-contrast-color);}
.accessWidget .dashboard-access section[role=tabpanel] {border: 2px solid var(--accent-tinted-color-80); padding: 20px;}
.accessWidget .dashboard-access-list-item {padding-left: 0;}
.accessWidget .dashboard-access-list-item:nth-of-type(2n) {background: var(--white-color);}
.accessWidget .accessWidget .btn--link {text-transform: none;}
.accessWidget .dashboard-access-list-item-expander__title {color: var(--secondary-color);}
.accessWidget .btn--primary {color: var(--secondary-color); text-decoration: underline; padding: 0; background: none; border: 0; font-size: 14px; text-transform: uppercase; text-align: right;}
.accessWidget .dashboard-access-list-item {color: var(--secondary-color); font-weight: 300;}
.accessWidget .dashboard-access-list-item strong {font-weight: 300;}
@media only screen and (max-width: 768px) {
    .accessWidget .dashboard-access-tab {padding: 8px 10px; margin-bottom: 4px;}
    .accessWidget .btn--link, .accessWidget .dashboard-access-tab__count {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .accessWidget {padding: 54px 10%;}
}

.learn.dashboard .catalogWidget {padding: 80px 10%;}
.catalogWidget .catalog-header {display: none;}
.catalogWidget .catalog-filters, .catalogWidget .catalog-filters__sort {background: var(--accent-tinted-color-90); border: 0;}
.catalogWidget .catalog-filters input {background: none;}
.catalogWidget .catalog-filters__search, .catalogWidget .catalog-filters__sort {background: none;}
.catalogWidget .catalog-display-type button {background: var(--accent-tinted-color-90); border: 0;}
.catalogWidget .catalog-display-type button i {color: var(--secondary-color);}
.catalogWidget .catalog-display-type button.btn--primary i {color: var(--accent-color);}
.catalogWidget .catalog-filters__sort, .catalogWidget .catalog-filters__selections {border-left: 5px solid var(--white-color);}
.catalogWidget .catalog-search__button i {color: var(--accent-color);}
.catalogWidget .catalog-aggregation__expander i {color: #969696;}
.catalogWidget .catalog-aggregation__header--label:active, .catalogWidget .catalog-aggregation__header--label:hover {color: var(--accent-color);}
.catalogWidget .btn.catalog-aggregation__value, .catalogWidget .catalog-aggregation__count {color: black;}
.catalogWidget .btn.catalog-aggregation__value:hover, .catalogWidget .btn.catalog-aggregation__value:hover .catalog-aggregation__count {color: var(--accent-color);}
.catalogWidget .catalog-grid-item {border: 1px solid var(--secondary-color);}
.catalogWidget .catalog-grid-item__title {color: var(--accent-color);}
.catalogWidget .catalog-grid-item__source {color: var(--accent-color);}
.catalogWidget .catalog-grid-item__description {color: var(--accent-color);}
.catalogWidget .catalog-grid-item .btn--link.btn--primary {color: var(--secondary-color);}
.catalogWidget .catalog-grid-item .btn--link.btn--primary:hover {color: var(--secondary-hover-color);}
.catalogWidget .catalog-grid-item .column {padding: 0;}
.catalogWidget .catalog-search .catalog-search__button {background: none;}

.catalogWidget .catalog-list-item {position: relative; border: 0;}
.catalogWidget .catalog-list-item .catalog-list-item__title-container {position: absolute; padding-left: 50%; width: 100%;}
.catalogWidget .catalog-list-item .catalog-list-item__title-container .catalog-list-item__title {height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--accent-color);}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-4 {width: 50%;}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-5 {width: 50%; padding-top: 20px;}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 {width: 100%; padding-left: 50%;}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 .catalog-list-item__cta-container {margin: 0; text-align: left; border: 0; padding: 1em 0;}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 .catalog-list-item__cta-container .btn--centered {display: inline-block; padding: 0; background: none; border: 0; color: var(--secondary-color);}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 .catalog-list-item__cta-container .btn--centered::after {content: ' >>';}
.catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 .catalog-list-item__cta-container .btn--centered:hover {color: var(--secondary-hover-color);}
.catalogWidget .catalog-list-item .catalog-list-item__info {color: var(--accent-color);}
.catalogWidget .catalog-list-item .catalog-list-item__description {color: var(--accent-color);}

.catalogWidget .catalog-aggregation {padding: 0; background: none; border: 0;}
.catalogWidget .catalog-aggregation .unlist {border-bottom: 2px solid #969696;}
.catalogWidget .catalog-aggregation .catalog-aggregation__header {padding: 12px 0 !important; border-bottom: 2px solid #969696;}
.catalogWidget .catalog-aggregation.catalog-aggregation--expanded .catalog-aggregation__header {border-color: var(--accent-color);}
.catalogWidget .catalog-aggregation .catalog-aggregation__header .catalog-aggregation__header--label {color: #969696; font-weight: 400; text-transform: uppercase; padding-left: 8px;}
.catalogWidget .catalog-aggregation.catalog-aggregation--expanded .catalog-aggregation__header .catalog-aggregation__header--label {color: var(--accent-color);}
.catalogWidget .catalog-aggregation i {color: #969696; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: 14px;}
.catalogWidget .catalog-aggregation.catalog-aggregation--expanded i {color: var(--accent-color);}
.catalogWidget .catalog-aggregation i.icon-navigateright::before {content: '\f061';}
.catalogWidget .catalog-aggregation i.icon-navigatedown::before {content: '\f063';}

@media only screen and (max-width: 768px) {
    .catalogWidget .catalog-filters input {margin: 0;}
    .catalogWidget .catalog-search__button {right: 8px;}
    .catalogWidget .catalog-filters__sort {border-left: 0;}
    .catalogWidget .catalog-list-item .catalog-list-item__title-container {position: static; padding: 0;}
    .catalogWidget .catalog-list-item .catalog-list-item__body .medium-5, .catalogWidget .catalog-list-item .catalog-list-item__body .medium-4 {width: 100%; padding-top: 0;}
    .catalogWidget .catalog-list-item .catalog-list-item__body .medium-3 {padding-left: 0;}

    .catalogWidget .catalog-item { margin-top: 20px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .catalogWidget {padding: 54px 10%;}
}

.learn.dashboard .videoWidget {padding: 80px 10%; background: var(--accent-color);}
.videoWidget > .ember-view {display: block; position: relative;}
.videoWidget > .ember-view > .ember-view {padding-bottom: 24px;}
.videoWidget > .ember-view > .ember-view, .videoWidget > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top; text-align: left;}
.videoWidget .widget__title {text-align: left; color: var(--accent-contrast-color); font-size: 64px; font-weight: 700;}
.videoWidget .widget__subtitle {text-align: left; color: var(--accent-contrast-color); font-size: 18px; font-weight: 300;}
.videoWidget .widget__cta .btn--primary {position: absolute; left: 0; bottom: 0; background: none; border: 0; padding: 0; font-size: 22px; color: var(--accent-contrast-color);}
/* .videoWidget .widget__cta .btn--primary:hover {color: var(--accent-tinted-color-90);} */
.videoWidget .widget__cta .btn--primary::after {content: '>>'; display: inline-block; vertical-align: middle; margin-left: 4px;}
@media only screen and (max-width: 768px) {
    .videoWidget .widget__title {font-size: 38px;}
    .videoWidget .widget__subtitle {font-size: 14px;}
    .videoWidget .widget__cta .btn--primary {font-size: 18px;}
    .videoWidget .widget__cta {padding: 0;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .videoWidget {padding: 54px 10%;}
    .videoWidget .widget__title {font-size: 28px;}
    .videoWidget > .ember-view > .ember-view, .videoWidget > .ember-view > .row {width: 100%;}
    .videoWidget > .ember-view > .row .columns, .videoWidget > .ember-view > .row .video__container {padding: 0;}
    .videoWidget .widget__cta .btn--primary {position: static; display: inline-block;}
    .videoWidget .widget__cta {padding: 2rem 0 0;}
}

.learn.dashboard .twoCol {padding: 80px 10%; color: var(--secondary-color);}
.twoCol h2 {font-size: 44px; font-weight: 700; color: var(--accent-color);}
.twoCol a { background: var(--secondary-color); color: var(--secondary-contrast-color) !important; font-size: 22px; border: 0; font-weight: 700; text-decoration: none; padding: 18px 32px;}
.twoCol a:hover { background: var(--secondary-hover-color);}
.twoCol p {color: var(--accent-color); font-size: 24px; font-weight: 700;}
@media only screen and (max-width: 768px) {
    .twoCol h2 {font-size: 32px; margin-bottom: 32px;}
    .twoCol a {font-size: 16px; padding: 12px 24px;}
    .twoCol .columns:first-child {margin-bottom: 20px;}
    .twoCol p {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .twoCol {padding: 54px 10%;}
    .twoCol h2 {font-size: 28px;}
}


/* For Course Page */
.course .header {padding: 0;}
.course .header .icon-home {font-size: 46px; color: var(--accent-tinted-color-90) !important;}
.course .header .header__left__icon {padding: 16px 0; background: var(--accent-color); }
.course .header .header__left__icon:hover {background: var(--accent-hover-color); }
.header--student .header__left__copy {padding-left: 32px;}
.course-title {font-weight: 400; color: var(--accent-color); font-size: 28px; text-transform: uppercase; line-height: 46px;}
.course-title:hover {color: var(--accent-hover-color);}
body.course {background: var(--accent-tinted-color-90);}
.course .header--student {box-shadow: none;}
.course .learner__container {padding: 0 6%;}
.learner__container--closed .learner__sidebar {display: none;}
.learner__container--toggled .learner__sidebar {display: block;}
.learner__sidebar__search {background: var(--accent-tinted-color-80);}
.learner__sidebar__search .ember-text-field, .learner__sidebar__search .btn--bare {display: inline-block; height: 44px !important; background: white;}
.learner__sidebar__search .columns {float: left;}
.learner__sidebar__search .learner__container__toggle--small .btn {background: none; border: 0; color: var(--accent-color); font-size: 14px; height: 44px;}
.expandable-sidebar .expandable-sidebar__toggle {background: none; color: black; font-size: 16px; padding: 12px 12px 12px 6px;}
.learner__sidebar .layout-panel {background: var(--accent-tinted-color-90);}
.learner__sidebar .btn--link i.right {display: none;}
.learner__sidebar .expandable-sidebar__link {position: relative; padding-left: 24px !important; display: block;}
.learner__sidebar .expandable-sidebar__link::before {content: '\f061'; display: block; width: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 24px; /* height: 24px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/b5pamwsbbh3x-Arrow-Right.png) center no-repeat; background-size: 100% 100%; */ font-family: 'Font Awesome\ 5 Free'; font-weight: 900; text-align: center; color: rgba(0,0,0,.3);}
.learner__sidebar .expandable-sidebar--toggled .expandable-sidebar__link {background: var(--accent-color) !important;}
.learner__sidebar .expandable-sidebar--toggled .expandable-sidebar__toggle {color: var(--accent-contrast-color);}
.learner__sidebar .expandable-sidebar--toggled .expandable-sidebar__link::before {/* background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/mao2y23r1f6x-Arrow-Down.png); */ content: '\f063'; color: var(--accent-contrast-color);}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: none;}

.learner__sidebar .expandable-sidebar__link.active {background: var(--accent-color);}
.learner__sidebar  .expandable-sidebar__link.active .expandable-sidebar .expandable-sidebar__toggle {color: var(--accent-contrast-color);}
.learner__sidebar .expandable-sidebar__link.active::before {color: var(--accent-contrast-color);}

.learner__sidebar-inner-list span.syllabus__section-title {color: var(--accent-color);}
.syllabus__topic--non-expandable-title-text {color: var(--txtLight-color);}
.syllabus__topic.syllabus__topic--active {background: none;}
.syllabus__topic.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: var(--secondary-color);}
.learner__sidebar .expandable-sidebar__link .expandable-sidebar {display: inline-block;}
.expandable-sidebar.expandable-sidebar--toggled .expandable-sidebar__content {background: var(--white-color);}

.expandable-sidebar__buttons {background: var(--accent-color); padding: 4px;}
.expandable-sidebar__buttons a {color: var(--accent-contrast-color); font-weight: 700;}
.expandable-sidebar__buttons .right a {color: var(--accent-contrast-color);}
.layout-panel {background: none;}
.directional__nav {position: absolute; top: 40px;}
.directional__nav a {padding: 0;}
.learner-section__title, .learner-lesson__title {color: var(--accent-color); text-transform: uppercase;}
.learner-section__title__container, .learner-section__progress {padding: 0 24px;}
.learner-section__progress {margin-bottom: 20px;}
.directional__nav__button {background: none; color: var(--secondary-color);}
.directional__nav .directional__nav__label {display: none;}
.section-progress-bar span {height: 8px; border-radius: 4px; background: var(--accent-color);}
.section-progress-bar div {background: var(--accent-tinted-color-70); border-radius: 4px; overflow: hidden;}
.topic__container {background: var(--white-color);}
.learner__container__toggle .btn { background: none; border: 0; color: var(--accent-color); font-size: 14px; height: 44px;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: black;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:hover {color: var(--accent-color);}

@media only screen and (max-width: 979px) {
    .course .header .header__left__icon, .course .header .header__left__icon:hover {padding: 8px 0;}
    .course .header .icon-home {font-size: 36px;}
    .course-title {font-size: 24px; line-height: 32px;}
    .header--student .header__left__copy {padding-left: 20px;}
}
@media only screen and (max-width: 768px) {
    .course .learner__container {padding: 0;}
}

/* CSS added for recommendedContent */
.layout__content .recommendedContent, .learn.dashboard .recommendedContent {padding: 80px 10%;}
.recommendedContent .widget__title {font-size: 64px; color: var(--accent-color); font-weight: 700; text-align: left;}
.recommendedContent .ember-view > .btn--primary.btn--right {background: var(--secondary-color); color: var(--secondary-contrast-color); font-size: 22px; border: 0; font-weight: 700; margin-top: 15px;}
.recommendedContent .btn--primary.btn--right:hover {background: var(--secondary-hover-color);}
.recommendedContent .catalog-grid-item {border: 1px solid var(--secondary-color);}
.recommendedContent .catalog-grid-item__title {color: var(--accent-color);}
.recommendedContent .catalog-grid-item__description {color: var(--accent-color);}
.recommendedContent .catalog-grid-item .btn--primary {color: var(--secondary-color) !important; float: none;}
.recommendedContent .catalog-grid-item .btn--primary::after {content: '>>';}
.recommendedContent .catalog-grid-item .btn--primary:hover {color: var(--secondary-hover-color) !important;}
.recommendedContent .catalog-item .column {width: 100%;}
.recommendedContent  .catalog-item .catalog-grid-item__asset-container, .recommendedContent  .catalog-item .catalog-grid-item__body {padding-left: 0; padding-right: 0;}
.recommendedContent  .catalog-item .catalog-grid-item__hr {border: 0;}
@media only screen and (max-width: 768px) {
    .recommendedContent .widget__title {font-size: 38px;}
    .recommendedContent .widget__subtitle {font-size: 22px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .recommendedContent, .learn.dashboard .recommendedContent {padding: 54px 10%;}
    .recommendedContent .widget__title {font-size: 28px;}
    .recommendedContent .widget__subtitle {font-size: 16px;}
}
/* CUSTOM CSS STARTS HERE */
.layout__content .hero {
    height: 500px;
}

/* Base Navbar Styling */
header {
    display: flex;
    align-items: center;
}
.navbar {
  background-color: transparent;
  padding: 0 2rem;
  font-family: sans-serif;
}

.at-logo-header {
    width: 300px;
    height: auto;
}

.nav-links {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.nav-links > li > a {
  display: block;
  padding: 1rem .5rem;
  color: var(--theme-dark-blue);
  text-decoration: none;
  font-weight: 600;
  width: max-content;
  border-radius: var(--border-radius)
}

.nav-links > li > a:hover {
    background-color: color-mix(in srgb, var(--theme-active), transparent 40%);
    color: white;
}

/* Dropdown Positioning */
.dropdown { position: relative; }

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  border: 1px solid #eee;
  z-index: 100;
  border-radius: var(--border-radius)
}

.dropdown:hover .dropdown-menu { display: flex; }
.dropdown-brands:hover .custom-dropdown-content {display: grid; grid-template-columns: repeat(2, 1fr); min-width: 1000px; left: -365px;}

/* 1. Split Layout Styling (First 3 Menus) */
.split-layout {
  min-width: 500px;
}

.dropdown-sidebar {
  min-width: 200px;
  background: #f9f9f9;
  list-style: none;
  padding: 1rem 0;
  margin: 0;
  border-right: 1px solid #eee;
  z-index: 99999;
  border-radius: var(--border-radius)

}

.dropdown-sidebar li a {
  padding: 0.75rem 1.5rem;
  display: block;
  color: #666;
  text-decoration: none;
  font-size: 0.9rem;
  border-radius: var(--border-radius)
}

.dropdown-sidebar li.active { background: white; font-weight: bold; color: #000; }

.dropdown-content {
  padding: 1.5rem;
  display: flex;
  gap: 2rem;
  min-width: 500px;
}

/* Hide all sub-menu blocks by default */
.sub-menu-block {
  display: none;
  gap: 2rem;
}

/* Show only the active one */
.sub-menu-block.active {
  display: flex;
  width: 100%;
}

/* Optional: change sidebar link style on active */
.side-link.active {
  background: white;
  font-weight: bold;
  color: var(--theme-active) !important;
}

.sub-group {
    width: 100%;
}

.sub-group .sub-group-info {
  margin-top: 0;
  font-size: 1rem;
  color: var(--theme-dark-blue);
  font-weight: 600;
}

.sub-group ul { list-style: none; padding: 0; margin: 0; }
.sub-group ul li a {
  padding: 0.4rem;
  padding-left: 1rem;
  display: block;
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  border-radius: var(--border-radius);
  transition: all ease 0.3s;
}

.sub-group ul li p {
  padding-left: 1rem;
  color: var(--txtLight-color);
}

.sub-group ul li a:hover {
    color: var(--theme-active);
    background-color: color-mix(in srgb, var(--theme-primary), transparent 80%);
}

/* 2. Company Info Styling (Last Menu) */
.custom-dropdown-content {
  min-width: 375px;
  padding: 1.5rem;
}

.company-link:hover .company-info {
    background-color: color-mix(in srgb, var(--theme-primary), transparent 80%);
}

.company-info {
  display: flex;
  align-items: center;
  padding: 7px;
  border-radius: var(--border-radius);
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
  width: 100%;
}

.text-container { display: flex; flex-direction: column; width: 80%; }

.company-name {
  font-weight: bold;
  font-size: 1.1rem;
  color: #1a1a1a;
}

.company-desc {
  margin: 4px 0 0 0;
  font-size: 0.85rem;
  color: #666;
  line-height: 1.4;
}

.dropdown-logo {
  width: 20%;
  height: 60px;
  object-fit: contain;
}

.dropdown-logo-large {
    width: 30%;
}

.sg-image {
    width: 95%;
    height: 95%;
    transition: all ease 0.3s;
}

.sg-image:hover {
    scale: 1.05;
}

/* Hide mobile header on desktop by default */

@media only screen and (max-width: 1226px) {
  /* Hide desktop header */
  
  .mobile-header { display: block; position: relative; }

  .mobile-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    width: 90vw;
  }

  .at-logo-header { width: 200px; height: 40px; position: relative; right: 10vw; bottom: 1vw; }

  /* Hide menu by default */
  .mobile-nav-menu {
    display: none;
    background: #f9f9f9;
    width: 100%;
    position: absolute;
    top: 130px;
    left: 0;
    z-index: 1000;
    max-height: 90vh;
    overflow-y: auto;
  }

  /* When menu is active (via JS) */
  .mobile-nav-menu.is-open { display: block; }

  .mobile-nav-list { list-style: none; padding: 0; margin: 0; height: 60vh; }

  .mobile-trigger {
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    background: none;
    border: none;
    border-bottom: 1px solid #eee;
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
  }

  .mobile-submenu {
    display: none; /* Hide submenus until triggered */
    background: #fff;
    padding-left: 20px;
  }

  .mobile-submenu > li > ul {list-style: none;}

  .mobile-submenu.is-open { display: block; list-style: none;}

  .mobile-submenu.is-open > li  {margin: 1% 0;}
  .mobile-submenu.is-open > li > ul > li {margin: 1% 0;}
  
  .submenu-category {
    display: block;
    padding: 10px 0 5px 0;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
    font-size: 0.8rem;
  }
}
/* HOME PAGE SLIDER STYLES */

.slider-wrapper {
  position: relative;
  min-height: 60vh;
  width: 100%;
  overflow: hidden;
  background: color-mix(in srgb, var(--theme-primary), transparent 80%);
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);
}

.slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 0 10%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  pointer-events: none;
}

.slide.active {
  opacity: 1;
  pointer-events: auto;
}

/* The Background Layer */
.slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.25; /* Your requested opacity */
  z-index: 1;
  will-change: opacity;
  backface-visibility: hidden;
}

.content {
  display: flex;
  width: 100%;
  margin: 0 30px;
  gap: 50px;
  color: var(--theme-dark);
  z-index: 5;
  /* Bartosz Changes 19.02 */
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

/* .col-text, .col-graphic { flex: 1; }  */
/* Bartosz changes 19.02 */
.col-text, .col-graphic {
  flex: 1;
}

@media (max-width: 768px) {
  .content {
    flex-direction: column;
  }

  .slider-wrapper {
    min-height: 80vh;
  }
  
  .col-text, .col-graphic {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* End Bartosz changes 19.02*/

/* Simple Nav Buttons */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  padding: 15px;
  cursor: pointer;
  z-index: 10;
}
.next { right: 20px; }
.prev { left: 20px; }




/*
Dark Mode 
Helps native controls pick dark colors where supported 
*/
@charset "UTF-8";

/* When using a class toggle, put it on <html>. */
html.theme-dark { color-scheme: dark; }

/* -----------------------------
   Variables (scoped to dark)
   (from your uploaded CSS)
------------------------------ */
html.theme-dark {
  --font: Exo 2;
  --alt-font: Oswald;

  --accent-color: #a2c9fe;
  --secondary-color: #66a4ff;
  --link-color: #a2c9fe;
  --accent-highlight-color: #8ab4fe;
  --accent-highlight-background-color: #1d2d3d;
  --accent-tinted-color-70: #4a5a6a;
  --accent-tinted-color-80: #3d4d5d;
  --accent-tinted-color-90: #2d3d4d;
  --accent-contrast-color: #1d1d1d;
  --accent-contrast-tinted-background-color: #4a4a4a;
  --accent-hover-color: #8ab4fe;
  --secondary-hover-color: #3386ff;
  --secondary-contrast-color: #e0e0e0;
  --link-hover-color: #8ab4fe;

  --dashStatAvail-color: #a2c9fe;
  --dashStatStart-color: #47a3db;
  --dashStatComp-color: #e16442;
  --dashStatCollab-color: #636466;
  --dashStatNoCert-color: #2d2d2d;

  --white-color: #535353;

  --theme-dark: #121212;
  --theme-primary: #66a4ff;
  --theme-active: #a2c9fe;
  --theme-dark-blue: #2d4a6a;
  --global-font: #9d9d9d;

  --txtLight-color: #6d6d6d;
  --dashAccessTab-color: #9d9d9d;

  --border-radius: 50px;
}

/* -----------------------------
   Base dark skin 
------------------------------ */
html.theme-dark {
  background-color: var(--theme-dark);
}

html.theme-dark body {
  background-color: var(--theme-dark);
  color: var(--white-color);
}

html.theme-dark div {
  background-color: var(--theme-dark) !important;
}

html.theme-dark p,
html.theme-dark span,
html.theme-dark li,
html.theme-dark td,
html.theme-dark th {
  color: var(--white-color);
}

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6 {
  color: var(--white-color);
}

html.theme-dark a {
  color: var(--link-color);
}
html.theme-dark a:hover {
  color: var(--link-hover-color);
}

html.theme-dark ul,
html.theme-dark ol {
  color: var(--white-color);
}

html.theme-dark table,
html.theme-dark thead,
html.theme-dark tbody,
html.theme-dark tfoot,
html.theme-dark tr {
  background-color: #1d1d1d;
  color: var(--white-color);
}

html.theme-dark input,
html.theme-dark textarea,
html.theme-dark select {
  background-color: #2d2d2d;
  color: var(--white-color);
  border-color: #444;
}

html.theme-dark button {
  background-color: #2d2d2d;
  color: var(--white-color);
  border-color: #444;
}

html.theme-dark hr {
  border-color: #444;
}

html.theme-dark pre,
html.theme-dark code {
  background-color: #2d2d2d;
  color: var(--white-color);
}

html.theme-dark blockquote {
  background-color: #1d1d1d;
  color: var(--white-color);
  border-left-color: #444;
}

html.theme-dark fieldset {
  background-color: #1d1d1d;
  border-color: #444;
}

html.theme-dark legend,
html.theme-dark label {
  color: var(--white-color);
}

html.theme-dark iframe {
  background-color: var(--theme-dark);
}

html.theme-dark img {
  opacity: 0.9;
}

html.theme-dark svg {
  fill: var(--white-color);
}

html.theme-dark #main-content {
  background-color: var(--theme-dark);
}

/* -----------------------------
   Small “glue” improvements
------------------------------ */

/* Make borders generally visible in dark mode */
html.theme-dark * {
  border-color: #1f2937;
}

/* If Panorama uses role-based popovers/menus, these help a lot */
html.theme-dark [role="dialog"],
html.theme-dark [role="menu"],
html.theme-dark [role="listbox"] {
  background-color: #111827;
  color: var(--white-color);
}

/* -------- Course player sidebar: force dark surfaces -------- */
html.theme-dark [class*="sidebar"],
html.theme-dark [class*="SideBar"],
html.theme-dark [class*="outline"],
html.theme-dark [class*="Outline"],
html.theme-dark [class*="lessons"],
html.theme-dark [class*="Lessons"],
html.theme-dark [class*="menu"],
html.theme-dark [class*="Menu"] {
  background-color: var(--theme-dark) !important;
  color: var(--white-color) !important;
}

/* The inner scroll area where the lessons list sits */
html.theme-dark [class*="sidebar"] * ,
html.theme-dark [class*="outline"] * ,
html.theme-dark [class*="lessons"] * {
  border-color: #333 !important;
}

/* Search input in the sidebar (yours is white in the screenshot) */
html.theme-dark input[type="search"],
html.theme-dark [class*="search"] input,
html.theme-dark [class*="Search"] input {
  background-color: #1b1b1b !important;
  color: var(--white-color) !important;
  border-color: #444 !important;
}

html.theme-dark input[type="search"]::placeholder,
html.theme-dark [class*="search"] input::placeholder,
html.theme-dark [class*="Search"] input::placeholder {
  color: #9aa0a6 !important;
}

/* Lesson links (yours are bright blue on light gray) */
html.theme-dark a,
html.theme-dark [class*="lesson"] a,
html.theme-dark [class*="Lesson"] a {
  color: var(--link-color) !important;
}
html.theme-dark a:hover,
html.theme-dark [class*="lesson"] a:hover,
html.theme-dark [class*="Lesson"] a:hover {
  color: var(--link-hover-color) !important;
}

/* Header strips like "LESSONS" and "PROGRESS 10%" (blue bars in screenshot) */
html.theme-dark [class*="header"],
html.theme-dark [class*="Header"] {
  background-color: #121a24 !important;
  color: var(--white-color) !important;
}

/* Course sidebar active / header buttons */
html.theme-dark button {
  background-color: #1b1b1b;
  color: #e0e0e0;
}

/* Override Ember inline / high-specificity styles */
html.theme-dark [id^="ember"] > button {
  background-color: #1b1b1b !important;
  color: #e0e0e0 !important;
}

/* If this is the "selected" / expanded section */
html.theme-dark [id^="ember"] > button[aria-expanded="true"],
html.theme-dark [id^="ember"] > button.active {
  background-color: #222 !important;
  color: var(--accent-color) !important;
}

.dashboard-access-tab--active {
  background: #222 !important;
  border-color: var(--accent-color) !important; 
  font-weight:700;
}

html.theme-dark p, html.theme-dark span, html.theme-dark li, html.theme-dark td, html.theme-dark th {
  color: #bebdbd;
}
.btn--alt {
  background-color: #222;
}

html.theme-dark [class*="sidebar"], html.theme-dark [class*="SideBar"], html.theme-dark [class*="outline"], html.theme-dark [class*="Outline"], html.theme-dark [class*="lessons"], html.theme-dark [class*="Lessons"], html.theme-dark [class*="menu"], html.theme-dark [class*="Menu"] {
  color: #bebdbd !important;
}
html.theme-dark [class*="sidebar"] *, html.theme-dark [class*="outline"] *, html.theme-dark [class*="lessons"] * {
  border-color: #bebdbd !important;
}

.btn-bare {
  border: none;
}

/* Bartosz changes 20.02 */
html.theme-dark div {
  background-color: transparent !important;
}

#ember3520 .row {
  width: 100%;
}

#ember3520 .row .sear {
  width: 100%;
}

button[data-ember-action="2076"] {
  margin: 0 !important;
  padding: 0;
}

.header__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap; 
}

li.mobile-dropdown button.mobile-trigger {
  margin: 0;
}

ul.mobile-nav-list > li > a {
  margin: 0.5rem 0;
}

ul.mobile-nav-list > li > a > span {
  white-space: nowrap;
}

nav.nav {
  order: 3;
}

@media (max-width: 400px) {
  .header__inner {
    flex-direction: column;
  }
}

nav.nav > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Bartosz changes 22.02 */

button[data-ember-action="2087"] {
  margin: 0 !important;
  padding: 0;
}

button#cart-button {
  margin: 0 !important;
  padding: 0;
}

.mobile-nav-list > li:not(.mobile-dropdown) > a {
  display: block;
  padding: 0;
  margin: 0;
}

figure {
  margin: 0;
}

figure > iframe {
  width: 100%;
  height: 100%;
}