body {
  font-family: "Merriweather Sans", sans-serif;
  background-color: #FFF;
  color: #333; }

#container {
  max-width: 760px;
  margin: 0 auto;
  overflow: auto; }

h1 {
  font-size: 38px;
  margin: 0.25em 0; }

h2 {
  font-size: 18px;
  margin: 0.25em 0;
  margin-top: 1.5em; }

h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0.25em 0; }

h4 {
  font-size: 16px;
  margin: 0.25em 0;
  text-decoration: underline; }

p {
  font-size: 16px; }

h1,
h2,
h3,
h4 {
  text-align: left;
  line-height: 1.4; }

p,
li,
blockquote {
  font-weight: 300;
  line-height: 1.4;
  margin: 0 auto .75em;
  font-size: 16px; }

h2.courseTitle {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-weight: 800;
  margin-top: 20px; }

a {
  color: #3787b5; }

em {
  font-weight: 300;
  font-style: italic; }

strong {
  font-weight: 600; }

.bold {
  font-weight: 400; }

.italic {
  font-style: italic; }

ul,
ol {
  margin-left: 1em;
  margin-bottom: 1em; }
  ul li,
  ol li {
    list-style-position: outside;
    margin-left: 1em;
    margin-bottom: .5em; }

ul {
  list-style-type: disc; }

.columns-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%; }

@media only screen and (max-width: 599px) {
  h1 {
    font-size: 24px; }
  p,
  li {
    font-size: 14px;
    line-height: 1.5; } }

#course-nav {
  margin: 40px auto;
  overflow: auto; }
  #course-nav a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    background-color: #3D64A6;
    padding: 12px;
    text-align: center;
    width: 120px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 700;
    border: none;
    border-radius: 0; }
    #course-nav a:hover {
      background-color: #284166; }
    #course-nav a.begin {
      margin: 0 auto; }
    #course-nav a.back {
      float: left; }
    #course-nav a.next {
      float: right; }
    #course-nav a.close {
      float: right;
      background-color: #AD6421; }

.note, .fact, .news, .alert, .law, .red-flag, .resource {
  padding: 20px 20px 14px 70px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: 20px 20px;
  background-size: 40px;
  border: none; }
  .note p, .fact p, .news p, .alert p, .law p, .red-flag p, .resource p {
    color: #000; }
  .note h2, .fact h2, .news h2, .alert h2, .law h2, .red-flag h2, .resource h2, .note h3, .fact h3, .news h3, .alert h3, .law h3, .red-flag h3, .resource h3, .note h4, .fact h4, .news h4, .alert h4, .law h4, .red-flag h4, .resource h4 {
    color: #000;
    margin: 0 auto 1em;
    text-decoration: none; }
    .note h2 span.title, .fact h2 span.title, .news h2 span.title, .alert h2 span.title, .law h2 span.title, .red-flag h2 span.title, .resource h2 span.title, .note h3 span.title, .fact h3 span.title, .news h3 span.title, .alert h3 span.title, .law h3 span.title, .red-flag h3 span.title, .resource h3 span.title, .note h4 span.title, .fact h4 span.title, .news h4 span.title, .alert h4 span.title, .law h4 span.title, .red-flag h4 span.title, .resource h4 span.title {
      display: block;
      font-weight: 600;
      text-transform: uppercase;
      text-align: left;
      letter-spacing: 2px;
      font-size: 12px;
      margin-bottom: 10px;
      border-bottom: dotted 1px #333;
      padding-bottom: 10px; }

.note {
  background-color: #F9F3D0;
  background-image: url("icons/icon-note.svg"); }

.fact {
  background-color: #E1F2D3;
  background-image: url("icons/icon-fact.svg"); }

.news {
  background-color: #D2EDEA;
  background-image: url("icons/icon-news.svg"); }

.alert {
  background-color: #FFEBCF;
  background-image: url("icons/icon-alert.svg"); }
  .alert ul li,
  .alert ol li {
    color: #333; }

.law {
  background-color: #DCE8FC;
  background-image: url("icons/icon-law.svg"); }

.red-flag {
  background-color: #F7DDD9;
  background-image: url("icons/icon-red-flag.svg"); }

.resource {
  background-color: #EFEFEF;
  background-image: url("icons/icon-resources.svg"); }

@media (max-width: 400px) {
  .note,
  .fact,
  .news,
  .alert,
  .law,
  .red-flag,
  .resource {
    padding: 20px;
    background-position: 50% 16px;
    background-size: 40px;
    margin-bottom: 20px; }
    .note h4 span.title,
    .fact h4 span.title,
    .news h4 span.title,
    .alert h4 span.title,
    .law h4 span.title,
    .red-flag h4 span.title,
    .resource h4 span.title {
      text-align: center;
      font-size: 12px;
      margin: 40px auto 10px;
      border-bottom: dotted 1px #333; }
    .note p,
    .note li,
    .fact p,
    .fact li,
    .news p,
    .news li,
    .alert p,
    .alert li,
    .law p,
    .law li,
    .red-flag p,
    .red-flag li,
    .resource p,
    .resource li {
      font-size: 14px; } }

.span4 > .note,
.span3 > .note,
.span2 > .note,
.span4 > .fact,
.span3 > .fact,
.span2 > .fact,
.span4 > .news,
.span3 > .news,
.span2 > .news,
.span4 > .alert,
.span3 > .alert,
.span3 > .alert,
.span4 > .law,
.span3 > .law,
.span2 > .law,
.span4 > .red-flag,
.span3 > .red-flag,
.span2 > .red-flag,
.span4 > .resource,
.span3 > .resource,
.span2 > .resource,
.span4.note,
.span3.note,
.span2.note,
.span4.fact,
.span3.fact,
.span2.fact,
.span4.news,
.span3.news,
.span2.news,
.span4.alert,
.span3.alert,
.span3.alert,
.span4.law,
.span3.law,
.span2.law,
.span4.red-flag,
.span3.red-flag,
.span2.red-flag,
.span4.resource,
.span3.resource,
.span2.resource {
  padding: 20px;
  background-position: 50% 16px;
  background-size: 40px;
  margin-bottom: 20px; }
  .span4 > .note h4 span.title,
  .span3 > .note h4 span.title,
  .span2 > .note h4 span.title,
  .span4 > .fact h4 span.title,
  .span3 > .fact h4 span.title,
  .span2 > .fact h4 span.title,
  .span4 > .news h4 span.title,
  .span3 > .news h4 span.title,
  .span2 > .news h4 span.title,
  .span4 > .alert h4 span.title,
  .span3 > .alert h4 span.title,
  .span3 > .alert h4 span.title,
  .span4 > .law h4 span.title,
  .span3 > .law h4 span.title,
  .span2 > .law h4 span.title,
  .span4 > .red-flag h4 span.title,
  .span3 > .red-flag h4 span.title,
  .span2 > .red-flag h4 span.title,
  .span4 > .resource h4 span.title,
  .span3 > .resource h4 span.title,
  .span2 > .resource h4 span.title,
  .span4.note h4 span.title,
  .span3.note h4 span.title,
  .span2.note h4 span.title,
  .span4.fact h4 span.title,
  .span3.fact h4 span.title,
  .span2.fact h4 span.title,
  .span4.news h4 span.title,
  .span3.news h4 span.title,
  .span2.news h4 span.title,
  .span4.alert h4 span.title,
  .span3.alert h4 span.title,
  .span3.alert h4 span.title,
  .span4.law h4 span.title,
  .span3.law h4 span.title,
  .span2.law h4 span.title,
  .span4.red-flag h4 span.title,
  .span3.red-flag h4 span.title,
  .span2.red-flag h4 span.title,
  .span4.resource h4 span.title,
  .span3.resource h4 span.title,
  .span2.resource h4 span.title {
    text-align: center;
    font-size: 12px;
    margin: 40px auto 10px;
    border-bottom: dotted 1px #333; }
  .span4 > .note p,
  .span4 > .note li,
  .span3 > .note p,
  .span3 > .note li,
  .span2 > .note p,
  .span2 > .note li,
  .span4 > .fact p,
  .span4 > .fact li,
  .span3 > .fact p,
  .span3 > .fact li,
  .span2 > .fact p,
  .span2 > .fact li,
  .span4 > .news p,
  .span4 > .news li,
  .span3 > .news p,
  .span3 > .news li,
  .span2 > .news p,
  .span2 > .news li,
  .span4 > .alert p,
  .span4 > .alert li,
  .span3 > .alert p,
  .span3 > .alert li,
  .span3 > .alert p,
  .span3 > .alert li,
  .span4 > .law p,
  .span4 > .law li,
  .span3 > .law p,
  .span3 > .law li,
  .span2 > .law p,
  .span2 > .law li,
  .span4 > .red-flag p,
  .span4 > .red-flag li,
  .span3 > .red-flag p,
  .span3 > .red-flag li,
  .span2 > .red-flag p,
  .span2 > .red-flag li,
  .span4 > .resource p,
  .span4 > .resource li,
  .span3 > .resource p,
  .span3 > .resource li,
  .span2 > .resource p,
  .span2 > .resource li,
  .span4.note p,
  .span4.note li,
  .span3.note p,
  .span3.note li,
  .span2.note p,
  .span2.note li,
  .span4.fact p,
  .span4.fact li,
  .span3.fact p,
  .span3.fact li,
  .span2.fact p,
  .span2.fact li,
  .span4.news p,
  .span4.news li,
  .span3.news p,
  .span3.news li,
  .span2.news p,
  .span2.news li,
  .span4.alert p,
  .span4.alert li,
  .span3.alert p,
  .span3.alert li,
  .span3.alert p,
  .span3.alert li,
  .span4.law p,
  .span4.law li,
  .span3.law p,
  .span3.law li,
  .span2.law p,
  .span2.law li,
  .span4.red-flag p,
  .span4.red-flag li,
  .span3.red-flag p,
  .span3.red-flag li,
  .span2.red-flag p,
  .span2.red-flag li,
  .span4.resource p,
  .span4.resource li,
  .span3.resource p,
  .span3.resource li,
  .span2.resource p,
  .span2.resource li {
    font-size: 14px; }

.thank-you {
  background-color: #DCE8FC;
  padding: 40px;
  background-image: url("logo/hhs-steps-logo.svg");
  background-repeat: no-repeat;
  background-position: 20px 20px;
  background-size: 200px;
  margin-bottom: 20px; }
  .thank-you p:first-of-type {
    margin-top: 60px; }

table {
  width: 100%;
  margin: 20px auto;
  background-color: #D9EBF7;
  table-layout: fixed;
  border-collapse: collapse; }

th {
  line-height: 1.2;
  color: #444; }

td {
  font-size: 14px;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  border-right: 3px solid white; }
  td:last-of-type {
    border-right: none; }

thead tr {
  background-color: #A9D2EB; }
  thead tr:first-of-type {
    border-bottom: 5px solid white; }
    thead tr:first-of-type th {
      font-size: 18px;
      padding: 14px 10px;
      border-right: 3px solid white; }
      thead tr:first-of-type th:last-of-type {
        border-right: none; }

thead tr:nth-child(2) {
  text-align: left;
  border-bottom: 3px solid white; }
  thead tr:nth-child(2) th {
    font-size: 14px;
    padding: 10px;
    vertical-align: bottom;
    border-right: 3px solid white; }
    thead tr:nth-child(2) th:last-of-type {
      border-right: none; }

tbody {
  vertical-align: top; }
  tbody tr {
    border-bottom: 3px solid white; }
    tbody tr:nth-child(odd) {
      background-color: #EDF8FF; }

.banner {
  display: block;
  width: 100%;
  margin: 0 auto 20px; }

.video-container-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container-16-9 iframe, .video-container-16-9 object, .video-container-16-9 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.section-objectives {
  background-color: #DCE8FC;
  padding: 20px 40px;
  margin-bottom: 20px;
  overflow: auto; }
  .section-objectives h2 {
    border-bottom: dotted 1px #D57724;
    padding: 0 0 10px;
    font-size: 18px; }
  .section-objectives ul {
    margin-top: 20px; }

.section-title {
  background-repeat: no-repeat;
  background-position: 50% 30px;
  background-size: 40px; }
  .section-title h1 {
    text-align: center; }
  .section-title span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 60px; }

.section-1 {
  background-image: url("icons/section/section-1.svg"); }

.section-2 {
  background-image: url("icons/section/section-2.svg"); }

.section-3 {
  background-image: url("icons/section/section-3.svg"); }

.section-4 {
  background-image: url("icons/section/section-4.svg"); }

.section-5 {
  background-image: url("icons/section/section-5.svg"); }

.section-6 {
  background-image: url("icons/section/section-6.svg"); }

.section-7 {
  background-image: url("icons/section/section-7.svg"); }

.section-8 {
  background-image: url("icons/section/section-8.svg"); }

.section-9 {
  background-image: url("icons/section/section-9.svg"); }

.section-10 {
  background-image: url("icons/section/section-10.svg"); }

.section-11 {
  background-image: url("icons/section/section-11.svg"); }

.section-12 {
  background-image: url("icons/section/section-12.svg"); }

.section-progress {
  padding: 20px 0 20px;
  font-size: 12px; }
  .section-progress .section-number {
    font-weight: 200; }
  .section-progress .section-title {
    font-weight: 600; }

.progress {
  height: 4px;
  margin: 10px 0; }
  .progress .bar {
    background-color: #D57724;
    background-image: none; }

figure img {
  margin: 0; }

figcaption {
  margin-top: 10px;
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 0; }

figcaption.title {
  font-weight: 600;
  text-align: left; }

figcaption.source {
  font-size: 12px;
  font-style: italic; }

blockquote p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  font-style: italic;
  color: #333; }

blockquote {
  border-left: solid 3px #DDD;
  padding: 0 16px;
  margin-left: 20px; }

a.term {
  color: #6E4B98; }

.popover {
  border-color: none !important;
  border-radius: none !important; }

.popover .popover-title {
  background: #333;
  color: #FFF; }

.popover-content {
  background: #EFEFEF; }

.popover.top {
  background-color: #EFEFEF; }

.popover .arrow, .popover .arrow:after {
  background-color: #EFEFEF; }

.text-block {
  margin: 20px auto;
  padding: 40px; }
  .text-block h2 {
    margin-top: 0; }
  .text-block .box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    margin-bottom: 20px; }

.theme-color-blue {
  background-color: #DCE8FC; }

.theme-color-green {
  background-color: #E1F2D3; }

.theme-color-orange {
  background-color: #FFEBCF; }

.theme-color-aqua {
  background-color: #D2EDEA; }

.theme-color-purple {
  background-color: #E8E2F6; }

.theme-color-red {
  background-color: #F7DDD9; }

.intrigue {
  border-left: none;
  border-top: dotted 1px #D57724;
  border-bottom: dotted 1px #D57724;
  padding: 10px 0;
  margin: 20px 0; }
  .intrigue p {
    font-weight: 600;
    font-size: 16px;
    color: #3D64A6;
    font-style: normal; }
    .intrigue p:last-of-type {
      margin-bottom: 0; }

p.speaker span.name {
  display: block;
  text-align: right;
  font-weight: 700;
  padding-top: 5px; }

p.speaker span.bubble {
  display: block;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 8px;
  border-radius: .4em; }

@media (max-width: 767px) {
  p.speaker span.name {
    text-align: left; } }

.widget-accordion .option {
  border-radius: 0px; }

.widget-accordion .option-title {
  position: relative;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.3);
  padding: 1.2em 3.2em 1.2em 3.8em;
  font-size: 1rem;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  margin-bottom: 0; }

ul:not(:last-child).nav-tabs {
  margin-bottom: 0; }

.widget-tabs .nav-tabs li {
  border-radius: 0; }

.widget {
  border-radius: 0; }

.widget-accordion .option {
  border-radius: 0; }

.widget-accordion .option-title {
  border-radius: 0; }

.widget-accordion.theme-color-blue .option-title {
  background: #A8BFE6;
  color: black; }

.widget-accordion.theme-color-green .option-title {
  background: #BCD4A5;
  color: black; }

.widget-accordion.theme-color-purple .option-title {
  background: #C8C1D9;
  color: black; }

.widget-accordion.theme-color-orange .option-title {
  background: #F0CB9C;
  color: black; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

img {
  display: block;
  margin: 20px auto; }

.theme-color-orange {
  background-color: #FFEBCF !important; }

.theme-color-orange .single-feedback .question-title {
  color: #000 !important; }