h1, h2, h3, h4, h5, h6 {
  
    color: #13133d;
}


:root {
    --gray-100: #F5F6FC;
    --gray-200: #EBECF2;
    --gray-300: #E0E1E7;
    --gray-400: #B6B7BD;
    --gray-500: #A0A1A7;
    --gray-600: #8B8C92;
    --gray-700: #55575C;
    --gray-800: #4A4C51;
    --gray-900: #393B40;
  	--blue: #5253AE;
  	--green: #8BBD44;
	--green-darker: #729F33;
  	--green-lighter: #DFFFB3;
  	--red: #BF0A6E;
  	--red-darker: #93095B;
  	--link-color: #424699;
  	--section-channel: #A9A9D7;
  	--section-room: #C5DEA2;
  	--section-badge: #FFC58E;
  	--card-headline-color: #1D1E53;
    --card-headline-hover-color: #5253AE; 
}

[data-zapnito-navbar-text-button]:hover {
    opacity: unset;
    color: #ff8b1c !important;
}

a {
  color: #5253AE;
}

.comment a {
  font-weight: bold;
}

.content__body a {
  font-weight: bold;
}

a:hover {
    color: #ff8b1c;
  	transition: ease .4s;
}

.hover\:underline:hover {
    text-decoration: none;
}

.tf-dropdown-menu__item:hover {
    color: #ff8b1c;
  
}

.tf-dropdown-menu__item {
    color: #55575C;
}





.explore-widget {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #1d1e56;
}

.explore-widget__title {
  color: #ff8b1c;
  padding: 25px 0px 0px;
  font-size: 40px;
  text-transform: lowercase;
}

.content-card__inner {
  border-radius: 10px;
}

.container {
  max-width: 100%;
}

.content-card__headline a {
  color: #24255f;
}

.content-card__headline a:hover {
  color: #FF8B1C;
}

.kicker__channel, .kicker__room {
    color: var(--gray-600);
    text-transform: none;
}

.kicker__channel:hover, .kicker__room:hover {
    color: var(--gray-800);
    text-transform: none;
}




[data-zapnito-content-sidebar-grid] [data-zapnito-content-body]
{ grid-column: span 6 / span 6 }

.content-card__poster {
    border-radius: 10px 10px 0px 0px;
}

@media (min-width: 1000px) {
    .course-article__content {
        float: left;
        width: 100%;
    }
}



.article__inner {
    max-width: none;
}

.profile-card__name a {
  color: #FF8B1C;
}
.profile-card__name a:hover {
  color: #FF7300;
}

.profile-card__title { 
  color: #B6B7BD;
}

.settings-tile__cta {
  color: #5253AE;
}

.course__module--completed .course__module-toggle, .course__module--completed .course__module-toggle-icon, .course__module--completed .course__module-toggle.collapsed {
 color: #5253AE;
}

.course__content-completed-icon {
color: #8BBD44;
}

.course__content-title {
  color: #1D1E53;
}

.footer {
  padding: 80px 0 40px;
  margin: 0px;
  background-image: linear-gradient(#1D1E53, #2B2C6A);
}

.footer__copyright {
  color: #fff;
}

.footer__nav-link {
  color: #FF8B1C;
}

.flex.items-center.space-x-4.content__byline {
  display: none;
}

.content-actions--static {
  border: none;
  background-color: var(--gray-100);
}

div.mb-6 {
 margin-bottom: 0px;
}
 {
  display: none; 
}

.space-y-8>:not([hidden])~:not([hidden]) {
  margin-top: 0px;
  margin-bottom: 4rem;
}

/*.pb-4 {
    padding: 3em 0rem 1rem;
}*/

.comments {
 border: 1px solid var(--gray-300);
 border-radius: .25rem;
  padding: 1rem;
}

.comments__list {
  padding: 1rem;
}

.flickity-page-dots .dot.is-selected {
    border-color: #5253AE;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div.space-y-8.content.content--post > div.content__main > div:nth-child(2) > div > div {
  display: none;
}

.btn--positive, .btn--positive:visited, .tf-btn--positive, .tf-btn--positive:visited {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
}

.btn--default:hover, .content-card__edit .btn:hover, .tf-btn--default:hover {
    background: var(--green-lighter);
    border-color: var(--green-lighter);
    color: var(--green-darker);
}

.btn--positive:hover, .tf-btn--positive:hover {
    background: var(--green-darker);
    border-color: var(--green-darker);
    color: #fff;
}

.btn--positive:active, .btn--positive:focus, .tf-btn--positive:active, .tf-btn--positive:focus {
    background: var(--green-darker);
    border-color: var(--green-darker);
    color: #fff;
}

.progress-bar__fill--positive {
    background-color: var(--green);
}

.m-0.text-gray-700 {
  padding-bottom: 5px;
}

.listing__indicator--draft {
    background-color: #FF8200;
}

.listing__indicator--published {
    background-color: var(--green);
}

li.navbar__link.dropdown { 
  color: #fff;
}

a.dropdown-toggle {
  color: #fff;
}

a.dropdown-toggle:hover {
  color: #FF8200;
}

.navbar__link>a:focus {
  color: #FF8200;
}




@media (min-width: 1400px) {
    .room__contributions .content-card {
        width: 25%;
    }
}

body > div.wrapper.overflow-hidden > div > div > div > section > div.container.room > div > div.room__sidebar > ul {
  display: none }

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div.hide-scrollbars.relative.h-14.w-full.flex-shrink-0.overflow-y-hidden.overflow-x-scroll.md\:m-0.md\:h-auto.md\:overflow-visible.md\:rounded-md.col-span-12.md\:col-span-4.lg\:col-span-3 > nav > section > div > div > div > div > div > div:nth-child(2) {
display: none }

body > div.wrapper.overflow-hidden > div > div > div > section > div.container.room > div > div.room__sidebar > h2 {
  display: none; }


body > div.wrapper.overflow-hidden > div > div > div > section > div.container.room > div > div.room__contributions {
  left: 0%; 
  width: 100%;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer > div.mr-2.flex.items-center.justify-center.space-x-2.self-end.text-gray-600 > div > button {
 background-color: var(--gray-200);
  color: var(--gray-900);
  border-radius: 20px;
  padding: 5px 15px;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer > div.mr-2.flex.items-center.justify-center.space-x-2.self-end.text-gray-600 > span.text-xs {
   background-color: var(--gray-200);
  color: var(--gray-900);
  border-radius: 20px;
  padding: 5px 15px;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer > div.mr-2.flex.items-center.justify-center.space-x-2.self-end.text-gray-600 > span.text-xxs.font-bold.text-gray-500 {
  display: none;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer {
  border-color: #fff;
}

.space-y-2 > h1 {
  font-weight: bold;
  color: var(--gray-900);
}

div.m-0 {
  color: var(--gray-900);
}


#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer > div:nth-child(n) > div.flex.flex-grow.flex-col.items-start.justify-center > div > button > span {
  display: none;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > section {
  background-color: rgba(0,0,0,0);
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > section {
  box-shadow: none;
}


  
.rounded-t {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #FDFDFF;
}

.rounded-b {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #FDFDFF;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > footer {
  border-bottom: 2px solid var(--gray-300); 
}

article.rounded.shadow {
  box-shadow: none;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > section:hover {
  background-color: var(--gray-200);
  transition: ease .25s;
}
body {
  background-color: #FDFDFF;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 {
          grid-column: span 5 / span 5;
    }

* {
  --tw-ring-color: #A9A9D7; 
}

.fa-comments-question-check {
  color: var(--green);
}

.fa-comment {
  color: var(--blue);
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.lg\:col-span-2 > aside {
  display: none;
}

div.flex.w-full.flex-col.space-y-3 > div {
  background-color: rgba(0,0,0,0);
  box-shadow:none;
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-col.px-4.py-2 {
  border-left: 2px solid var(--gray-300);
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-wrap.gap-2.border-t.border-gray-200.px-4.py-2.xs\:justify-between {
   border-top: none;
  border-left: 2px solid var(--gray-300);
}
#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > div.flex.flex-col.space-y-4 > section {
  justify-content: flex-start;
 
}

#ember11 {
  border-style: none;
  background-color: rgba(0,0,0,0);
}

#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article > div > footer {
  border-top: none;
}

#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article > div > section {
  padding: .375rem .375rem 0rem .375rem; 
}

#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article > div > footer {
  padding: .375rem .375rem 1rem .5rem;
}
  
#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article > div > footer > div.flex.items-center.justify-start.gap-2.text-gray-600 > button.focus\:ring-blue-500.rounded.text-xs.text-link-color.ring-offset-2.transition-colors.hover\:underline.focus\:outline-none.focus\:ring-2.focus\:ring-opacity-50 {
     background-color: var(--gray-200);
  color: var(--gray-900);
  border-radius: 20px;
  padding: 5px 15px;
}

div.flex.w-full.flex-col.space-y-3 > div {
  background-color: rgba(0,0,0,0);
  box-shadow:none; 
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-wrap.gap-2.border-t.border-gray-200.px-4.py-2.xs\:justify-between > div.flex.w-full.justify-end.xs\:w-auto > div > button.focus\:ring-blue-500.rounded.text-xs.text-link-color.ring-offset-2.transition-colors.hover\:underline.focus\:outline-none.focus\:ring-2.focus\:ring-opacity-50 {
  background-color: var(--gray-200);
  color: var(--gray-900);
  border-radius: 20px;
  padding: 5px 15px;
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-wrap.gap-2.border-t.border-gray-200.px-4.py-2.xs\:justify-between > div.flex.items-center.gap-2 > button {
  background-color: #fff;
  color: var(--gray-900);
  border-radius: 20px;
  border: 1px solid var(--gray-400);
  padding: 5px 15px;
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-wrap.gap-2.border-t.border-gray-200.px-4.py-2.xs\:justify-between > div.flex.items-center.gap-2 > button:hover {
   background-color: var(--green-lighter);
}

div.flex.w-full.flex-col.space-y-3 > div > div.flex.flex-wrap.gap-2.border-t.border-gray-200.px-4.py-2.xs\:justify-between > div.flex.items-center.gap-2 > span.text-xs {
   background-color: var(--gray-200);
  color: var(--gray-900);
  border-radius: 20px;
  padding: 5px 15px;
}

#non_participating_courses\" > div.grid.grid-cols-1.gap-6.sm\:grid-cols-2.lg\:grid-cols-4 {
	padding: 30px 0px;
} 

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.expert-profile__wrapper.overflow-hidden > div.expert-profile__main {
  width: 100%; 
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.my-6.tf-card.expert__header > div.flex.flex-col.items-center.space-y-3.lg\:flex-row.lg\:items-end.lg\:space-x-6.lg\:space-y-0.p-6.expert__banner {
  background: linear-gradient(to right, #1D1E53 , #5253AE);
}

.pagination>li>a, .pagination>li>span {
  color: #5253AE;
}

#ember5 > div > section.course-dashboard-page__progress > div > div.course-dashboard-page__progress-info {
  background-color: var(--green);
}

.course-dashboard-page--completed .course-dashboard-page__progress-stat-count {
    color: var(--green-darker);
}

.course-dashboard-page-module-progress__title { 
  color: #1D1E53 ;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__content > article > div > div > div.article__head {
  padding-bottom: 20px; 
}


body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__sidebar.mt-4 {
  padding-bottom: 40px;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__sidebar.mt-4 {
  width: 100%; 
}
body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__sidebar.mt-4 > div.course-nav__complete > form > input.course-nav__complete-button.btn.btn--lg.btn--primary.btn--block {
  background-color: var(--green);
  border-color: var(--green);
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__sidebar.mt-4 > div.course-nav__complete > form > input.course-nav__complete-button.btn.btn--lg.btn--primary.btn--block:hover  {
   background-color: var(--green-darker);
  border-color: var(--green-darker);
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__content > article > div > div > div.content-nav > div.content-nav__item.content-nav__item--next > a > h3 {
   color: var(--blue) ;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(2) > div > div.course-article__content > article > div > div > div.content-nav > div.content-nav__item.content-nav__item--previous > a > h3 {
     color: var(--blue) ;
}

.course__module--completed {
  color: var(--green-darker);
}

.course__module--completed .course__module-toggle, .course__module--completed .course__module-toggle-icon, .course__module--completed .course__module-toggle.collapsed {
    color: var(--green-darker);
}

.course__module-toggle.collapsed {
  color: var(--blue);
}

body > div.wrapper.overflow-hidden > div > div > div > section > div:nth-child(n) > div > div.expert-profile__content > div.expert-profile__content-sidebar {
  display: none;
}

.content-card--conversation .content-card__intro { 
  color: var(--gray-600);
}

.meta__date  {
  color: var(--gray-600);
}

[data-test-carousel-widget] h3 {
  color: #ff8b1c;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

[data-test-users-widget] h3 {
  color: #ff8b1c;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

[data-zapnito-card] {
  border-width: 0;
}

[data-zapnito-card] h3 {
  font-size: 1rem;
  line-height: 1.5rem;
}

[data-test-discussions-widget] h3 {
  color: #ff8b1c;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.embed--channel {
  background-color: red;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div.space-y-8.content.content--post > div.content__head > div > div.relative.flex.flex-col.justify-end.h-auto.mx-auto.overflow-hidden.bg-gray-800.tf-rounded.content__poster.content__poster--hero {
  height: 250px;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div.space-y-8.content.content--post > div.content__head > div > div.relative.flex.flex-col.justify-end.h-auto.mx-auto.overflow-hidden.bg-gray-800.tf-rounded.content__poster.content__poster--hero > div.relative.z-30.w-full.px-12.pt-48.pb-12.mx-auto.content__hero > div.mb-3.content__badges {
  margin-bottom: 0px;
}

body > div.wrapper.overflow-hidden > div > div > div > section > div.space-y-8.content.content--post > div.content__head > div > div.relative.flex.flex-col.justify-end.h-auto.mx-auto.overflow-hidden.bg-gray-800.tf-rounded.content__poster.content__poster--hero > div.absolute.inset-0.z-20.bg-gradient-to-b.from-transparent.to-black.opacity-80 {
  background-image: none;
  background: linear-gradient(to bottom right, #1D1E53, #5253AE);
  opacity: 100;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > section > header > div.flex.items-center.space-x-2 > div {
  color: #1D1E53;
  background-color: var(--gray-200);
  padding: 5px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > section > header > div.flex.items-center.space-x-2 > div.mt-0\.5.flex-none.text-gray-500 {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
}

#ember-app-container > article > div.tf-page-layout__content.mb-16.container > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article:nth-child(n) > section > header > div.flex.items-center.space-x-2 > div.mt-0\.5.flex-none.text-gray-500 > span {
  color: #5253AE;
  font-size: 1.2rem;
}

.course-nav__content-title { 
  color: #5253AE;
}

.course-nav__content-title:hover { 
  color: #F89436;
}

.flex.flex-1.flex-col.bg-white.bg-opacity-75.pb-12.pt-4.backdrop-blur-lg.backdrop-filter {
  background-image: linear-gradient(rgba(244,246,249,0), rgba(244,246,249,1));
}
  
  .flex.flex-none.justify-between.space-x-2 {
    display: none;
    }

#ember-app-container > article > div > div > div.col-span-6.flex.w-full.flex-col.space-y-4.lg\:col-span-4 > article > div > footer > div.flex.items-center.space-x-2 > div.flex.flex-grow.flex-col.items-start.justify-center > p {
  display:none;
}

body > div.wrapper.overflow-hidden > div > div > aside > section > div > div > ul > li:nth-child(n) > button > span > span {
  font-weight: 700;
}

body > div.wrapper.overflow-hidden > div > div > aside > section > div > div > ul > li:nth-child(n) > section > ul > li:nth-child(n) > a > span {
  font-size: 16px;
}

body > div.wrapper.overflow-hidden > div > div > aside > section > div > div > ul > li.flex.items-center.space-x-3.mb-1 > a > span {
  font-weight: 700;
}

.space-y-8>:not([hidden])~:not([hidden]) {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

[data-test-carousel-widget] h3 {
    text-transform: lowercase;
}

#ember-app-container > article > div > div > section:nth-child(n) > div > div.flex.justify-between > h3 {
     text-transform: lowercase;
  	color: #F89436;
  font-size: 2.5rem;
}

.pt-48 {
    padding-top: 3rem;
}