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

      :root {
        --font: 'TWK Everett', sans-serif;;
        --alt-font: Roboto;
        --accent-color: #0a0a0a;
        --secondary-color: #0a0a0a;
        --link-color: #a9a9a9;
        --accent-highlight-color: #0a0a0a;
        --accent-highlight-background-color: #d6d6d6;
        --accent-tinted-color-70: #b6b6b6;
        --accent-tinted-color-80: #cecece;
        --accent-tinted-color-90: #e7e7e7;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #242424;
        --secondary-hover-color: #242424;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      

.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_v4/v1/course-uploads/a6aa47a1-aea4-4d34-b805-0ec1cde7b29b/x52bu42nf8ll-cute-panda-cub.jpg') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
  color: #171717;
  font-family: "Roboto", sans-serif;
  font-variation-settings: "wdth" 100;
  font-optical-sizing: auto;
}

.footer {
  padding: 0px;
}

.footer__company__info {
  display: none;
}

.footer__inner {
  border: none;
  padding: 0px;
}

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

button#cart-button {
  display: none;
}

.nav--top ul a {
  background: var(--accent-color) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  margin-bottom: 1rem;
  text-transform: capitalize;
  font-size: 1rem;
  margin-left: 1rem;
}

@media (min-width: 640px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 769px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 2560px) {
  .container {
    max-width: unset;
  }
}

.header--microsite {
  padding: 1rem 1rem 0rem 1rem !important;
}

.header--dashboard {
  padding: 1rem 1rem 1rem 1rem !important;
}

.company__school-name {
  border: none;
  display: unset;
  font-size: 1rem !important;
}

@media (max-width: 769px) {
  .company__school-name {
    border: none;
    display: unset;
    float: right;
  }
}

sup {
  top: -.10rem;
  left: 0.25em;
}

.top-bar .toggle-topbar.menu-icon button span:after {
  box-shadow: 0 0 0 1px #171717, 0 7px 0 1px #171714, 0 14px 0 1px #171717;
  right: .75rem;
}

.top-bar .toggle-topbar button,
.top-bar-section ul li>a {
  color: #171717;
}

.catalog-list-item__cta-container {
  margin-top: 1em !important;
}

@media only screen and (min-width: 48.063em) {
  .top-bar-section ul li {
    float: left;
  }

  .top-bar-section ul li.sign-out-item {
    float: right !important;
  }
}

@media only screen and (min-width: 48.063em) {
  .top-bar-section ul {
    display: inline;
    height: auto !important;
    width: 100% !important;
  }
}

.share__container { display: none; }

.top-bar-section .dropdown {
    min-width: 190px;
}

.comment__attachments__container.right {display: none;}