body, p, .top-row h2, .top-row-grey h2, .top-row-white-v2 h2, .top-row .h2-style, .top-row-grey .h2-style, .top-row-white-v2 .h2-style {
  color: #212121;
  font-feature-settings: "ss01", "onum", "zero";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  text-rendering: geometricPrecision;
}

p {
  margin: 0 0 24px 0;
}
p, 
.top-row h2, 
.top-row-grey h2, 
.top-row-white-v2 h2, 
.top-row .h2-style, 
.top-row-grey 
.h2-style, 
.top-row-white-v2 .h2-style,
a.coursebox-container .coursebox-text-description {
  line-height: 24px;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-feature-settings: 'kern' 1, 'ss01' 1, 'salt' 1;
color: #212121;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-weight: 600;
color: #212121;
}
.h1,
h1 {
  font-size: 36px !important;
  line-height: 1;
  letter-spacing: 0.64px;
  margin: 0 0 16px 0;

  @media (min-width: 576px) {
    font-size: 48px;
    line-height: 1;
    margin: 0 0 24px 0;
  }

  &.subtext {
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.64px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-feature-settings: 'kern' 1, 'ss01' 1, 'salt' 1;
  }
  &.paragraph {
    font-size: 16px;
  }
}

.h2,
h2 {
  font-size: 28px;
  line-height: 1.1428571429; /* 32px */
  letter-spacing: 0.48px;
  margin: 0 0 16px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica, Arial, sans-serif;

  @media (min-width: 576px) {
    font-size: 36px;
    line-height: 1.1666666667; /* 42px */
  }
}

.h3,
h3,
.coursebox-text {
  font-size: 24px;
  line-height: 1.5; /* 36px */
  letter-spacing: 0.64px;
  margin: 0 0 16px 0;

  @media (min-width: 576px) {
    font-size: 28px;
    letter-spacing: 0.64px;
    line-height: 1.1428571429; /* 32px */
  }

  &.h4 {
    font-size: 20px;
    line-height: 1.4; /* 28px */
    letter-spacing: -0.32px;
    margin: 0 0 8px 0;
  }
}
.coursebox-text {
  letter-spacing:-0.16px;
}

.h4,
h4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.4; /* 28px */
  letter-spacing: -0.32px;
  margin: 0 0 8px 0;
}
  
.subtitle {
  font-size: 22px !important;
  font-weight: 400;
  line-height: 1.4545454545 !important; /* 32px */
  letter-spacing: -0.12px !important;
  margin: 0 0 32px 0;

  @media (max-width: 576px) {
    margin: 0 0 16px 0;
  }
}

.h5, h5,
.h6, h6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: 1.375; /* 22px */
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* skilljar style overrides */
div.dp-promo-image img,
a.coursebox-container,
.dp-summary-wrapper,
.cp-summary-wrapper {
   border-radius: 8px;
}
div.dp-promo-image img,
a.coursebox-container,
.cp-summary-wrapper,
a.coursebox-container:hover {
   border: 1px solid rgb(230, 230, 230);
}
.dp-summary-wrapper,
div.dp-promo-image img {
  border: none;
}
#header {
  top: 0px;
  border-bottom: 1px solid rgb(230, 230, 230);
}
@media only screen and (min-width: 768px) {
  #header .header-center-img.header-logo-svg {
      height: 32px;
  }
}
.catalog-header {
  margin-bottom: 40px;
  margin-top: 40px;
}
a.coursebox-container {
  transition: all 0.2s ease-in-out 0s;
}
a.coursebox-container:hover {
    box-shadow: rgb(0 0 0 / 8%) 0px 8px 16px -4px;
}
a.coursebox-container .sj-ribbon-wrapper .sj-ribbon, 
a.coursebox-container .sj-course-ribbon-wrapper .sj-course-ribbon {
	color: #FFFFFF;
}
.top-row-white-v2 {
    padding-bottom: 80px;
	margin-bottom: 80px;
}
.dp-summary-wrapper, .cp-summary-wrapper {
    padding: 40px
}
#dp-details-bundle {
padding-top: 0;
}
.dp-long-description {
    width: 100%;
}
@media only screen and (min-width: 768px) {
  .dp-long-description  {
      width: 60%;
  }
}
#lesson-main ul,  #lesson-main ol, #lesson-main dl {
    font-size: 16px;
}
#lesson-main ul {
	margin-bottom: 24px;
  	margin-left: 0px;
  	padding-left: 52px;
}
#lesson-main ul li {
	padding-left: 0 !important;
    margin-bottom: 24px;
    line-height: 26px;
    margin-bottom: 12px;
    position: relative;
    display: list-item;
    list-style-type: none;
}
#lesson-main ul li:before {
	content: '✦';
	color: rgb(255, 142, 100);
	display: inline-block;
	position: absolute;
	direction: rtl;
	margin-left: -28px;
	padding-right: 16px;
	width: 28px;
	text-align: right;
}
#lesson-main ol {
	margin-bottom: 24px;
	margin-left: 0px;
	padding-left: 13px;
}
#lesson-main ol li {
	line-height: 26px;
    margin-bottom: 12px;
    position: relative;
    display: list-item;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 24px;
}
#lesson-main ol li:before {
	display: inline-block;
  	text-align: right;direction: rtl;
  	margin-left: -28px;
  	padding-right: 16px;
  	width: 28px;
}

/* START: Hack for converting specified quizzes to surveys*/
.is-survey .sj-text-quiz-start span,
.is-survey .sj-text-quiz-submit span,
.is-survey .sj-text-quiz-passed span,
.is-survey .sj-text-quiz-failed span,
.is-survey .sj-text-quiz-take-again span,
.is-survey .sj-text-quiz-completed span,
.is-survey .score,
.is-survey .time,
.is-survey .results {
  display: none;
}
.is-survey .sj-text-quiz-start::after {
  content: 'Start Survey';
}
.is-survey .sj-text-quiz-submit::after {
  content: 'Submit Survey';
}
.is-survey .sj-text-quiz-take-again::after {
  content: 'Take this survey again';
}
.is-survey .sj-text-quiz-passed::after {
  content: 'Thank you for your feedback!';
}
.is-survey .sj-text-quiz-failed::after {
  content: 'Thank you for your feedback!';
}
.is-survey .sj-text-quiz-completed::after {
  content: 'Thank you for your feedback!';
}
/* END: Hack for converting specified quizzes to surveys*/
/* Add borders to images in lessons */
#lesson-main img {
 border: 1px solid #262626;
}
/* Add no-border class to img tags to remove the default border*/
.no-border {
  border: none !important;
}
.sj-page-catalog #catalog-courses {
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
}
.sj-page-detail #catalog-courses {
	 -webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
}
.postman-hide {
  display: none !important;
}
.sj-ribbon-wrapper .sj-ribbon-registered .sj-ribbon-text {
  display: none !important;
}
.sj-ribbon-wrapper .sj-ribbon-registered:after {
  content: 'Enrolled' !important;
}
.storefront-price {
    display: none;
}
/* Hide social share buttons */
.social-media-wrapper { 
    display: none; 
}
/* Center images */
.image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Change the color of the star to gold at the end of successfully completed quizzes*/ 
.quiz .completed-quiz .star {
    color: gold;
}