:root {
        --font: 'Mulish';;
        --alt-font: "IBM Plex Serif", serif;;
        --accent-color: #006644;
        --secondary-color: #9c2121;
        --link-color: #2629bf;
        --accent-highlight-color: #004d33;
        --accent-highlight-background-color: #ccffee;
        --accent-tinted-color-70: #b3d1c7;
        --accent-tinted-color-80: #cce0da;
        --accent-tinted-color-90: #e6f0ec;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #009966;
        --secondary-hover-color: #c62a2a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #6a6ce1;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/yz0zxwkmrvj5-BackgroundExample_NoLogo.png'); background-repeat: repeat; background-size: auto; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/miza7s4ra7q3-UpdatedLogo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/******************* CSS FROM DIGITAL INTELLECTIVE FOR AALAS *******************/

/******* COURSE PAGES CSS *******/
/******* General *******/
/* Main Background Color */
body.course {
	background: #e9e9e9;
}

/* Page Type Formatting */
.list-roll__container .topic__list {
	padding: 0 1rem;
	margin: 0;
}

.quiz__container--learner .question__container {
	padding: 0;
}

/* Bullet Layout */
.editor-content ol, .editor-content ul {
    padding-left: 1rem;
}

/* Link Color */
.editor-content a:not(.btn) {
    color: #0064a0;
}

/* Hide Section Number */
.syllabus__section-title-index {
	display: none;
}

/* Headings */
h1.di-section-heading {
	font-size: 3rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 1.5rem;
	color: #0e5838;
	border-bottom: solid 6px #1F936C;
	padding-bottom: 5px;
}

h1.di-heading {
	font-size: 2.5rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 1rem;
	color: #0e5838;
}

h2.di-heading {
	font-size: 1.5rem;
	font-weight: 500;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 0.25rem;
	margin-top: 1.25rem;
	color: #5e5e5e;
}

p.di-gray-sub-heading {
	text-transform: uppercase;
	margin-bottom: 0.75rem;
	margin-top: 1.5rem;
	font-size: 1.1rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
}

p.di-directions {
	text-align: center;
	font-size: 0.95rem;
	margin-bottom: 0;
	margin-top: 1.5rem;
	font-style: italic;
}

p.di-callout-text-green {
	font-size: 1.5rem;
	color: #1C8260;
	font-weight: 900;
}

p.di-callout-text-gold {
	font-size: 1.5rem;
	color: #926E02;
	font-weight: 900;
}

/* Images */
p.di-image {
	margin-bottom: 0;
}

img.di-right-30-image {
	float: right;
	width: 30%;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

img.di-right-40-image {
	float: right;
	width: 40%;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

img.di-right-50-image {
	float: right;
	width: 50%;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

/* Lists */
ol.di-ordered-list.di-marker-light-green li::marker {
color: #1F936C;
font-size: 1.2rem;
line-height: 1.3rem;
font-weight: 700;
}


ol.di-ordered-list.di-marker-yellow li::marker {
color: #926E02;
font-size: 1.2rem;
line-height: 1.3rem;
font-weight: 700;
}

ol.di-ordered-list li {
padding-left: 0.5rem;
margin-bottom: 0.75rem;
}

ol.di-ordered-list {
padding-left: 1.25rem;
margin-bottom: 1.5rem;
}

ul.di-unordered-list {
	padding-left: 1.4rem;
	margin-bottom: 1.5rem;
	list-style: square;
}

ul.di-unordered-list li {
	list-style-type: none;
	position: relative;
	margin-bottom: 0.75rem;
}

ul.di-unordered-list.di-marker-light-green li::before {
    content: "";
    position: absolute;
    left: -0.6em;
    font-size: 3rem;
    background-color: #1F936C;
    height: 0.85rem;
    min-width: 0.85rem;
    top: 5px;
}

ul.di-unordered-list.di-marker-yellow li::before {
    content: "";
    position: absolute;
    left: -0.6em;
    font-size: 3rem;
    background-color: #C89502;
    height: 0.85rem;
    min-width: 0.85rem;
    top: 5px;
}


ul.di-checkmark-list {
	padding-left: 1.75rem;
	margin-bottom: 1.5rem;
	list-style: none;
}

ul.di-checkmark-list li {
	position: relative;
	margin-bottom: 0.75rem;
}

ul.di-checkmark-list li::before {
    content: "";
    position: absolute;
    left: -2.5em;
    background: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/7fcy781rr43u-DoubleCheckmark.png");
    height: 16px;
	width: 27px;
	background-size: contain;
	background-repeat: no-repeat;
    top: 5px;
}

/* Quiz Start Messages */
.quiz-start__content {
	background-color: white;
	border: solid 6px #006644;
}

.quiz-start__content .quiz-start__text {
	padding: 0;
}

.quiz-start__content .quiz-start__text h1 {
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	text-transform: uppercase;
	margin-bottom: 0;
	background: #006644;
	padding: 1.5rem;
	color: white;
}

.quiz-start__content .quiz-start__text p {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	font-size: 1.25rem;
}

.quiz-start__text .quiz-start__sub-text {
    margin-top: 1rem;
}

.quiz-start__content .quiz-start__text .btn {
	margin-bottom: 0;
	border-radius: 0;
}

/* Quiz Questions */
.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .question__body h2 {
	font-family: "Work Sans", sans-serif !Important;
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
	margin-top: -2rem;
}

.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .choices__list li .choice {
	width: 100%;
	font-size: 1rem;
}

.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .choice__index {
    max-width: fit-content;
    padding-right: 0;
    margin-left: 0.5rem;
}

.quiz__container--assessment .choice__review, .quiz__container--learner .choice__review {
    text-align: left !important;
    margin-left: 1.75rem;
    margin-top: -5px;
}



/******* Widgets *******/
/* Info Icon */
.di-green-note {
	margin-top: 2.5rem;
	border: double 3px #004532;
    padding: 2rem 2rem 1rem 2rem;
    margin-left: 1rem;
	position: relative;
}

.di-green-note .di-green-note-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
	background: white;
    margin-left: -4rem;
    margin-top: -4.25rem;
    max-width: fit-content;
    padding: 0.75rem;
	position: absolute;
}

.di-green-note .di-green-note-heading p {
	margin-bottom: 0;
}

.di-green-note .di-green-note-heading img {
	max-width: 40px;
}

.di-green-note .di-green-note-heading p:last-of-type {
	font-size: 1.25rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	color: #004532;
}

/* Comparison Boxes */
.row.di-comparison-image {
	display: flex;
	gap: 30px;
	margin: 2rem;
	justify-content: center;
	margin-top: 5rem;
}

.row.di-comparison-image .large-6.columns {
	border: solid 3px #006644;
	border-radius: 10px;
	padding: 2rem;
	position: relative;
	padding-bottom: 5rem;
}

.row.di-comparison-image .large-6.columns p:first-child {
	margin-top: -6rem;
	margin-bottom: 10px;
}

.row.di-comparison-image .large-6.columns img {
	height: 110px;
	border: solid 10px white;
	background: white;
}

.row.di-comparison-image .large-6.columns p {
	text-align: center;
}

.row.di-comparison-image .large-6.columns h3 {
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.row.di-comparison-image .large-6.columns a {
	margin-top: 2rem;
	width: 50%;
	position: absolute;
	bottom: 1rem;
	left: 25%;
}

/* Quote Call Out Box */
.di-quote-box {
    width: 100%;
	margin: 2rem 0;
  }

  .di-quote-box .quote-line {
    position: relative;
    display: flex;
    align-items: center;
    margin: 12px 0;
  }

  .di-quote-box .quote-line::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
  }

  .di-quote-box .quote-line.green::before {
    background: #0e5838;
  }

 .di-quote-box .quote-line.yellow::before {
    background: #C89502;
  }

    .di-quote-box .quote-line.top::after,
    .di-quote-box .quote-line.bottom::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0 2rem;
  }

  .di-quote-box .quote-line.top::after {
    left: 50px;
    width: 36px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .di-quote-box .quote-line.top.green::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/oto2s95lq500-image.png");
}

 .di-quote-box .quote-line.top.yellow::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/xy29frj0er8c-image.png");
}

  .di-quote-box .quote-line.bottom::after {
    right: 50px;
    width: 36px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%) rotate(180deg);
  }

  .di-quote-box .quote-line.bottom.green::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/oto2s95lq500-image.png");
  }

.di-quote-box .quote-line.bottom.yellow::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/xy29frj0er8c-image.png");
  }

  .di-quote-box .di-quote-body {
    margin: 1.5rem 1rem;
    line-height: 1.6;
  }


/* Gold Text Box */
.di-gold-box {
	background: #926E02;
    padding: 1.5rem 4rem;
    margin-left: -4.75em;
    margin-right: -4em;
    margin-top: 2rem;
}

.di-gold-box p {
	color: white;
	margin-bottom: 0;
}

/* Green Text Box */
.di-green-box {
	background: #0e5838;
    padding: 1.5rem 4rem;
    margin-left: -4.75em;
    margin-right: -4em;
    margin-top: 2rem;
}

.di-green-box p {
	color: white;
	margin-bottom: 0;
}

.di-green-box a {
	color: #F2B602 !important;
	
}

/* Bookmark Heading */
.di-bookends-container {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: white;
    box-sizing: border-box;
	margin-bottom: 1rem;
}

.di-bookends-spacer {
    height: 0.25rem;
    width: 100%;
    border-radius: 0.15rem;
    background-color: #C89502;
}

.di-bookends-body {
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.5rem;
    letter-spacing: 0.36px;
   padding: 0rem;  
	margin-right: 20px;
	color: #0e5838;
	font-family: "Work Sans", sans-serif !Important;
}

/******* List Roll *******/
.list-roll__container .topic__list__thumb, .list-roll__container .topic__list__item--expanded .topic__list__thumb {
	width: 10%;
}

.list-roll__container .topic__list__info--column, .list-roll__container .topic__list__item--expanded .topic__list__info--column {
	width: 90%;
}

.list-roll__container .topic__list__info .btn--link {
	color: #926E02;
}

.list-roll__container .topic__list__item {
	display: flex;
	align-items: center;
	padding: 0.75rem 0;
	border: 2px solid white;
    margin-bottom: 1rem !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.list-roll__container .topic__list__item.topic__list__item--expanded {
	align-items: flex-start;
}

.list-roll__container .topic__list__title .h3 {
	font-size: 1.75rem;
	color: #0e5838;
}

/******* Reflection Page *******/
/* Remove Standard Heading */
.quiz__container.quiz__container--learner.quiz__container--survey .heading.heading--no-margin {
	display: none;
}

/* Formatting for Heading */
.di-reflection-heading {
	display: flex;
	gap: 20px;
	align-items: center;
	border-bottom: solid 6px #1F936C;
	padding: 18px 1.5rem;
	background: linear-gradient(to right, rgba(0, 55, 40, 0.9), rgba(0, 55, 40, 0.9), rgba(0, 69, 50, 0.2)), url("https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/yz0zxwkmrvj5-BackgroundExample_NoLogo.png");
	justify-content: flex-start;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 2px 2px 0 0;
}

.di-reflection-heading img {
	max-width: 60px;	
} 

.di-reflection-heading p {
	margin-bottom:0;
}

.di-reflection-heading h1 {
	margin-bottom: 0;
	font-size: 3rem;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: -.5px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
}

/* Formatting for Reflection Body */
.di-reflection-body {
	padding: 1.25rem 0;
	display: flex;
}

.row.di-reflection-body .large-3.columns {
	border-left: solid 1px #C89502;
}

.row.di-reflection-body .large-3.columns p {
	font-style: italic;
	margin-bottom: 0;
	font-size: 0.95rem;
}

/* Formatting for Questions */
.di-reflection-question {
	font-weight: bold;
	font-size: 1.1rem;
}

ol.di-reflection-question, ul.di-reflection-question {
	padding-left: 1.5rem;
}

.di-reflection-question:last-child {
	margin-bottom: 0;
}