:root {
        --font: fieldwork, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        --alt-font: fieldwork, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        --accent-color: #453878;
        --secondary-color: #6154c7;
        --link-color: #6154c7;
        --accent-highlight-color: #453878;
        --accent-highlight-background-color: #eeecf6;
        --accent-tinted-color-70: #c7c3d7;
        --accent-tinted-color-80: #dad7e4;
        --accent-tinted-color-90: #ecebf2;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #59489b;
        --secondary-hover-color: #847ad4;
        --secondary-contrast-color: #fff;
        --link-hover-color: #a8a1e0;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/92e32dd4-ebd7-4374-9319-e60bc02ff0eb/gcj6kj75kmcb-AvadoSandboxMainLogo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@charset "UTF-8";
:root {
  --gutter-elem: 1rem;
  --gutter-section: 2rem;
}

:root {
  --text-light: rgba(255, 255, 255, 1);
  --text-dark: var(--non-black);
  --m-sm: 1rem;
  --m-md: 1.5rem;
  --m-lg: 2rem;
  --m-xl: 2.5rem;
  --avado-green: #3de580;
  --jade: #1fab7a;
  --teal: #007373;
  --indigo: #453878;
  --iris: #6154c7;
  --aurora: #9987ff;
  --non-black: #343438;
  --silver: #9b9ba7;
  --zinc: #cacad3;
  --web-bg: #ededf5;
  --pearl: #efefef;
  --steel: #d7d7e0;
  --orange-pop: #ff8f00;
  --dark-teal: #005858;
  --faded-poster: #7fe2d8;
  --robin-blue: #00cdc2;
  --green-sea: #1fac9e;
  --sky: #70d9e5;
  --cyan: #3fc9e6;
  --legacy-blue: #149bd7;
  --light-pink: #ff8ebe;
  --pink: #ff5fa2;
  --magenta: #f04e90;
  --rose: #f7c2d0;
  --salmon: #ff8d94;
  --warm-red: #ff5d54;
  --cream: #ffd4b1;
  --apricot: #ffb762;
  --lemon: #fee5ab;
  --bright-yellow: #fbd872;
  --legacy-yellow: #ffcc33;
  --white: #ffffff;
  --grey: #e4e4e4;
  --light-grey: #f2f2f2;
  --tinted-grey: #ebeaef;
  --lighter-grey: #f9f9fb;
  --dark-grey: #4c4c4c;
  --purple: var(--aurora);
  /**/
  --red: #c50000;
  --greenblue: #1cca9b;
  --bright-orange: #ff5b00;
  --frog-green: #41b804;
  --sunflower-yellow: #ffdf00;
  --primary-blue: #0700ff;
  --black: #000000;
  /* font-family */
  --font-stack: fieldwork, "Century Gothic", CenturyGothic, AppleGothic,
    sans-serif;
  /* Heading sizes */
  --h1-size: 3rem;
  --h2-size: 2.25rem;
  --h3-size: 1.5rem;
  --h4-size: 1.25rem;
  --h5-size: 1.125rem;
  --h6-size: 1rem;
  /* Heading lineHeight */
  --h1-line-height: 3.375rem;
  --h2-line-height: 2.625rem;
  --h3-line-height: 1.75rem;
  --h4-line-height: 1.625rem;
  --h5-line-height: 1.5rem;
  --h6-line-height: 1.125rem;
  /* Links color */
  --default-links: #675aff;
  --visited-links: var(--teal);
  /* body text size */
  --body-xs: 0.875rem;
  --body-s: 1rem;
  --body-r: 1.125rem;
  --body-big: 1.25rem;
  /* body text line height */
  --body-xs-line: 1.625rem;
  --body-s-line: 1.75rem;
  --body-r-line: 1.875rem;
  --body-big-line: 2rem;
  /* styling */
  --round1: 4px;
  --shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  /* override TI */
  --accent-tinted-color-90: var(--web-bg);
  --link-hover-color: var(--indigo);
}

:root {
  --text-dark: var(--non-black);
  --primary-color: var(--indigo);
  --bg-1: #ffffff;
  --bg-2: var(--web-bg);
  --m-sm: 0.5rem;
  --m-md: 1rem;
  --m-lg: 1.2rem;
  --m-xl: 1.5rem;
}

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

.award-leaderboard-standing--header {
  display: none;
}

.learning-path_custom-layout .widget--back-to-dashboard .learning-content__back-button {
  background-color: var(--iris) !important;
  padding: 0.3rem 0.7rem !important;
  border-radius: 50px;
  color: white !important;
}

.hero .hero__caption {
  padding: 1rem !important;
}

.learn.dashboard .widget.widget--hero-image {
  padding: 1rem 0rem;
}

@media only screen and (min-width: 48.063em) {
  .hero .hero__caption {
    bottom: 0em !important;
  }
  .header__right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.header .company__beta-logo .company-logo__container {
  margin-top: auto !important;
}
.header .company__beta-logo .company-logo__container img {
  max-height: 48px !important;
}

.dashboard-modules .js-results-holder {
  width: 100% !important;
  grid-template-columns: repeat(4, 1fr);
}

.ember-view .dashboard-modules .js-results-holder .small-block-grid-1 {
  grid-template-columns: 1fr;
  display: grid;
  width: 100%;
}
.ember-view .dashboard-modules .js-results-holder .small-block-grid-1::before {
  display: none;
}

@media (min-width: 769px) {
  .ember-view .dashboard-modules .js-results-holder .medium-block-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .ember-view .dashboard-modules .js-results-holder .medium-block-grid-2::before {
    display: none;
  }
}
@media (min-width: 1025px) {
  .ember-view .dashboard-modules .js-results-holder .large-block-grid-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
  .ember-view .dashboard-modules .js-results-holder .large-block-grid-3::before {
    display: none;
  }
}
.dashboard-modules .js-results-holder .large-block-grid-3 li {
  width: 100%;
}

.dashboard-modules .catalog-search-bar {
  display: none;
}

.learning-path-criterion__value-container {
  color: #453878 !important;
}

.catalog-item .catalog-grid-item__asset-container {
  overflow: hidden;
}
.catalog-item .catalog-grid-item__asset-container img.catalog-grid-item__asset {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.catalog-item .catalog-grid-item__asset-container img.catalog-grid-item__asset:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.catalog-item .catalog-grid-item__completed-container {
  background: rgba(255, 255, 255, 0.7);
}
.catalog-item .catalog-grid-item__cta-container {
  min-height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.catalog-item .catalog-grid-item__cta-container .btn--link {
  color: #fff !important;
  background-color: var(--iris) !important;
  padding: 0.4rem 1.2rem !important;
  min-width: 6rem;
  text-align: center;
  line-height: 1;
  font-weight: 700;
}
.catalog-item .catalog-grid-item {
  border-radius: 10px;
  overflow: hidden;
}

.widget--dashboard-access .dashboard-access {
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  overflow: hidden;
  padding: 0 0.75em;
}
.widget--dashboard-access .dashboard-access__header {
  display: none;
  background: transparent;
}
.widget--dashboard-access .dashboard-access__header .button-expander {
  border-radius: 5px;
}
.widget--dashboard-access .dashboard-access-tabs {
  background: transparent;
  border-bottom: 1px solid #e9e9e9;
}
.widget--dashboard-access .dashboard-access-tabs li {
  position: relative;
  border: 0;
  font-size: 1rem;
  letter-spacing: 0.2px;
  padding: 1em;
}
.widget--dashboard-access .dashboard-access-tabs li::after {
  background-color: #e9e9e9;
  display: block;
  top: 10px;
  bottom: 10px;
  left: 100%;
  width: 1px;
  content: "";
  height: auto;
  position: absolute;
}
.widget--dashboard-access .dashboard-access-tabs li:last-of-type::after {
  display: none;
}
.widget--dashboard-access .dashboard-access-tab--active {
  background: transparent;
}
.widget--dashboard-access .dashboard-access-tab--active::after {
  display: none;
}
.widget--dashboard-access .dashboard-access-list-item {
  background: transparent;
}

.widget--dashboard-access.show-certifications-only {
  display: none;
}
.widget--dashboard-access.show-certifications-only .dashboard-access-tab--inactive {
  display: none;
}
.widget--dashboard-access.show-certifications-only .dashboard-access-tab--active {
  font-weight: 400;
}
.widget--dashboard-access.show-certifications-only .dashboard-access-tab--active .dashboard-access-tab__count {
  display: none;
}

/* Hide all relevant tabs excluding Certifications */ 
.certifications-only .dashboard-access-tabs .dashboard-access-tab--archived, 
.certifications-only .dashboard-access-tabs .dashboard-access-tab--completed, 
.certifications-only .dashboard-access-tabs .dashboard-access-tab--current, 
.certifications-only .dashboard-access-tabs .dashboard-access-tab--learningPath, 
.certifications-only .dashboard-access-tabs .dashboard-access-tab--events, 
.certifications-only .dashboard-access #access-section-0, 
.certifications-only .dashboard-access #access-section-1, 
.certifications-only .dashboard-access #access-section-2, 
.certifications-only .dashboard-access #access-section-3, 
.certifications-only .dashboard-access #access-section-4, 
.certifications-only .dashboard-access #access-section-6, 
.certifications-only .dashboard-access #access-section-7 { 
  display: none!important;
}

.flip-card {
  border-radius: 10px;
  overflow: hidden;
}

.flip-card.flipped .flip-card__back {
  padding: 1em;
}

.ember-view.flip-card__list-container.flip-card__list-container--large .flip-card__container {
  margin: 0 auto !important;
}

.ember-view.flip-card__list-container.flip-card__list-container--medium .flip-card__container {
  margin: 0 auto !important;
}

.match-pair__card .resource__title,
.front__content .resource__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--secondary-color) !important;
  -webkit-box-shadow: 0 -2px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 30px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  text-align: center;
}

button.flip-card__icon {
  margin: 0;
  bottom: 1rem;
  right: 1rem;
  color: var(--secondary-color);
}

@media only screen and (min-width: 1025px) {
  .flip-card__list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding: 0 !important;
    margin: auto !important;
    width: 100%;
  }
}
@media only screen and (min-width: 1500px) {
  .ember-view.flip-card__list-container.flip-card__list-container--small .flip-card__list {
    padding: 0 10rem;
  }
}
.match-pair__card__message__inner span {
  color: white;
}

.header.header--article {
  padding: 1rem;
}
.header.header--student {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 48em) {
  .header.header--student {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.header.header--student .header__left,
.header.header--student .header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.header--student .header__right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media only screen and (max-width: 48em) {
  .header.header--student .header__right {
    display: none;
  }
}
.header.header--student .header__left__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--secondary-color);
  border-radius: 50%;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  height: 40px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 1rem;
  width: 40px !important;
  padding: 0 !important;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header.header--student .header__left__icon i {
  -webkit-transform: translateY(-0.1rem);
          transform: translateY(-0.1rem);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header.header--student .header__left__icon:hover {
  background: var(--accent-color);
  color: white;
}
.header.header--student .header__left__icon:hover i {
  -webkit-transform: translateY(-0.1rem) scale(1.2);
          transform: translateY(-0.1rem) scale(1.2);
}
@media (min-width: 768px) {
  .header.header--dashboard .form {
    margin-bottom: 0;
  }
  .header .header__inner > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .header__inner > .row > .columns {
    width: 100%;
  }
  .header .field__input-wrapper select {
    margin-bottom: 0 !important;
  }
}
.header .avado-logo-ins {
  margin-left: 5px;
  max-width: 112px;
}

.btn--image-tag .icon-plus {
  height: 27px !important;
  width: 27px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem !important;
  font-weight: 900;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn--image-tag .icon-plus::before {
  margin-top: -3px;
}

@media only screen and (min-width: 48.063em) {
  .btn--image-tag .icon-plus {
    height: 36px !important;
    width: 36px !important;
  }
}
.image-tag__popup.image-tag__popup--grow {
  border-radius: 0.5rem;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

button.btn.btn--icon.btn--close {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.btn--image-tag i {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}

.ember-view.topic__contained__container .topic__contained__content {
  width: 100% !important;
}

.ember-view.topic__contained__container .topic__contained__sidebar,
.ember-view.topic__contained__container.topic__contained__container--video.topic__video--without-body .topic__contained__sidebar {
  width: 100% !important;
}

@media only screen and (min-width: 1025px) {
  .ember-view.topic__contained__container .topic__contained__content {
    width: 60% !important;
  }
  .ember-view.topic__contained__container .topic__contained__sidebar {
    width: 60% !important;
  }
  .ember-view.topic__contained__container.topic__contained__container--video.topic__video--with-body .topic__contained__content {
    width: 60% !important;
  }
  .ember-view.topic__contained__container.topic__contained__container--video.topic__video--with-body .topic__contained__sidebar,
.ember-view.topic__contained__container.topic__contained__container--video.topic__video--without-body .topic__contained__sidebar {
    width: 40% !important;
  }
  .topic__contained__wrapper.topic__contained__wrapper--slideshow .topic__contained__content {
    width: 60% !important;
  }
  .topic__contained__wrapper.topic__contained__wrapper--slideshow .topic__contained__sidebar {
    width: 40% !important;
  }
}
.ember-view.editor-content figure {
  margin: 0;
}

.knowledgebase-menu li {
  padding: 0 !important;
  margin-right: 1rem;
}

.knowledgebase-menu .navigation-bar .top-bar-section ul.left {
  border: 0 !important;
}

.knowledgebase-menu div div nav section a {
  padding: 0.2rem 1rem !important;
  background: var(--iris) !important;
  border-radius: 50px !important;
  color: white !important;
  font-weight: 500 !important;
  margin-bottom: 1rem !important;
  text-transform: capitalize !important;
  -webkit-transition: all 0.2 !important;
  transition: all 0.2 !important;
}
.knowledgebase-menu div div nav section a:hover, .knowledgebase-menu div div nav section a:focus {
  background: var(--indigo) !important;
}

.dashboard-support .catalog-list-item__completed,
.dashboard-support .catalog-list-item__info {
  display: none;
}

@media screen and (min-width: 1025px) {
  .ember-view.catalog-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .catalog-list-item__body .catalog-list-item__title-container,
.catalog-list-item__title-container,
.catalog-list-item__body {
    width: 50% !important;
  }
  .catalog-list-item__body .row .medium-4 {
    width: 100%;
  }
}
#learner {
  font-family: inherit !important;
  padding-bottom: 1rem;
}
@media (min-width: 900px) {
  #learner .container {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
#learner .container .catalog-item.catalog-item--inactive img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: default !important;
  pointer-events: none;
}
#learner .learner__content {
  padding: 10px;
}
@media (min-width: 900px) {
  #learner .learner__content {
    padding: 1rem !important;
  }
}
#learner .learner__content .layout-panel {
  border-radius: 20px;
  padding: 10px;
}
@media (min-width: 900px) {
  #learner .learner__content .layout-panel {
    padding: 1rem !important;
  }
}
#learner .learner__content .topic__content.topic__content--pre-text-block {
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}
#learner .learner__content .learner__container__toggle {
  margin-bottom: 1rem !important;
}
#learner .learner__content .learner__container__toggle .btn {
  min-width: auto;
}
#learner .topic__content {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 900px) {
  #learner .topic__content {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
#learner .topic__content ul,
#learner .topic__content ol {
  font-size: 1rem;
  color: var(--text-dark);
  padding-left: 0;
}
@media (min-width: 900px) {
  #learner .topic__content ul,
#learner .topic__content ol {
    padding-left: 2rem;
  }
}
#learner .topic__container figure img {
  display: block;
  margin: 0 auto;
}

.bookmark-dropdown__link {
  display: none !important;
}

.sidebar__testimonial textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0.5rem;
}
.sidebar__testimonial__rating .stars:hover i {
  color: var(--secondary-color);
}
.sidebar__testimonial__rating > span {
  text-transform: none;
  color: var(--accent-color);
  font-size: 1rem;
}
.sidebar__testimonial .panel--secondary {
  border: none;
  border-radius: 1rem;
}
.sidebar__testimonial .panel--secondary > p {
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--accent-color);
  line-height: 1.2;
  letter-spacing: normal;
}

.layout-panel {
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}
.layout-panel ::-webkit-scrollbar {
  width: 0.6em;
}
.layout-panel ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50px;
}
.layout-panel ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.layout-panel ::-webkit-scrollbar-track {
  border: none;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50px;
}

.bookpanel.anyicon {
  border: 1px solid var(--secondary-color) !important;
  overflow: hidden;
  border-radius: 0.6rem !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.bookpanel .panel-heading {
  border: none !important;
  background-color: var(--secondary-color) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 10px;
}
.bookpanel .panel-body {
  padding: 1rem;
}

.topic__contained__container.topic__contained__container--video .topic__contained__content {
  border-radius: 0.5rem;
}
@media (min-width: 1024px) {
  .topic__contained__container.topic__contained__container--video .topic__contained__content {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.topic__contained__container.topic__contained__container--video .topic__contained__sidebar {
  border-radius: 0.5rem;
}
@media (min-width: 1024px) {
  .topic__contained__container.topic__contained__container--video .topic__contained__sidebar {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.topic__contained__container .topic__contained__wrapper {
  border-radius: 0.5rem;
}

.learner__container .learner__sidebar .layout-panel {
  padding: 1.5rem 0 1rem 0;
  border-radius: 10px;
}
.learner__container .learner__sidebar .hide-sidebar {
  background: var(--secondary-color) !important;
  border-radius: 100px !important;
  width: auto;
  min-width: auto;
  float: right;
}
.learner__container .learner__sidebar .ember-view.ember-text-field.form-control {
  border-radius: 25px;
  background-color: white;
  margin-bottom: 1rem;
}
.learner__container .learner__sidebar__search .row.collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.learner__container .learner__sidebar__search .columns.small-8 {
  width: 100%;
}
.learner__container .learner__sidebar-list > li > span {
  text-transform: none;
}
.learner__container .learner__sidebar .btn * {
  font-size: 1rem;
}
.learner__container--toggled .learner__sidebar {
  padding: 1rem;
  padding-top: 1.1rem;
}
@media only screen and (min-width: 90.063em) {
  .learner__container--toggled .learner__sidebar {
    padding-right: 0;
  }
}
@media only screen and (max-width: 48em) {
  .learner__container--toggled .learner__sidebar {
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .learner__container--toggled .learner__content {
    width: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.expandable-sidebar__toggle {
  background-color: white;
  color: var(--iris);
  cursor: pointer;
  font-weight: 900;
  padding: 0.5rem 0.35rem 0.35rem 0.75rem;
  text-transform: none;
}
.expandable-sidebar__link {
  font-size: 1rem;
}
.expandable-sidebar__buttons {
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem;
  margin: 1rem 0;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}
.expandable-sidebar__buttons a {
  color: var(--iris);
  font-size: 1rem;
  font-weight: 900;
  text-transform: none;
}
.expandable-sidebar__buttons a:hover {
  color: var(--indigo);
}

.learning-path-timeline-milestone__header {
  background-color: var(--accent-tinted-color-90) !important;
}
.learning-path-timeline-milestone__title {
  text-transform: none;
  font-size: 1.75rem;
}

.learning-path-criterion__label {
  color: var(--accent-color);
  text-transform: none;
  font-size: 0.8rem;
  line-height: 1.2;
}

.learning-path-progress-bar-item__index {
  background: var(--web-bg);
  color: var(--indigo);
  padding-top: 2px;
  -webkit-box-shadow: 0 0 0 2px var(--web-bg);
          box-shadow: 0 0 0 2px var(--web-bg);
}

.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
  background: var(--orange-pop);
  font-weight: 700;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding-top: 0.2rem;
  -webkit-box-shadow: 0 0 0 2px var(--orange-pop);
          box-shadow: 0 0 0 2px var(--orange-pop);
}

.learning-path-milestone-item__title {
  font-size: 1.5rem;
}

.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container .learning-path-milestone__badge,
.learning-path-timeline-milestone-items .learning-path-milestone__badge--required {
  border-radius: 50px !important;
  color: var(--non-black) !important;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.2rem 0.5rem;
  text-transform: none;
  /* added styles to required badge to prevent button appearance - 11/05/22 */
  color: var(--accent-color) !important;
  background: transparent !important;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0;
  text-transform: none;
}
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item-circle--current {
  background-color: var(--orange-pop);
  -webkit-box-shadow: 0 0 0 11px #fff, 0 0 0 12px var(--apricot), 0 0 0 17px #fff, 0 0 0 18px var(--orange-pop);
          box-shadow: 0 0 0 11px #fff, 0 0 0 12px var(--apricot), 0 0 0 17px #fff, 0 0 0 18px var(--orange-pop);
}
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset img {
  border-radius: 10px;
}

@media only screen and (min-width: 48.063em) {
  #learner .list-roll__container.list-roll__content--full-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#learner .list-roll__container .list-roll__content ul.topic__list {
  padding-left: 0;
}
#learner .list-roll__container .list-roll__content ul.topic__list__item {
  border-radius: 0.7rem;
}

.results__controls .btn {
  background-color: var(--iris);
  color: var(--white);
  border-radius: 100px;
}

.learner__container .topic__contained__container .topic__contained__content {
  border-bottom-left-radius: 0.5rem;
  border-color: var(--web-bg);
}
.learner__container .topic__contained__container .topic__contained__sidebar {
  border-bottom-right-radius: 0.5rem;
  border-color: var(--web-bg);
}
.learner__container .slide-show__top-bar {
  background-color: var(--web-bg);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  color: var(--accent-color);
  font-weight: bold;
}
.learner__container .topic__index .topic__index__number span {
  background: transparent;
  border-radius: 10px;
  height: 12px;
  -webkit-box-shadow: 0 -13px 0 #e9e9e9;
          box-shadow: 0 -13px 0 #e9e9e9;
  margin-top: 13px;
  border: none;
  padding: 5px;
}
.learner__container .topic__index .topic__index__number.topic__index__number--active span {
  -webkit-box-shadow: 0 -13px 0 var(--iris);
          box-shadow: 0 -13px 0 var(--iris);
  color: var(--iris);
}
.learner__container .topic__index--slides .topic__index__number:focus span,
.learner__container .topic__index--slides .topic__index__number:hover span {
  -webkit-box-shadow: 0 -13px 0 var(--indigo);
          box-shadow: 0 -13px 0 var(--indigo);
}

.topic__contained__sidebar .video__caption .video__caption__copy {
  max-height: 400px;
}

.video__container .video__post-link {
  display: none;
}

.notice {
  padding: 0.9rem !important;
}
.notice p {
  margin: 0 !important;
}

fieldset {
  border-radius: 0.6rem;
}

.field--show-floating-label .field__input {
  padding: 0 0.5rem !important;
}

.btn--primary {
  background-color: var(--secondary-color);
  border: none;
  border-radius: 50px !important;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  -webkit-transition: all 0.2;
  transition: all 0.2;
}
.btn--primary:hover, .btn--primary:focus {
  background-color: var(--accent-color);
}

.btn:hover,
.btn:focus {
  opacity: 0.9;
}

.btn--primary.btn--link,
.btn--primary.btn--bare {
  background-color: transparent !important;
  color: var(--secondary-color) !important;
}

.category-link--white {
  color: white !important;
}

.btn--success {
  border-radius: 50px !important;
  background-color: var(--secondary-color) !important;
}
.btn--success:hover, .btn--success:focus {
  background-color: var(--accent-color) !important;
}

.btn--icon {
  background-color: var(--secondary-color);
  color: white;
}
.btn--icon:hover, .btn--icon:focus {
  background-color: var(--accent-color) !important;
}

.learner__content .btn.btn--bare.btn--expand.purchase-paywall-submit {
  color: white !important;
  border-radius: 50px !important;
}
.learner__content .btn.btn--bare.btn--expand.purchase-paywall-submit:hover, .learner__content .btn.btn--bare.btn--expand.purchase-paywall-submit:focus, .learner__content .btn.btn--bare.btn--expand.purchase-paywall-submit:active {
  color: white !important;
}

.learner__content .ember-view.btn.btn--expand.btn--alt {
  color: white !important;
  border-radius: 50px !important;
}
.learner__content .ember-view.btn.btn--expand.btn--alt:hover, .learner__content .ember-view.btn.btn--expand.btn--alt:focus, .learner__content .ember-view.btn.btn--expand.btn--alt:active {
  color: white !important;
}

/* 
.panel--course-outline .btn--alt {
   color: var(--non-black);
}
 */
.application:not(.application--admin) .btn--alt,
.application:not(.application--admin) .btn-alt {
  color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
  border-radius: 100px;
  background-color: white;
  font-weight: 700;
  padding-bottom: 0.4em;
}
.application:not(.application--admin) .btn--alt:hover,
.application:not(.application--admin) .btn-alt:hover {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
}

.items__list--categories .btn--alt {
  color: var(--non-black);
}

.directional__nav__button.directional__nav__button--right,
.directional__nav__button.directional__nav__button--left {
  border-radius: 50px !important;
  font-weight: 900;
  -webkit-transition: all 0.2;
  transition: all 0.2;
  background-color: transparent !important;
}
.directional__nav__button.directional__nav__button--right i, .directional__nav__button.directional__nav__button--right svg,
.directional__nav__button.directional__nav__button--left i,
.directional__nav__button.directional__nav__button--left svg {
  display: block;
  color: var(--secondary-color);
  font-size: 1.5rem;
  font-weight: 700;
}
.directional__nav__button.directional__nav__button--right:hover, .directional__nav__button.directional__nav__button--right:focus,
.directional__nav__button.directional__nav__button--left:hover,
.directional__nav__button.directional__nav__button--left:focus {
  color: var(--accent-color);
}

.ember-view.header.header--secondary-manager.header--new .course__publish__state.header__inner.row .ember-view.btn.btn--preview.btn--no-margin.btn--alt {
  color: var(--non-black) !important;
}

.learner__container .learner__content .layout-panel .directional__nav {
  margin-bottom: 1rem;
}

.nav--top ul a {
  background: var(--iris);
  color: white;
  border-radius: 50px;
  padding: 0.5rem 0.7rem;
}
.nav--top ul a:hover, .nav--top ul a:focus, .nav--top ul a:active {
  background: var(--indigo);
}

#learner .directional__nav a,
#learner .directional__nav button.directional-nav__arrow {
  padding: 0.8rem 0 0;
}

.editor-content a:not(.btn):visited {
  color: var(--teal);
}

ul.tag-list.unlist {
  color: inherit !important;
  font-size: inherit !important;
  margin-bottom: initial !important;
}

@media (min-width: 2560px) {
  .container {
    max-width: 1440px !important;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1440px !important;
  }
}
#learner .catalog-calendar__table caption,
#learner .collection__course__title,
#learner .h1,
#learner .h2,
#learner .h3,
#learner .h4,
#learner .h5,
#learner .h6,
#learner .metrics__title,
#learner .topic__index .topic__index__number,
#learner h1,
#learner h2,
#learner h3,
#learner h4,
#learner h5,
#learner h6,
.catalog-calendar__table #learner caption,
.catalog-calendar__table .session caption,
.quiz__container--assessment .question__container .session h2,
.quiz__container--learner .question__container .session h2,
.session .catalog-calendar__table caption,
.session .collection__course__title,
.session .h1,
.session .h2,
.session .h3,
.session .h4,
.session .h5,
.session .h6,
.session .metrics__title,
.session .quiz__container--assessment .question__container h2,
.session .quiz__container--learner .question__container h2,
.session .topic__index .topic__index__number,
.session h1,
.session h2,
.session h3,
.session h4,
.session h5,
.session h6,
.topic__index #learner .topic__index__number,
.topic__index .session .topic__index__number {
  color: var(--accent-color);
  font-weight: 700;
}

/* Layout ------- */
.section {
  margin-bottom: var(--m-xl) !important;
}

/*Utilities*/
.underline {
  text-decoration: underline !important;
}

.center1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.show {
  display: block !important;
}

html *,
html *::before,
html *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*Overwriting existing classes of ti*/
html {
  font-size: 100% !important;
}

body {
  font-family: var(--font) !important;
  background-color: var(--web-bg);
  /* font-family: fieldwork, "Century Gothic", CenturyGothic, AppleGothic,
    sans-serif; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--accent-color);
  font-weight: 700;
}

h1 {
  margin-bottom: var(--m-lg) !important;
}

h2 {
  margin-bottom: var(--m-md) !important;
}

h3 {
  font-weight: 700;
  margin-bottom: var(--m-lg) !important;
}

p {
  font-size: 1rem;
  letter-spacing: 0.2px;
  margin-bottom: var(--m-md);
  color: var(--text-dark);
}

legend {
  font-size: 1rem !important;
  color: var(--text-dark) !important;
}

blockquote {
  margin-bottom: var(--m-md) !important;
}

.syllabus__lesson--title-text {
  font-size: 1rem;
  font-weight: 400 !important;
}

.syllabus__topic--non-expandable-title-text {
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}

.syllabus__topic.syllabus__topic--active {
  border-radius: 4px;
}

li.syllabus__topic--non-expandable:before {
  content: "—";
  width: auto;
}

input {
  font-family: inherit !important;
}

.ember-view.match-pair__set .card__label__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ember-view.match-pair__set .match-pair__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.match-pair__card {
  border-radius: 0.5rem;
  overflow: hidden;
}

.ember-view .topic__contained__content .card__label__buttons .card__label__button {
  color: #fff !important;
}

.card__label__button.card__label__button {
  border-radius: 0.5rem;
}

@media only screen and (min-width: 64.063em) {
  .match-pair__list > li {
    width: auto;
  }
}
.accordion {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.accordion__btn {
  position: relative;
  z-index: 2;
  color: rgb(56, 56, 56);
  width: 100%;
  padding: 2rem;
  border: 0;
  display: block;
  background: transparent;
  -webkit-transform: translateY(0%) scaleY(1);
          transform: translateY(0%) scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: ALL 0.5s;
  transition: ALL 0.5s;
}
.accordion__item:not(:first-child) {
  margin-top: 0.5rem;
}
.accordion__expand {
  position: absolute;
  top: 1rem;
  right: 1rem;
  pointer-events: none;
}
.accordion__expand::after {
  display: inline-block;
  content: "∨";
  margin-left: 5px;
  font-weight: 600;
}
.accordion__expand:hover {
  cursor: pointer;
}
.accordion__item {
  border: 1px solid rgb(177, 177, 177);
}
.accordion__item:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(169, 114, 209, 0.356);
          box-shadow: 1px 1px 10px rgba(169, 114, 209, 0.356);
}
.accordion__btn:hover {
  cursor: pointer;
  color: rgb(77, 77, 77);
  opacity: 0.9;
}
.accordion__content {
  position: relative;
  display: none;
  color: rgb(51, 51, 51);
  text-align: start;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-height: 0;
  padding: 0 1rem;
  opacity: 0;
}
.accordion__item.displayOn > .accordion__content {
  display: block;
}
.accordion__item.expanded .accordion__btn {
  border-bottom: 1px solid rgba(177, 177, 177, 0.342);
}
.accordion__item.expanded {
  -webkit-box-shadow: 1px 1px 10px rgba(169, 114, 209, 0.356);
          box-shadow: 1px 1px 10px rgba(169, 114, 209, 0.356);
}
.accordion__item.expanded > .accordion__content {
  max-height: 100px;
  padding: 1rem;
  opacity: 1;
}
.accordion__item.expanded .accordion__expand::after {
  -webkit-transform: translateY(-2px) rotate(180deg);
          transform: translateY(-2px) rotate(180deg);
}

.btn,
button {
  font-family: inherit !important;
}
.btn--teal,
button--teal {
  background-color: var(--teal);
  color: white;
}
.btn--teal:hover, .btn--teal:active, .btn--teal:focus,
button--teal:hover,
button--teal:active,
button--teal:focus {
  background-color: var(--dark-teal);
}

.notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #dff0d8;
  max-width: 90%;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 10px;
}
.notice__text {
  line-height: 1;
  padding: 0;
  margin: 0;
}

.icon {
  display: inline-block;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  margin-right: 0.5rem;
}

.read-more__btn {
  display: inline-block !important;
  background: var(--primary-color) !important;
  color: white !important;
  padding: 0.6rem 1.3rem !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}

.read-more__btn:hover,
.read-more__btn:focus {
  background: var(--primary-color) !important;
  color: white !important;
  opacity: 0.9 !important;
  cursor: pointer !important;
}

.read-more__btn:active {
  color: white !important;
  -webkit-transform-origin: top !important;
          transform-origin: top !important;
  -webkit-transform: scaleY(0.95) !important;
          transform: scaleY(0.95) !important;
}

.read-more__btn-container::before {
  background: var(--primary-color) !important;
  display: block !important;
  content: "" !important;
  height: 1px !important;
}

.read-more__content {
  overflow: hidden !important;
  -webkit-transform-origin: top !important;
          transform-origin: top !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  max-height: 0;
}

.iframe-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-bottom: var(--m-md) !important;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.survey-container {
  width: 100%;
  min-height: 650px;
  margin: auto;
  overflow: hidden;
}

.survey-iframe {
  width: 100%;
  min-height: 650px;
  margin: auto;
  border: 0;
}

.callout-box--purple {
  border: solid 2px #6154c7;
  border-radius: 0.5rem;
  padding: 1rem;
}

@media (min-width: 600px) {
  .special-btns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: stretch;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
}
.special-btns-container .btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  line-height: 1.4;
  min-height: 3rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.8rem;
  position: relative;
  width: 100%;
}
.special-btns-container .btn figure {
  max-width: 26px;
  top: 50%;
  left: 10px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Table --------- */
table {
  width: 100%;
  table-layout: auto;
  border: 0;
  border-spacing: 0.3rem;
  border-collapse: separate;
}
table td {
  background-color: var(--web-bg);
  border-radius: 0.3rem;
  border: 0;
}

thead {
  background-color: var(--primary-color);
  color: white;
  font-weight: 700;
}

th {
  border-left: 1px solid var(--bg-2);
  border-right: 1px solid var(--bg-2);
}

/*sign up form container*/
.session__container {
  border-radius: 10px !important;
  border: none !important;
  padding: 4rem !important;
  min-height: 650px !important;
  overflow: hidden !important;
  max-width: 600px !important;
  float: none !important;
  margin: auto !important;
  left: 0 !important;
}
/* Login Box Banner */
.session__container::before{
  /* Insert Announcement Here*/
  content: "" !important;
  text-align: center !important;
  font-weight: bold !important;
  color: #6154c7 !important;
  font-size: 30px;
  border-radius: 10px !important;
  border: none !important;
  padding: 4rem !important;
  min-height: 650px !important;
  overflow: hidden !important;
  max-width: 600px !important;
  float: none !important;
  margin: auto !important;
  left: 0 !important;
}

.session {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  background-image:url("https://avadocorparch.blob.core.windows.net/avado/bkg.png") ;   
}

@media only screen and (min-width: 250px) and (min-height: 620px) {
  .session::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(80%, #3DE580), to(#453878));
    -webkit-clip-path: ellipse(36% 9% at 100% 100%);
            clip-path: ellipse(36% 9% at 100% 100%);        
  }
}
@media only screen and (min-width: 48.063em) {
  .session::after {
    display: none;
  }
  .session__container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
    -webkit-clip-path: ellipse(42% 12% at 98% 100%);
            clip-path: ellipse(42% 12% at 98% 100%);
  }
}
.field__input,
input.field__input.input--expand {
  border-radius: 10px !important;
  border: none;
  font-family: var(--font);
  padding: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin-bottom: 2rem !important;
}

.field__input[type=email]:invalid {
  border-bottom: var(--warm-red) 4px solid !important;
}

.field__input[type=email]:-moz-placeholder-shown {
  border: none !important;
}

.field__input[type=email]:-ms-input-placeholder {
  border: none !important;
}

.field__input[type=email]:placeholder-shown {
  border: none !important;
}

.field__input[type=email]:not(:-moz-placeholder-shown):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.field__input[type=email]:not(:-ms-input-placeholder):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.field__input[type=email]:not(:placeholder-shown):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.field__input[type=password]:invalid {
  border-bottom: var(--warm-red) 4px solid !important;
}

.field__input[type=password]:-moz-placeholder-shown {
  border: none !important;
}

.field__input[type=password]:-ms-input-placeholder {
  border: none !important;
}

.field__input[type=password]:placeholder-shown {
  border: none !important;
}

.field__input[type=password]:not(:-moz-placeholder-shown):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.field__input[type=password]:not(:-ms-input-placeholder):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.field__input[type=password]:not(:placeholder-shown):valid {
  border-bottom: var(--avado-green) 4px solid !important;
}

.session__container .company__beta-logo img {
  max-width: 220px !important;
  margin-bottom: 4rem !important;
}

.session__form h2 {
  /*content: 'Sign in with your email address' !important;*/
  color: #453878 !important;
  text-align: start !important;
  font-size: 1.5rem !important;
  text-transform: lowercase !important;
  margin-bottom: 2rem !important;
  
}

.session__form h2::first-letter {
  text-transform: uppercase !important;
}

/*Input Label*/
.field__label {
  visibility: visible !important;
  display: block !important;
  opacity: 0 !important;
  position: relative !important;
  margin-left: 0 !important;
  margin-bottom: -1rem;
  color: #707070 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*Input Label when clicked on input - class aded in dynamically with js*/
.field--show-floating-label,
.field--active label {
  visibility: visible !important;
  display: block !important;
  opacity: 1 !important;
  position: relative !important;
  margin-left: 0rem !important;
  margin-bottom: 0.5rem;
  color: #707070 !important;
}

/*Sign in button*/
.session__container input[type=submit] {
  display: block !important;
  width: 100% !important;
  border-radius: 10px !important;
  margin-bottom: 2rem !important;
}

.session__forgot .btn--link {
  color: #6154c7 !important;
  font-weight: bold;
  text-decoration: underline !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}

.session__forgot .btn--link:hover,
.session__forgot .btn--link:focus {
  opacity: 0.9 !important;
  color: inherit !important;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
}

.session__staff .btn--link {
  color: #707070 !important;
  font-weight: bold;
  text-decoration: underline !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}

.session__staff .btn--link:hover,
.session__staff .btn--link:focus {
  opacity: 0.9 !important;
  color: inherit !important;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
}
/*/forgot password page*/
.session__container .btn--submit[type=submit],
.session__container .medium-3.columns,
.session__container .medium-9.columns {
  width: 100% !important;
}

.custom-section-2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-section-2-col img {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  margin-right: 0.5rem;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media (min-width: 1000px) {
  .section-wrap {
    overflow: auto;
    min-height: -webkit-max-content !important;
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .img-float {
    width: 50% !important;
    min-width: 500px !important;
    float: left !important;
    margin-right: 1rem;
  }
  .img-float-right {
    width: 50% !important;
    min-width: 500px !important;
    float: right !important;
    margin-right: 1rem;
  }
  .img-float ~ p {
    padding-top: 0.5rem;
  }
  .clearfix {
    clear: both;
  }
  .custom-center {
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .custom-section-2-col img {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
    margin-right: 0.5rem;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .custom-section-2-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .custom-section-2-col img {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    width: 40%;
  }
}
.av-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.av-grid, .av-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(-webkit-max-content, 1fr));
  grid-template-columns: repeat(12, minmax(max-content, 1fr));
  grid-auto-rows: minmax(-webkit-max-content, 1fr);
  grid-auto-rows: minmax(max-content, 1fr);
}

.av-grid--center {
  place-items: center;
  place-content: center;
}

.av-col1 {
  grid-column: span 1;
}

.av-col2 {
  grid-column: span 2;
}

.av-col3 {
  grid-column: span 3;
}

.av-col4 {
  grid-column: span 4;
  background: orange;
}

.av-col5 {
  grid-column: span 5;
  background: red;
}

.av-col6 {
  grid-column: span 6;
}

.av-col7 {
  grid-column: span 7;
}

.av-col8 {
  grid-column: span 8;
}

.av-col9 {
  grid-column: span 9;
}

.av-col10 {
  grid-column: span 10;
}

.av-col11 {
  grid-column: span 11;
}

.av-col12 {
  grid-column: span 12;
  background: blue;
}

@media (min-width: 900px) {
  .md-av-col1 {
    grid-column: span 1;
  }
  .md-av-col2 {
    grid-column: span 2;
  }
  .md-av-col3 {
    grid-column: span 3;
  }
  .md-av-col4 {
    grid-column: span 4;
    background: orange;
  }
  .md-av-col5 {
    grid-column: span 5;
    background: red;
  }
  .md-av-col6 {
    grid-column: span 6;
  }
  .md-av-col7 {
    grid-column: span 7;
  }
  .md-av-col8 {
    grid-column: span 8;
  }
  .md-av-col9 {
    grid-column: span 9;
  }
  .md-av-col10 {
    grid-column: span 10;
  }
  .md-av-col11 {
    grid-column: span 11;
  }
  .md-av-col12 {
    grid-column: span 12;
  }
}

.av-section {
  margin-bottom: var(--gutter-section);
  width: 100%;
}

.av-container {
  margin: 0 auto;
  max-width: 90vw;
  max-width: 90%;
}

.av-row {
  grid-column: 1/-1;
}
.av-row--c2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--gutter-elem);
}
.av-row--c2--64 :first-child {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.av-row--c2--64 :nth-child(2) {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.av-row--c3 {
  grid-template-columns: 1fr;
  margin-bottom: var(--gutter-elem);
  row-gap: var(--gutter-elem);
}
.av-row--c4 {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: var(--gutter-elem);
  row-gap: var(--gutter-elem);
}
.av-row--ca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--gutter-elem);
}
.av-row--ca :not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 900px) {
  .av-row--c2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .av-row--c2 :first-child, .av-row--c2 :nth-child(2) {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .av-row--c2--64 :first-child {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .av-row--c2--64 :nth-child(2) {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .av-row--c3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    -webkit-column-gap: var(--gutter-elem);
       -moz-column-gap: var(--gutter-elem);
            column-gap: var(--gutter-elem);
  }
  .av-row--c4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(-webkit-min-content, 1fr));
    grid-template-columns: repeat(4, minmax(min-content, 1fr));
    -webkit-column-gap: var(--gutter-elem);
       -moz-column-gap: var(--gutter-elem);
            column-gap: var(--gutter-elem);
  }
  .av-row--ca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .av-row--ca > * {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .av-row--ca :not(:last-child) {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.av-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}/*# sourceMappingURL=main.css.map */

/* ===== Custom Code to Hide End of Unit Survey Pop-Up ===== */
/* Hide the Feedback Sidebar */
.sidebar__testimonial {
    display: none !important;
}/* This hides the feedback survey pop-up at the end of a course */

/* Custom CSS for dashboard buttons */
.dropbtn {
  background-color: #453878;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  width: 100%;
  border-radius: 12px;
  font-weight: bold;
  cursor: pointer; /* Added for better UX */
}