/* General Styles - ENGLISH */

img {
  height: auto;
  max-width: 100%;
}

/* Mobile Hamburger Menu */
.hamburger span,
.hamburger:after,
.hamburger:before {
  background-color: #000;
  height: 3px;
  width: 40px;
}

.hamburger span,
.hamburger:after {
  margin-top: 8px;
}

@media(max-width: 767px) {
  .navbar__menu__list {
    border-radius: 0;
    right: -20px;
    top: 41px;
  }
}

/* Nav Bar */
.navbar {
  border-bottom: 1px solid #f2f2f2;
}

/* Nav Links */
.navbar__menu__list>li>a,
.navbar__menu__list>li>.menu-trigger {
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-weight: 200;
  line-height: 30px;
  margin: 0;
  max-height: 60px;
  padding: 16px 10px 15px;
}

@media(min-width: 992px) {
  .navbar__menu__list>li>a,
  .navbar__menu__list>li>.menu-trigger {
    font-size: 15px;
    padding: 16px 15px 15px;
  }
}

.navbar__menu__list .gravatar {
  height: 30px;
  width: 30px;
}

.navbar__menu__list>li>a:hover,
.navbar__menu__list>li>.menu-trigger:hover,
.navbar__menu__list>li>a.active {
  background-color: #f2f2f2;
  color: #000;
  text-decoration: none;
}

/* BANNER */
@media(max-width: 1023px) {
  .banner__inner {
    min-height: 40vh;
  }
}

/* When using a background image, have a text shadow for white text. -AD */
.banner__heading-group h1,
.banner__heading-group h2,
.banner__heading-group p {
  text-shadow: 2px 2px 32px #000;
}

.banner__heading-group h1 {
  line-height: 1.25;
}

/* Use only 1 h1 per page. When used outside of the banner, reduce the size. */
.block .block__text .block__text-wrapper h1 {
  color: #ee0000;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.block .block__text .block__text-wrapper h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  hyphens: manual;
  margin-bottom: 10px;
}

@media(max-width: 767px) {
  .banner__heading-group h1 {
    font-size: 3.4rem;
  }
}

.block__image-with-text__inner h2 {
  font-size: 2.4rem;
}

.block__text-with-image-grid .block__text-with-image-grid__column__heading-text h3 {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.25;
}

.lecture-attachment ul li {
  margin-bottom: 5px;
}

a {
  transition: all 240ms ease-in-out 10ms;
}

h2.empty_state__heading-text,
h2.block__curriculum__title {
  font-weight: 700;
}

.block__text .block__text-wrapper a:hover,
.block__text .block__text-wrapper a:focus {
  color: #be0000;
  text-decoration: underline;
}

/* Site Divider */
.hr {
  margin: 0 auto;
  max-width: var(--base-width-cutoff);
  width: 100%;
}

@media (max-width: 767px) {
  .hr {
    padding: 0 20px;
  }
}

/* Directory */
.view-directory.course-directory {
  background-color: #f2f2f2;
}

@media(max-width: 1023px) {
  .course-block.custom_html {
    padding: 0 20px;
  }
}

/* Course Listing */
.view-directory .course-listing {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

.view-directory .course-listing:hover {
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
}

.course-listing .course-listing-extra-info {
  width: calc(100% - 32px);
}

.course-listing .course-listing-extra-info .course-price {
  color: #ee0000;
  padding-right: 0;
}

/* Course Card */
.course-card__author {
  display: none;
  /* ^ Can't find it in Power Editor to remove */
}

.block .block__featured-courses {
  text-align: left;
}

.block .block__featured-courses .heading-text,
.block .block__featured-products .block__featured-products__heading_text {
  margin: 0 auto 20px;
  max-width: var(--base-width-cutoff);
  text-align: left;
}

.block .block__featured-courses .heading-text h4,
.block .block__featured-products .block__featured-products__heading_text h4 {
  font-weight: 600;
}

/*.course-block .block__featured-courses .course-card {
	border: 1px solid #e0e0e0;
	box-shadow: none;
}*/

/*.block__cards .course-card:hover {
	border: 1px solid #e0e0e0;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
}*/

.course-card .course-card__content__title {
  color: #000;
  line-height: 25px;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
  max-height: 65px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.course-card .course-card__content {
  color: #000;
}

.course-card__price {
  color: #ee0000;
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
  margin: 0;
  text-align: right;
  width: 100%;
}

.block__cards .course-card:hover .course-card__content__title {
  color: #ee0000;
  transition: all 240ms ease-in-out 10ms;
}

/* Course Products */
.block__featured-products .featured-product-card__content__title {
  color: #000;
  line-height: 25px;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
  max-height: 65px;
  overflow: hidden;
}

.block__featured-products .featured-product-card__content__subtitle {
  color: #000;
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 19px;
  margin-bottom: 16px;
}

@media(min-width:768px) {
  .block__featured-products .featured-product-card__content__subtitle {
    max-height: 75px;
    overflow: hidden;
    display: -webkit-box;
  }
}

.block__featured-products .featured-product-card__author {
  display: none;
}

.block__featured-products .featured-product-card__price {
  color: #ee0000;
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
  margin: 0;
  text-align: right;
  width: 100%;
}

/* Form */
.content-box .link-below-button {
  color: #767676;
}

input.form-control:focus {
  border-color: #333;
}

.filter-label {
  color: #767676;
}

form label {
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}

.content-box .agree-to-terms {
  line-height: 1.5;
  padding-left: 20px;
  text-align: left;
  text-indent: -20px;
}

/* Learning Objectives */
.learning-objectives {
  background-color: #e2e2e2;
  border-radius: 25px;
  padding: 10px 20px;
}

.learning-objectives h3 {
  border-bottom: 1px solid #000;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 5px 0;
  padding-bottom: 10px;
}

.learning-objectives p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.learning-objectives ul {
  margin-top: 10px;
  margin-bottom: 0px;
}

@media(max-width: 767px) {
  .learning-objectives ul {
    padding-left: 20px;
  }
}

.learning-objectives ul li {
  font-size: 1.4rem;
  line-height: 1.2;
}

.lecture-attachment p {
  line-height: 1.5;
}

/* Ordered lists */
.lecture-text-container ol {
  counter-reset: li;
}

.lecture-text-container ol li {
  position: relative;
  list-style-type: none;
}

.lecture-text-container ol li:before {
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  left: -1.2em;
  margin-right: 12px;
  content: counter(li) ".";
  counter-increment: li;
  font-weight: bold;
}

/* Quiz */
#quizContainer {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

.lecture-content .lecture-attachment .attachment-block-wrapper,
.quiz-wrapper .quiz .quiz-answer-container .quiz-answer {
  border: 1px solid #e2e2e2;
}

.quiz-wrapper .quiz .quiz-progress {
  margin-bottom: 0;
}

.quiz-wrapper .quiz .quiz-progress,
.quiz-wrapper .quiz .quiz-answer-container .quiz-answer {
  color: #767676;
}

.quiz-wrapper .quiz .quiz-question {
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 30px;
}

.quiz-wrapper .quiz.answered .quiz-answer-container.correct .quiz-answer {
  border: 1px solid #29ac4a;
}

.quiz-wrapper .quiz.answered .quiz-answer-container.correct.selected .quiz-answer-icon-correct {
  color: #29ac4a;
}

.quiz-answer-container.selected.correct,
.quiz-answer-container.selected.incorrect {
  font-weight: 600;
}

.quiz-answer .quiz-answer-text {
  font-weight: 400;
}

.quiz-question-confirmation-text {
  font-weight: 600;
}

.quiz-finished .quiz-finished-text {
  line-height: 1.2em;
}

button+.quiz-final-text {
  margin-top: 20px;
}

/* The little label in the upper left corner of each quiz */
.lecture-content .lecture-attachment .attachment-block-wrapper .attachment-block-label {
  display: none;
}

@media (max-width:767px) {
  .quiz-wrapper .quiz .quiz-answer-container .quiz-answer-icon i {
    margin-right: -18px;
  }
  .lecture-content .lecture-attachment .attachment-block-wrapper.quiz-wrapper {
    padding: 25px 25px 80px;
  }
}

/* Certificate download */
.download-bar a.download-button {
  background-color: #e00;
  border-radius: 24px;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  min-width: 250px;
  padding: 13px 30px;
  text-align: center;
  text-transform: uppercase;
}

/* CHECKOUT STYLE */
.spc #react-checkout {
  width: 100% !important;
}

.cc .cc__learn_more_cc_save {
  color: #ee0000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin-left: 0;
}

.spc__checkbox .content-box label {
  line-height: 1.5;
}

.cc .cc__learn_more_cc_save:hover {
  color: #be0000;
  text-decoration: underline;
}

.spc__inline-form .spc__terms-text {
  text-align: left;
}

.spc__terms-text label {
  justify-content: flex-start;
}

.spc__dropdown-view .content-box {
  padding: 24px;
}

.spc .content-box label {
  color: #333;
  font-weight: 600;
  line-height: 1.5;
}

.content-box .agree-to-terms {
  font-weight: 500;
  text-align: left;
}

.spc__section--pay .content-box.cc,
.spc .spc__section .p-4-xs {
  padding: 15px;
}

/* Placeholder Text */
.spc ._35GVV._13sTL,
.spc input:placeholder,
.spc input:-ms-input-placeholder {
  color: #767676;
}

/* Coupon Code */
.spc ._24BZF input {
  padding: 5px 10px;
}

@media(max-width: 634px) {
  .spc ._3tIYs.p-4-xs {
    flex-direction: column;
  }
  .spc .BFiI8 {
    box-shadow: none;
    margin-bottom: 20px;
    width: 30vw;
  }
  .spc .p-l-3-xs {
    padding-left: 0;
  }
  .spc .spc__terms-text {
    text-align: left;
  }
  .spc ._3x1ps {
    flex-wrap: wrap;
  }
  .spc ._3x1ps+button {
    margin-top: 15px;
    padding-left: 0;
    text-align: left;
    width: 100%;
  }
}

/* Button */
.spc__primary-submit .spc__button.is-disabled {
  background-color: #dfe2e6 !important;
  border: 1px solid #dfe2e6 !important;
  color: #333;
  opacity: 1;
}

.spc__primary-submit .spc__button.is-disabled .spc__price--button,
.spc__primary-submit .spc__button .spc__price--button {
  opacity: 1;
}

/* ************* */
/* Footer Styles */
/* ************* */
footer,
/* Checkout Footer */
.view-school footer {
  background-color: #3d3e3f;
  color: #fff;
  padding: 20px;
}

.footer {
  background-color: #3d3e3f;
  padding: 0;
}

footer p,
.footer .footer__copyright,
.view-school footer .footer-column p {
  color: #fff;
  font-size: 13px;
  font-weight: 200;
}

footer p {
  line-height: 1.25;
  margin: 0;
  padding: 10px 5px;
}

footer .footer-column.links {
  display: flex;
  justify-content: flex-end;
  margin: 0 -10px
}

footer .footer-column.copyright,
footer .footer-column.links {
  text-align: center;
}

.footer__list.legal-links {
  display: none;
}

.footer__list {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}

footer .footer-column li {
  padding: 10px 5px;
}

.footer__list li,
footer .footer-column.links ul li {
  line-height: 1.25;
  padding: 10px 5px;
}

footer a,
.footer__inner a {
  color: #c0c0c0;
  font-size: 13px;
  font-weight: 200;
}

footer a:hover,
footer a:focus {
  color: #fff;
  text-decoration: underline;
}

@media (max-width:991px) {
  footer .footer-column ul,
  footer .footer__list {
    text-align: center;
    width: 100%;
  }
  .footer .footer__copyright {
    margin-bottom: 20px;
  }
}

@media(min-width: 992px) {
  footer .footer-column.copyright {
    padding-left: 0;
    text-align: left;
  }
  footer .footer-column.links {
    padding-right: 0;
    text-align: right;
  }
  footer .footer-column.links ul {
    display: flex;
    justify-content: flex-end;
  }
  footer .footer-column.links ul li {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0 10px 15px;
  }
  .footer__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
  }
  .footer__list .footer__copyright {
    flex: 1;
    text-align: left;
    padding-left: 0;
  }
  .footer__list li {
    padding: 10px 0 10px 15px;
  }
}

/* Updated by Alex D - May 29 2020 */
/* Updated by Alex D - August 12 2020 */
/* Updated by Hero M - September 10 2020 */