:root {
        --font: proxima-nova-n4, proxima-nova, Helvetica, arial, sans-serif;
        --alt-font: proxima-nova-n4, proxima-nova, Helvetica, arial, sans-serif;
        --accent-color: #331c54;
        --secondary-color: #f08a21;
        --link-color: #428bca;
        --accent-highlight-color: #331c54;
        --accent-highlight-background-color: #e9e0f5;
        --accent-tinted-color-70: #c2bbcc;
        --accent-tinted-color-80: #d6d2dd;
        --accent-tinted-color-90: #ebe8ee;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #4a297a;
        --secondary-hover-color: #d0700e;
        --secondary-contrast-color: #111;
        --link-hover-color: #92bce0;
      }
      

.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/26166d3b-4954-41df-a355-d99154fcaec2/gc2lut9fkpee-ti-logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.catalog-list-item__asset {
  padding-right: 0; /*overriding their padding to display radius*/
  border-radius: 10px;
}

/* Custom Selected Nav State */
.all-courses-nav-active .navigation-bar .top-bar-section ul > li.navigation-item:nth-of-type(1):not(.has-form) a {
    color: #593487 !important;
    border-bottom: 2px solid;
}

.new-user-nav-active .navigation-bar .top-bar-section ul > li.navigation-item:nth-of-type(2):not(.has-form) a {
    color: #593487 !important;   
    border-bottom: 2px solid;
}

.sales-nav-active .navigation-bar .top-bar-section ul > li.navigation-item:nth-of-type(3):not(.has-form) a {
    color: #593487 !important; 
    border-bottom: 2px solid;
}

.bdc-nav-active .navigation-bar .top-bar-section ul > li.navigation-item:nth-of-type(4):not(.has-form) a {
    color: #593487 !important;   
    border-bottom: 2px solid;
}

.management-nav-active .navigation-bar .top-bar-section ul > li.navigation-item:nth-of-type(5):not(.has-form) a {
    color: #593487 !important;     
    border-bottom: 2px solid;
}

.learning-path-body--primary .text-right {
  width: 100%;
}

/* Set the width to full screen in absence of a sidebar */
.new-user-course-content .medium-9 {
    width: 100% !important;    
    float: none !important; 
    margin: 0 !important;
}

.certification-path .medium-9 {
    width: 100% !important;    
    float: none !important; 
    margin: 0 !important;
}

.virtual-workshops .medium-9 {
    width: 100% !important;
    float: none !important; 
    margin: 0 !important;
}

.new-user-course-content .btn {
  width: 100%;
}

.new-user-certification-path .medium-9 {
    width: 100% !important;
    float: none !important; 
    margin: 0 !important;
}

.catalogue-all-courses .medium-9 {
    width: 100% !important;
    float: none !important; 
    margin: 0 !important;
}

.catalogue-all-courses .btn {
  width: 100%;
} /* END */




/* Max Width Adjustments */

.activity-bar-am {
  max-width: 1400px;
}

.roles-container-hub {
  max-width: 1400px;
}

.dashboard-access {
  max-width: 1400px;
  margin: 0 auto;
}

.custom-dashboard {
  max-width: 1400px;
  margin: 0 auto;
}

.widget--catalog_standard {
  max-width: 1400px;
  margin: 0 auto;
}

.btn--small {
  padding: 1em;
  font-size: 14px;
}

.learning-path_custom-layout {
  max-width: 1400px;
  margin: 0 auto;
}

.widget--topic-article-content_standard {
  max-width: 1400px;
  margin: 0 auto;
}

.layout__content--new-user {
  max-width: 1400px;
  margin: 0 auto;
} /* END */


.virtual-workshops .btn {
  width: 100%;
}



/* Optional: Adjust the main content area to fill the space */
/* You may need to inspect the page to confirm the correct class for the main content. 
   Common classes include .learner__content or .learner__container */
.learner__content {
    width: 100% !important; 
    margin: 0 !important;
    padding: 0 40px !important; /* Re-add some padding for visual appeal */
}


.icon-home {
  display: inline-block;
  font-size: 23px;
}

.catalog__ribbon[style] {
    background-color: #ffffff !important;
    color: #593487 !important;
    border: 1px solid;
}

.header--student .header__left__icon {
    height: 5rem;
    padding: 1.75rem 1rem 1rem;
    width: 10%;
    display: none;
}

@media only screen and (min-width: 48.063em) {
    .learn.dashboard .widget {
      padding: 1rem 0;
    }
}

.widget--badges_standard {
  max-width: 1400px;
}

.dashboard-badges-container {
  padding: 2em;
}

.dashboard-stats__container {
  padding: 1rem;
  max-width: 1400px;
  margin: 0 auto;
}

.badges-carousel__button--right {
  right: -.1em
}

.about-blocks-widget ul.medium-block-grid-3 {
  margin: 10px 15px;
}

.editor-content img {
  border-radius: 10px;
}

.home-quote {
  max-width: 850px;
  font-size: 24px;
}


.learning-path-milestone__badge--required {
  background: #C9112C;
}

.learning-path-milestone__badge {
  font-size: .75rem;
  padding: .5em;
}

/* Subtle hover effect */
.catalog-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px); /* Lifts the card slightly */
}

.widget__title {
  font-size: 24px;
  color: #331C54;
  font-weight: 500;
}


.layout__content--new-user-catalogue {
  max-width: 1400px;
  margin: 0 auto;
}

.layout__content--bdc-catalogue {
  max-width: 1400px;
  margin: 0 auto;
}

.layout__content--management-catalogue {
  max-width: 1400px;
  margin: 0 auto;
}

.layout__content--all-courses-test {
  margin: 0 auto;
}


li.about-block__container .about-block__text h3 {
  font-weight: 600;
  font-size: 24px;
}

.layout__content--sales-catalogue {
  max-width: 1400px;
  margin: 0 auto;
}

.course__detail__container {
  max-width: 1000px;
  padding: 3rem 0;
}

.course__detail__header p {
  font: 1rem;
}

.hero__caption {
    text-align: center;
}

.header .company__beta-logo {
  display: block;
  width: 250px;
  margin: 0 auto;
}

.header .company__beta-logo .company-logo__container img {
    max-height: 70px;
}

.top-bar {
    border: none;   
}

.header--article, .header--dashboard, .header--microsite {
    padding: 1rem;
}

.header--dashboard {
  max-width: 300px;
  margin: 0 auto;
}

@media only screen and (min-width: 48.063em) {
    .top-bar .toggle-topbar{
        text-align: center;
    }
    .widget--about-blocks.widget--no-white-space {
      margin-top: 0;
      max-width: 1600px;
    }

    .top-bar-section li:not(.has-form) a:not(.button){
      font-weight: bold;
      font-size: 16px;
      color: #331C54;
    }
}

.hero .hero__caption span {
    font: 1rem;
}

/* General */

.btn--link.btn--primary {
  color: #0073cf;
}

.btn--primary {
  font-weight: 700;
}

.container {
  max-width: 2200px;
}

/* Top Nav */

.header--article {
  padding-left: 0;
  padding-right: 0;
}

.nav--top {
  background-color: #eee;
}

.nav--top li {
  margin: 0;
}

.nav.nav--top li a {
  padding: .5em 1em;
}

.global-nav__container {
  z-index: 2;
  top: 15px;
  height: 55px;
  display: flex;
  align-items: center;
  background: #593487;
  max-width: 100%;
}

.nav--global-links {
  margin: 0 auto;
}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 769px) {
  .global-nav__container {
    position: initial;
    height: auto;
    justify-content: center;
  }
}

.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
  font-size: 1rem;
}

.back-to-am .top-bar-section {
  max-width: 100%;
}

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

/* Center the navigation menu */
.top-bar-section {
  display: flex;
  justify-content: center;
  max-width: 550px;
  margin: 0 auto;
}


.article .container {
  z-index: 0;
}

.nav--global-links {
  background: transparent; 
}

.nav--global-links > a {
  padding: 1em;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.dashboard-access__header {
  background: white;
}

.dashboard-header-dropdown__link {
  width: auto;
  float: right;
  margin-right: -1rem;
}


.dashboard-header-dropdown__link .small-10 {
  width: auto;
}

.dashboard-header-dropdown__link .dashboard-header__avatar__container {
  width: auto;
  float: left;
}

.course-actions-dropdown>li a,
.course-actions-dropdown>li button,
.dashboard-header-dropdown>li a,
.dashboard-header-dropdown>li button {
  font-size: 1rem;  
}

@media (min-width: 770px) {
  [class*="-12"].columns .video__container {
    width: 50%;
    margin: 0 auto;
    min-width: 320px;
  }
}

.dashboard-header__name {
  width: 89px;
}

/* Homepage */

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

.featured-content-article-item__description {
  font-size: .8rem;
}

[role="main"] .hero {
  background-color: #584d72; /* Use background-color for better readability */
  background-image: url("https://storage.googleapis.com/static.findmyupgrade.com/academy/hero-academy-2025.png");
  background-size: cover;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Prevent the image from repeating */
  padding: 8rem 0;
  max-height: 380px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget--hero-image .hero .picturefill {
  display: none;
}

.hero .hero__caption .hero__title {
  color: orange;
  font-weight: 600;
  font-size: 40px;
}

.widget--hero-image span.h4 {
  color: white;
  font-size: 24px;
  max-width: 700px;
  margin: 0 auto 2rem;
}

.widget--hero-image .hero .hero__caption {
  background-color: transparent;
  color: #ffffff;
  text-align: center;
  top: 50%;
  position: initial;
}

.widget--hero-image .btn {
  background-color: #F08A21;
  color: #331C54;
  font-weight: bold;
  font-size: 20px;
  font-family: proxima-nova-n4, proxima-nova, Helvetica, arial, sans-serif;
  border-radius: 3px;
  border: 0;
}

.widget--hero-image .btn:hover {
  background-color: white; /* A slightly darker shade of orange */
  cursor: pointer;
}

.widget--hero-image span.h4 {
  display: block;
}

.testimonial .testimonial-quote__author-name:before {
  border: 0;
}

.testimonial .testimonial-quote {
  padding-top: 3em;
  padding-bottom: 3em;
  border-top: 1px dashed #DDDDDD;
  border-bottom: 1px dashed #DDDDDD;
  width: 100%;
}

.testimonial .testimonial-quote__text {
  font-size: 1.5rem;
}

.contact-block__description {
  font-size: 1.5rem;
  line-height: 1.3;
}

.contact-block__name {
  font-weight: 600;
  text-transform: none;
  font-style: italic;
  margin: 0;
  padding-top: 0.5em;
}

.contact-block__name,
.contact-block__subtitle {
  font-size: 1rem;
}

/* Dashboard */



.dashboard-stats {
  display: flex;
  justify-content: center;
}

.dashboard-stats li {
  width: auto;
  flex-grow: 1;
}

.dashboard-stat__label {
  font-size: 16px;
}

.dashboard-access-tabs {
  background: #eee;
}

.dashboard-stat__icon {
  font-size: 1rem;
}

.catalog-grid-item {
  border: 1px solid #cccccc;
  border-radius: 8px;
}

.catalog-grid-item__asset-container {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.catalog-grid-item__title,
.featured-content-article-item__title {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.catalog-grid-item__source strong,
.featured-content-multi-carousel-item__source strong {
  text-transform: uppercase;
  color: var(--accent-color);
}

.catalog-grid-item__description {
  font-size: 0.8rem;
}

.catalog-grid-item__hr {
  border-style: dashed;
}


.catalog-list-item {
  padding: 1.5rem;
}

.catalog-list-item__description {
  font-size: 16px;
  line-height: 1.5;
  margin: 1em;
}

/* Article */

[class*="article-content"] .article-content {
  min-width: 320px;
}

@media (max-width: 769px) {
  [class*="article-content"] .article-content {
    width: 100%;
  }
}

.catalog-aggregation__header--label {
  padding-left: 0.3em;
}

/* Lesson */

.learner__content {
  padding-top: 0;
}

.directional__nav {
  position: absolute;
  right: 40px;
  width: 330px;
  top: 0; 
}

.learner-section__title__container h3 {
  padding-right: 340px;
}

#learner {
  margin: 0 auto;
  position: relative;
}

.avatar {
  background-color: #3a2b5b;
  color: #f08a20;
}

.panel--article-sidebar {
  background: #f08a20;
}

.panel--article-sidebar a.btn--link {
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.panel--article-sidebar .article-sidebar__icon {
  color: white;
}

.lesson-progress {
  line-height: 3;
}

.expandable-sidebar__toggle {
  padding: 1rem;
}



.featured-content-multi-carousel-item__title {
  font-size: 1rem;
}

.featured-content-multi-carousel-item__description {
  font-size: .9rem;
}

.header--article .company__beta-logo {
  margin: 0;
}



/*hidden stuff*/
.catalogue-all-courses .catalog-search-bar {
  display: none;
}

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

.dashboard-header-dropdown__link {
  display: none;
}

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

.footer .footer__company__info {
    display: none;
  }

.catalog-list-item__info {
  display: none;
}

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

/* Hides the course sidebar in the learner view */
.learner__sidebar {
  display: none !important;
}

/* Optional: Hide the toggle button for the sidebar if it exists */
.learner__container__toggle {
  display: none !important;
}

#cart-button {
  display: none;
}

.catalog-header {
  display: none;
}