@import url("https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@700&display=swap");
/* Color palette */
/* Secondary color */
/* Question set */
/* Disabled */
@import url("listnav.css");
@import url("BS_svg-interactive.css");
@import url("BS_svg-click-and-reveal.css");
@import url("BS_svg-question-set.css");
@import url("checklist.css");
@import url("BS_privilege-activity.css");
body,
html {
  color: #061326;
}

.data {
  /*.h1,
     .h5,
     .h6,
     h1,
     h5,
     h6 {
         color: $primary;
     }

     .h2,
     h2 {
         color: $secondary;
     }

     .h3,
     .h4,
     h3,
     h4 {
         color: $tertiary;
     }*/
  /*.accordion :not(.card-standard):not(.card-graphic).card:not(:last-child) .card-title button{
         margin-bottom: 15px;
     }*/
}
.data .h1,
.data .h2,
.data .h3,
.data .h4,
.data .h5,
.data .h6,
.data h1,
.data h2,
.data h3,
.data h4,
.data h5,
.data h6 {
  color: #061326;
  font-weight: 700;
}
.data h1,
.data .h1 {
  font-family: "Saira Semi Condensed";
  font-weight: 700;
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
  margin-top: 1.5rem;
}
.data h2,
.data .h2 {
  color: #587175;
}
.data h2:not(.modal-title):not(.card-title),
.data .h2:not(.modal-title):not(.card-title) {
  margin-top: 1.3rem;
}
.data ul li:before {
  color: #587175;
}
.data .image-callout,
.data .jumbotron,
.data .two-col-panels,
.data .stacked-panels,
.data .img-blockquote-container {
  margin: 1.875rem 0;
}
.data .accordion {
  margin: 5px 0 1.875rem 0;
}
.data .listNav {
  margin: 1.875rem 0 0 0;
}
.data .instruction {
  margin: 1rem 0;
}
.data .lead {
  border-left-color: #b18e34;
}
.data .emphasis {
  color: #061326;
}
.data .responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 -> 9/16x100 */
  overflow: hidden;
}
.data .responsive-video .yuja-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.data .btn.btn-primary,
.data .btn.copy-btn,
.data button.btn-primary,
.data button.copy-btn {
  background-color: #cb968b;
  border-color: #cb968b;
  color: #061326;
  border-radius: 10px;
  border-width: 3px;
}
.data .btn.btn-primary:hover, .data .btn.btn-primary:focus, .data .btn.btn-primary:active,
.data .btn.copy-btn:hover,
.data .btn.copy-btn:focus,
.data .btn.copy-btn:active,
.data button.btn-primary:hover,
.data button.btn-primary:focus,
.data button.btn-primary:active,
.data button.copy-btn:hover,
.data button.copy-btn:focus,
.data button.copy-btn:active {
  background-color: #061326;
  border-color: #061326;
  color: #fff;
  box-shadow: none;
}
.data .btn-primary.focus,
.data .btn-primary:focus,
.data .btn-primary:not(:disabled):not(.disabled).active:focus,
.data .btn-primary:not(:disabled):not(.disabled):active:focus,
.data .show > .btn-primary.dropdown-toggle:focus {
  background-color: #cb968b;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(0, 111, 191, 0.5);
  color: #fff;
}
.data .btn.btn-secondary,
.data button.btn-secondary,
.data .btn-reveal {
  background-color: #fff;
  border-color: #b18e34;
  color: #061326;
  border-radius: 10px;
  border-width: 3px;
}
.data .btn.btn-secondary:hover, .data .btn.btn-secondary:focus, .data .btn.btn-secondary:active,
.data button.btn-secondary:hover,
.data button.btn-secondary:focus,
.data button.btn-secondary:active,
.data .btn-reveal:hover,
.data .btn-reveal:focus,
.data .btn-reveal:active {
  background-color: #e3d2c0;
  border-color: #b18e34;
  color: #061326;
  box-shadow: none;
}
.data .btn-secondary.focus,
.data .btn-secondary:focus,
.data .btn-secondary:not(:disabled):not(.disabled).active:focus,
.data .btn-secondary:not(:disabled):not(.disabled):active:focus,
.data .show > .btn-secondary.dropdown-toggle:focus {
  background-color: #edeef1;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(0, 111, 191, 0.5);
  color: #061326;
}
.data .accordion .card-header {
  border-bottom: none;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button {
  border: none;
  background: #587175;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 7px;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true] {
  border-top-color: #061326;
  background: #9aafb3;
  color: #061326;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true]:after {
  margin-left: 0px;
  color: #061326 !important;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true]:hover, .data .accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true]:focus {
  background: #b7c6c9;
  text-decoration: none;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button:hover, .data .accordion :not(.card-standard):not(.card-graphic).card .card-title button:focus {
  background: #425558;
  text-decoration: none;
}
.data .accordion :not(.card-standard):not(.card-graphic).card .card-title button:focus {
  outline: 1px solid black;
  outline-offset: 2px;
}
.data .accordion.accordion-num :not(.card-standard):not(.card-graphic) > .card-title button:before {
  background: #b18e34;
  color: #061326;
  border-right: 1px solid #b18e34;
  border-bottom: 1px solid #b18e34;
  border-top: 1px solid #b18e34;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.data .accordion.accordion-num :not(.card-standard):not(.card-graphic) > .card-title button[aria-expanded=true]:before {
  background: #b18e34;
  color: #061326;
  border: none;
}
.data .accordion.accordion-num :not(.card-standard):not(.card-graphic) > .card-title button[aria-expanded=true]:after {
  margin-left: 0px;
  color: #061326 !important;
}
.data .accordion-icon .collapsing {
  font-size: 1em;
}
.data .accordion-icon.accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true] {
  background: #587175;
}
.data .accordion-icon.accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true] .icon-acc {
  opacity: 0;
}
.data .accordion-icon.accordion :not(.card-standard):not(.card-graphic).card .card-title button[aria-expanded=true] .title-acc {
  margin-left: 0px;
}
.data .accordion-icon button.btn.btn-link:hover, .data .accordion-icon button.btn.btn-link:focus {
  text-decoration: none;
}
.data .accordion-icon button.btn.btn-link:hover span.title-acc, .data .accordion-icon button.btn.btn-link:focus span.title-acc {
  text-decoration: underline;
}
.data .accordion-icon button.btn.btn-link::after {
  position: relative;
  margin-left: 70px;
}
.data .accordion-icon .card-title .icon-acc {
  position: relative;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 0;
}
.data .accordion-icon .card-title .icon-acc.fa {
  line-height: normal;
  height: unset;
  color: #587175;
}
.data .accordion-icon .title-acc {
  margin-left: 50px;
}
.data .accordion-icon .card-body .icon-acc {
  max-width: 6rem;
  max-height: 6rem;
}
.data .accordion-icon .card-body .icon-acc.fa {
  color: #587175;
}
.data .card-graphic,
.data .card-standard,
.data .card-reveal {
  border: none !important;
  border-radius: 0;
  border-top: 3px solid #061326 !important;
  border-bottom: 1px solid #061326 !important;
  padding: 25px 0;
  margin: 15px 0;
}
.data .card-graphic > .card-body,
.data .card-standard > .card-body,
.data .card-reveal > .card-body {
  padding: 0;
}
.data .image-callout .image-callout-text {
  background: #587175;
}
.data .jumbotron {
  background: #587175;
  border-radius: 10px;
}
.data .jumbotron h2,
.data .jumbotron h3,
.data .jumbotron h4,
.data .jumbotron h5,
.data .jumbotron h6,
.data .jumbotron .h2,
.data .jumbotron .h3,
.data .jumbotron .h4,
.data .jumbotron .h5,
.data .jumbotron .h6 {
  color: #fff;
}
.data .stacked-panels .card,
.data .two-col-panels .card {
  border: 2px solid #587175;
  background-color: #edeef1;
}
.data .stacked-panels .card:after,
.data .two-col-panels .card:after {
  border-color: #edeef1;
}
.data .stacked-panels .card .card-body .card-header,
.data .stacked-panels .card .card-body h2,
.data .stacked-panels .card .card-body h3,
.data .stacked-panels .card .card-body h4,
.data .stacked-panels .card .card-body h5,
.data .stacked-panels .card .card-body h6,
.data .stacked-panels .card .card-body .h2,
.data .stacked-panels .card .card-body .h3,
.data .stacked-panels .card .card-body .h4,
.data .stacked-panels .card .card-body .h5,
.data .stacked-panels .card .card-body .h6,
.data .two-col-panels .card .card-body .card-header,
.data .two-col-panels .card .card-body h2,
.data .two-col-panels .card .card-body h3,
.data .two-col-panels .card .card-body h4,
.data .two-col-panels .card .card-body h5,
.data .two-col-panels .card .card-body h6,
.data .two-col-panels .card .card-body .h2,
.data .two-col-panels .card .card-body .h3,
.data .two-col-panels .card .card-body .h4,
.data .two-col-panels .card .card-body .h5,
.data .two-col-panels .card .card-body .h6 {
  color: #587175;
}
.data .overlay-content .bg-lightness, .data .overlay-content.bg-lightness {
  background-color: rgba(237, 238, 241, 0.9);
}
.data .overlay-content .bg-darkness, .data .overlay-content.bg-darkness {
  background-color: rgba(203, 150, 139, 0.9);
}
.data .overlay-content .bg-darkness h1,
.data .overlay-content .bg-darkness h2,
.data .overlay-content .bg-darkness h3,
.data .overlay-content .bg-darkness h4,
.data .overlay-content .bg-darkness h5,
.data .overlay-content .bg-darkness h6,
.data .overlay-content .bg-darkness .h1,
.data .overlay-content .bg-darkness .h2,
.data .overlay-content .bg-darkness .h3,
.data .overlay-content .bg-darkness .h4,
.data .overlay-content .bg-darkness .h5,
.data .overlay-content .bg-darkness .h6,
.data .overlay-content .bg-darkness p,
.data .overlay-content .bg-darkness ol,
.data .overlay-content .bg-darkness ul, .data .overlay-content.bg-darkness h1,
.data .overlay-content.bg-darkness h2,
.data .overlay-content.bg-darkness h3,
.data .overlay-content.bg-darkness h4,
.data .overlay-content.bg-darkness h5,
.data .overlay-content.bg-darkness h6,
.data .overlay-content.bg-darkness .h1,
.data .overlay-content.bg-darkness .h2,
.data .overlay-content.bg-darkness .h3,
.data .overlay-content.bg-darkness .h4,
.data .overlay-content.bg-darkness .h5,
.data .overlay-content.bg-darkness .h6,
.data .overlay-content.bg-darkness p,
.data .overlay-content.bg-darkness ol,
.data .overlay-content.bg-darkness ul {
  color: #fff;
}
.data .intersect-container {
  background: rgba(203, 150, 139, 0.9);
}
.data .timeline {
  list-style: none;
}
.data .timeline:before {
  background-color: #6396bb;
}
.data .timeline .timeline-badge {
  background-color: #587175;
}
.data .timeline .timeline-panel {
  border: 2px solid #587175;
}
.data .timeline .timeline-panel:before {
  border-right: 15px solid #587175;
  border-left: 0 solid #587175;
}
@media screen and (min-width: 768px) {
  .data .timeline-alt .timeline-panel {
    float: left;
    width: 46%;
  }
  .data .timeline-alt .timeline-panel:after,
  .data .timeline-alt .timeline-panel:before {
    border-right-width: 0;
    left: auto;
  }
  .data .timeline-alt .timeline-panel:before {
    border-left-width: 15px;
    right: -15px;
  }
}
.data .fullscreen-splash .overlap-container h1 {
  font-size: 2.2rem;
  line-height: 2.7rem;
}
.data table.tableWidth {
  width: 100%;
}
.data table.tableWidth tr {
  width: 100%;
}
.data table.tableWidth tr th,
.data table.tableWidth tr td {
  width: 25%;
}
.data .table-reveal thead tr,
.data .table thead tr,
.data .table-responsive thead tr {
  background: #fff;
}
.data .table-reveal thead tr *,
.data .table thead tr *,
.data .table-responsive thead tr * {
  color: #061326;
}
.data .table thead th:first-child,
.data .table-responsive thead th:first-child {
  border-top-left-radius: 10px;
}
.data .table thead th:last-child,
.data .table-responsive thead th:last-child {
  border-top-right-radius: 10px;
}
.data .table caption,
.data .table-responsive caption {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.data .tabs-wrapper.tabs-vertical, .data .tabs-wrapper.tabs-horizontal {
  margin: 1.875rem 0 0 0;
  border: 1px solid #b18e34;
}
.data .tabs-wrapper.tabs-vertical .list-group, .data .tabs-wrapper.tabs-horizontal .list-group {
  border-right: 1px solid #b18e34;
}
@media screen and (min-width: 576px) {
  .data .tabs-wrapper.tabs-vertical .list-group, .data .tabs-wrapper.tabs-horizontal .list-group {
    border-right: 1px solid #b18e34;
  }
}
.data .tabs-wrapper.tabs-vertical .list-group-item, .data .tabs-wrapper.tabs-horizontal .list-group-item {
  color: #061326;
  border: 1px solid #b18e34;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.active, .data .tabs-wrapper.tabs-horizontal .list-group-item.active {
  background-color: #b18e34;
  border: 1px solid #b18e34;
  color: #061326;
  text-decoration: none;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.active:focus, .data .tabs-wrapper.tabs-horizontal .list-group-item.active:focus {
  background-color: #e3d2c0;
  color: #061326;
  outline: 3px solid #b18e34 !important;
}
.data .tabs-wrapper.tabs-vertical .list-group-item:focus, .data .tabs-wrapper.tabs-horizontal .list-group-item:focus {
  background-color: #e3d2c0;
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.width-25, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-25 {
  flex: 0 0 auto;
  width: calc(25% - 10px) !important;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.width-33, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-33 {
  flex: 0 0 auto;
  width: calc(33.33333% - 10px) !important;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.width-50, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-50 {
  flex: 0 0 auto;
  width: calc(50% - 10px) !important;
}
.data .tabs-wrapper.tabs-vertical .list-group-item.width-100, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-100 {
  flex: 0 0 auto;
  width: calc(100% - 10px) !important;
}
@media screen and (max-width: 768px) {
  .data .tabs-wrapper.tabs-vertical .list-group-item.width-25, .data .tabs-wrapper.tabs-vertical .list-group-item.width-33, .data .tabs-wrapper.tabs-vertical .list-group-item.width-50, .data .tabs-wrapper.tabs-vertical .list-group-item.width-100, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-25, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-33, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-50, .data .tabs-wrapper.tabs-horizontal .list-group-item.width-100 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
.data .tabs-wrapper.tabs-vertical .tab-pane .h1,
.data .tabs-wrapper.tabs-vertical .tab-pane .h5,
.data .tabs-wrapper.tabs-vertical .tab-pane .h6,
.data .tabs-wrapper.tabs-vertical .tab-pane h1,
.data .tabs-wrapper.tabs-vertical .tab-pane h5,
.data .tabs-wrapper.tabs-vertical .tab-pane h6, .data .tabs-wrapper.tabs-horizontal .tab-pane .h1,
.data .tabs-wrapper.tabs-horizontal .tab-pane .h5,
.data .tabs-wrapper.tabs-horizontal .tab-pane .h6,
.data .tabs-wrapper.tabs-horizontal .tab-pane h1,
.data .tabs-wrapper.tabs-horizontal .tab-pane h5,
.data .tabs-wrapper.tabs-horizontal .tab-pane h6 {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical .tab-pane .h2,
.data .tabs-wrapper.tabs-vertical .tab-pane h2, .data .tabs-wrapper.tabs-horizontal .tab-pane .h2,
.data .tabs-wrapper.tabs-horizontal .tab-pane h2 {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical .tab-pane .h3,
.data .tabs-wrapper.tabs-vertical .tab-pane .h4,
.data .tabs-wrapper.tabs-vertical .tab-pane h3,
.data .tabs-wrapper.tabs-vertical .tab-pane h4, .data .tabs-wrapper.tabs-horizontal .tab-pane .h3,
.data .tabs-wrapper.tabs-horizontal .tab-pane .h4,
.data .tabs-wrapper.tabs-horizontal .tab-pane h3,
.data .tabs-wrapper.tabs-horizontal .tab-pane h4 {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline, .data .tabs-wrapper.tabs-horizontal.tabs-underline {
  border: none;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.CBA .list-group, .data .tabs-wrapper.tabs-horizontal.tabs-underline.CBA .list-group {
  justify-content: space-between;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.CBA .list-group .list-group-item, .data .tabs-wrapper.tabs-horizontal.tabs-underline.CBA .list-group .list-group-item {
  margin: 0;
  padding: 0;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.CBA .list-group .list-group-item-action, .data .tabs-wrapper.tabs-horizontal.tabs-underline.CBA .list-group .list-group-item-action {
  width: 33%;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.SWOT .list-group, .data .tabs-wrapper.tabs-horizontal.tabs-underline.SWOT .list-group {
  justify-content: space-between;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.SWOT .list-group .list-group-item, .data .tabs-wrapper.tabs-horizontal.tabs-underline.SWOT .list-group .list-group-item {
  margin: 0;
  padding: 0;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline.SWOT .list-group .list-group-item-action, .data .tabs-wrapper.tabs-horizontal.tabs-underline.SWOT .list-group .list-group-item-action {
  width: 25%;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content {
  border-top: 1px solid #061326;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content .tab-pane, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content .tab-pane {
  padding: 15px;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-1 .bg-list > li::marker, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-1 .bg-list > li::marker {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-1 .bg-list > li::before, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-1 .bg-list > li::before {
  background-color: #aaa0b7;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-2 .bg-list > li::marker, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-2 .bg-list > li::marker {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-2 .bg-list > li::before, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-2 .bg-list > li::before {
  background-color: #c4b7b7;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-3 .bg-list > li::marker, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-3 .bg-list > li::marker {
  color: #061326;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .tab-content #list-3 .bg-list > li::before, .data .tabs-wrapper.tabs-horizontal.tabs-underline .tab-content #list-3 .bg-list > li::before {
  background-color: #9dc9ce;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .list-group, .data .tabs-wrapper.tabs-horizontal.tabs-underline .list-group {
  max-width: 100%;
  display: flex;
  position: relative;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .list-group .list-group-item, .data .tabs-wrapper.tabs-horizontal.tabs-underline .list-group .list-group-item {
  background: transparent;
  border: none;
  border-radius: 0;
  color: #8c95a4;
  padding: 0 2rem;
  margin: 5px;
  font-weight: 500;
  border-bottom: 3px solid transparent;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .list-group .list-group-item.active, .data .tabs-wrapper.tabs-horizontal.tabs-underline .list-group .list-group-item.active {
  color: #061326;
  background: transparent;
  border-bottom: 3px solid #cb968b;
  border-radius: 0;
  text-decoration: none;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .list-group .list-group-item:hover, .data .tabs-wrapper.tabs-horizontal.tabs-underline .list-group .list-group-item:hover {
  color: #061326;
  text-decoration: none;
  border-bottom: 3px solid #e3d2c0;
}
.data .tabs-wrapper.tabs-vertical.tabs-underline .list-group .list-group-item-action, .data .tabs-wrapper.tabs-horizontal.tabs-underline .list-group .list-group-item-action {
  width: auto;
}
@media screen and (min-width: 768px) {
  .data .tabs-horizontal .list-group-item {
    border-right: 1px solid #6396bb;
  }
}
.data blockquote ol,
.data blockquote p,
.data blockquote ul {
  color: #587175;
}
.data .blockquote-lg {
  border-color: #b18e34;
}
.data .blockquote-lg h2,
.data .blockquote-lg h3,
.data .blockquote-lg h4,
.data .blockquote-lg h5,
.data .blockquote-lg h6,
.data .blockquote-lg .h2,
.data .blockquote-lg .h3,
.data .blockquote-lg .h4,
.data .blockquote-lg .h5,
.data .blockquote-lg .h6,
.data .blockquote-lg p,
.data .blockquote-lg ol,
.data .blockquote-lg ul {
  color: #587175;
}
.data .img-blockquote-container .img-blockquote-text {
  background-color: rgba(237, 238, 241, 0.9);
}

.flip-card-set .flip-card .flip-card-content .flip-card-back,
.flip-card-set .flip-card .flip-card-content .flip-card-front {
  border-radius: 10px;
}

.modal h3:not(.modal-title) {
  font-size: 1.4rem;
}

.modal h4:not(.modal-title) {
  font-size: 1.3rem;
}

.resources-link {
  text-decoration: none;
  border: none;
}
.resources-link img {
  border: 3px solid transparent;
}
.resources-link:hover img, .resources-link:focus img {
  border: 3px dashed #587175;
  border-radius: 10px;
}

.speech-bubble {
  background-color: #587175;
  border-radius: 10px;
  padding: 1rem;
  position: relative;
  color: #fff;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.speech-bubble p,
.speech-bubble ul,
.speech-bubble ol,
.speech-bubble li {
  color: #fff;
}
.speech-bubble p:last-child {
  margin-bottom: 0;
}
.speech-bubble:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.speech-bubble.corner1:before {
  border-left: 0px solid transparent;
  border-top: 15px solid #587175;
  border-right: 15px solid transparent;
  bottom: -15px;
  left: 1rem;
}
.speech-bubble.corner2:before {
  border-top: 15px solid transparent;
  border-right: 15px solid #587175;
  border-bottom: 0px solid transparent;
  left: -15px;
  bottom: 1rem;
}
.speech-bubble.corner3:before {
  border-top: 0px solid transparent;
  border-right: 15px solid #587175;
  border-bottom: 15px solid transparent;
  left: -15px;
  top: 1rem;
}
.speech-bubble.corner4:before {
  border-left: 0px solid transparent;
  border-bottom: 15px solid #587175;
  border-right: 15px solid transparent;
  top: -15px;
  left: 1rem;
}
.speech-bubble.corner5:before {
  border-left: 15px solid transparent;
  border-bottom: 15px solid #587175;
  border-right: 0px solid transparent;
  top: -15px;
  right: 1rem;
}
.speech-bubble.corner6:before {
  border-top: 0px solid transparent;
  border-left: 15px solid #587175;
  border-bottom: 15px solid transparent;
  right: -15px;
  top: 1rem;
}
.speech-bubble.corner7:before {
  border-top: 15px solid transparent;
  border-left: 15px solid #587175;
  border-bottom: 0px solid transparent;
  right: -15px;
  bottom: 1rem;
}
.speech-bubble.corner8:before {
  border-left: 15px solid transparent;
  border-top: 15px solid #587175;
  border-right: 0px solid transparent;
  bottom: -15px;
  right: 1rem;
}

ul.icon-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}
ul.icon-list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0;
}
ul.icon-list li:before {
  display: none;
}
ul.icon-list li img {
  flex: 0 0 auto;
  width: 50px;
  margin-right: 15px;
}

a.img-link {
  display: inline-block;
  border: none;
}
a.img-link:hover img, a.img-link:focus img {
  outline: 2px dashed #061326;
  outline-offset: 3px;
}

#glossary-app {
  margin-top: 10px;
}
#glossary-app #glossary-nav {
  background-color: transparent;
  font-size: 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  width: 100%;
  margin-bottom: 20px;
}
#glossary-app #glossary-nav button {
  color: #fff;
  background-color: #587175;
  border-color: #587175;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0.5rem 0rem;
  cursor: pointer;
  width: 7.5%;
  text-align: center;
  border-radius: 0;
  line-height: normal;
  transition: background-color 0.2s, color 0.2s;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
}
@media screen and (max-width: 767px) {
  #glossary-app #glossary-nav button {
    font-size: 1em;
    width: 14.25%;
  }
}
#glossary-app #glossary-nav button:hover, #glossary-app #glossary-nav button:focus {
  background-color: #374749;
  color: #fff;
}
#glossary-app #glossary-nav button.ln-selected {
  background-color: #212b2c;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#glossary-app #glossary-nav button.ln-disabled {
  background-color: #9aafb3;
  border: none;
  color: #fff;
}
#glossary-app #glossary-nav button.ln-disabled:hover, #glossary-app #glossary-nav button.ln-disabled:focus {
  background-color: #9aafb3;
  color: #fff;
}
#glossary-app .glossary-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.glossary {
  color: #061326 !important;
  text-decoration: underline dotted #587175 !important;
}

#glossary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  width: 100%;
  max-width: 1024px;
}
#glossary dt {
  font-size: 1.1875rem;
  line-height: 1.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
#glossary dd {
  margin-bottom: 1rem;
}

.listNavHide {
  display: none;
}

@media screen and (max-width: 767px) {
  #glossary-nav {
    font-size: 1.2em;
  }
  #glossary-nav button {
    padding: 0.4rem 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  #glossary-nav {
    font-size: 1em;
  }
  #glossary-nav button {
    padding: 0.3rem 0.6rem;
  }
}
.glossary-popup p,
.glossary-popup ul,
.glossary-popup ol,
.glossary-popup li {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
}
.glossary-popup p:last-child,
.glossary-popup ul:last-child,
.glossary-popup ol:last-child,
.glossary-popup li:last-child {
  margin-bottom: 0;
}

/* Glossary END */
body.mce-content-body .letter-icon .letter-icon-content:not(.show) {
  opacity: 1;
}
body.mce-content-body .sr-only {
  border: 2px solid #061326 !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  position: relative !important;
  width: 100% !important;
  margin: 15px 0;
  padding: 40px 15px 15px;
  display: block;
  color: #061326;
}
body.mce-content-body .sr-only::before {
  content: "Screen reader only/Lecteur d'ecran uniquement";
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 1rem;
  color: red;
}
body.mce-content-body .carousel.navigation .carousel-control {
  flex-direction: column;
}
body.mce-content-body .carousel.navigation .carousel-control .carousel-control-next,
body.mce-content-body .carousel.navigation .carousel-control .carousel-control-prev {
  width: 100%;
}

.flip-card-set .flip-card .flip-card-content:focus {
  outline: 2px solid black;
}

.btn.btn-primary:focus,
.btn.btn-secondary:focus {
  outline: 2px solid #333;
  outline-offset: 2px;
}

.question {
  border: 1px solid #e3d2c0;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.question fieldset legend {
  float: none;
  margin-bottom: 30px;
  font-size: 1.2rem;
  line-height: 1.3;
}
.question fieldset .answers label {
  display: inline;
  vertical-align: middle;
}
.question fieldset .answers input[type=checkbox],
.question fieldset .answers input[type=radio] {
  height: 44px;
  width: 44px;
  margin-right: 30px;
}
.question fieldset .answers select {
  margin-left: 10px;
  margin-right: 10px;
  max-width: 70%;
}
.question fieldset .answers p {
  width: 100%;
}
.question fieldset .answers p:last-of-type {
  margin-bottom: 0;
}
.question fieldset .answers p label {
  margin-bottom: 0;
  width: 70%;
}
.question fieldset .submit-btn {
  margin-top: 20px;
}
.question fieldset .feedback {
  padding: 20px 30px;
  margin-top: 15px;
}
.question fieldset .feedback div:last-child p:last-child,
.question fieldset .feedback .custom-feedback p:last-child {
  margin-bottom: 0;
}
.question fieldset .feedback.correct {
  background-color: #96b2a5;
  border-left: 5px solid #5d917b;
}
.question fieldset .feedback.incorrect {
  background-color: #cb968b;
  border-left: 5px solid #945042;
}
.question fieldset .feedback.incorrect .neutral {
  background-color: #c5d2d4;
  border-left: 5px solid #587175;
}
.question fieldset .feedback.generic {
  background-color: #c5d2d4;
  border-left: 5px solid #587175;
}
.question.multiple-choice fieldset .answers p, .question.multiple-answer fieldset .answers p, .question.custom-feedback fieldset .answers p {
  display: flex;
  align-items: center;
}
.question.neutral .feedback {
  padding: 20px 30px;
  margin-top: 15px;
}
.question.neutral .feedback div:last-child p:last-child,
.question.neutral .feedback .custom-feedback p:last-child {
  margin-bottom: 0;
}
.question.neutral .feedback.correct {
  background-color: #c5d2d4;
  border-left: 5px solid #587175;
}
.question.neutral .feedback.incorrect {
  background-color: #c5d2d4;
  border-left: 5px solid #587175;
}
.question.neutral .feedback.generic {
  background-color: #c5d2d4;
  border-left: 5px solid #587175;
}
.question.check-clues fieldset .answers p {
  position: relative;
  padding-left: 60px;
}
.question.check-clues fieldset .answers input[type=checkbox]:focus + label {
  outline: #cb968b solid 2px;
}
.question.check-clues fieldset .answers input[type=checkbox] {
  opacity: 0;
  height: 0px;
  width: 0px;
  margin-right: 0px;
  display: none;
}
.question.check-clues fieldset .answers label::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f304";
  font-size: 25px;
  display: none;
  color: #fff;
  background-color: #cb968b;
  padding: 5px 13px;
  margin-bottom: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.question.check-clues fieldset .answers input[type=checkbox]:checked + label {
  background-color: rgba(177, 142, 52, 0.5);
  outline: 3px solid rgba(177, 142, 52, 0.5);
}
.question.check-clues fieldset .answers input[type=checkbox]:checked + label::before {
  display: block;
}

.carousel-question-set .carousel {
  border: 3px solid #b18e34;
}
.carousel-question-set .carousel .carousel-inner .carousel-item {
  padding: 2rem;
}
.carousel-question-set .carousel .carousel-control {
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0;
}
.carousel-question-set .carousel .carousel-control .carousel-indicators {
  position: initial;
  margin: 0;
}
.carousel-question-set .carousel .carousel-control .carousel-control-next,
.carousel-question-set .carousel .carousel-control .carousel-control-prev {
  position: initial;
  top: auto;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0px;
}
.carousel-question-set .carousel .carousel-control .carousel-control-next:focus,
.carousel-question-set .carousel .carousel-control .carousel-control-prev:focus {
  outline: 1px dashed #e3d2c0;
}
.carousel-question-set .carousel .carousel-control .carousel-control-next:hover, .carousel-question-set .carousel .carousel-control .carousel-control-next:focus,
.carousel-question-set .carousel .carousel-control .carousel-control-prev:hover,
.carousel-question-set .carousel .carousel-control .carousel-control-prev:focus {
  background-color: transparent;
}
.carousel-question-set .carousel .carousel-item {
  border-radius: 10px;
}
.carousel-question-set .carousel .carousel-item .question {
  padding: 0;
  margin: 0;
  border: none;
}

/* Video rating */
.video-rating {
  border: 1px solid #e3d2c0;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.star-rating {
  width: min-content;
  padding: 0.3rem;
}
.star-rating legend {
  float: none;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.3;
}
.star-rating > div {
  position: relative;
  height: 3rem;
  width: 15rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--! Font Awesome Pro 6.3.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3e%3cpath fill='%23F39C12' d='M287.9 0C297.1 0 305.5 5.25 309.5 13.52L378.1 154.8L531.4 177.5C540.4 178.8 547.8 185.1 550.7 193.7C553.5 202.4 551.2 211.9 544.8 218.2L433.6 328.4L459.9 483.9C461.4 492.9 457.7 502.1 450.2 507.4C442.8 512.7 432.1 513.4 424.9 509.1L287.9 435.9L150.1 509.1C142.9 513.4 133.1 512.7 125.6 507.4C118.2 502.1 114.5 492.9 115.1 483.9L142.2 328.4L31.11 218.2C24.65 211.9 22.36 202.4 25.2 193.7C28.03 185.1 35.5 178.8 44.49 177.5L197.7 154.8L266.3 13.52C270.4 5.249 278.7 0 287.9 0L287.9 0zM287.9 78.95L235.4 187.2C231.9 194.3 225.1 199.3 217.3 200.5L98.98 217.9L184.9 303C190.4 308.5 192.9 316.4 191.6 324.1L171.4 443.7L276.6 387.5C283.7 383.7 292.2 383.7 299.2 387.5L404.4 443.7L384.2 324.1C382.9 316.4 385.5 308.5 391 303L476.9 217.9L358.6 200.5C350.7 199.3 343.9 194.3 340.5 187.2L287.9 78.95z'/%3e%3c/svg%3e");
  fill: #346494;
  background-size: 3rem 3rem;
}
.star-rating label {
  position: absolute;
  height: 100%;
  background-size: 3rem 3rem;
  cursor: pointer;
}
.star-rating label:nth-of-type(1) {
  z-index: 5;
  width: 3rem;
}
.star-rating label:nth-of-type(2) {
  z-index: 4;
  width: 6rem;
}
.star-rating label:nth-of-type(3) {
  z-index: 3;
  width: 9rem;
}
.star-rating label:nth-of-type(4) {
  z-index: 2;
  width: 12rem;
}
.star-rating label:nth-of-type(5) {
  z-index: 1;
  width: 15rem;
}
.star-rating input:checked + label,
.star-rating input:focus + label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--! Font Awesome Pro 6.3.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3e%3cpath fill='%23F39C12' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3e%3c/svg%3e");
}
.star-rating input:checked + label:hover,
.star-rating label:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--! Font Awesome Pro 6.3.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3e%3cpath fill='%23F39C12' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3e%3c/svg%3e");
}
.star-rating input:focus + label {
  outline: 0.25rem solid #cb968b;
}
.star-rating input,
.star-rating label > span {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

body.mce-content-body .carousel-question-set .carousel-item {
  display: block;
  float: none;
  border: 2px solid blue;
}
body.mce-content-body .carousel-question-set .carousel-control {
  display: none !important;
}
body.mce-content-body .question-set .question .submit-btn {
  display: none;
}
body.mce-content-body .question-set .question .feedback {
  display: block !important;
  padding-left: 0;
}
body.mce-content-body .question-set .question .feedback .right {
  border: 2px solid green;
  margin-bottom: 20px;
}
body.mce-content-body .question-set .question .feedback .wrong {
  border: 2px solid red;
  margin-bottom: 20px;
}
body.mce-content-body .question-set .question .feedback .generic {
  border: 2px solid blue;
  margin-bottom: 20px;
}

.carousel {
  border-radius: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 7px;
  background-color: #fbf8f5;
}
.carousel .carousel-inner .carousel-item {
  min-height: 300px;
  padding: 2rem;
}
.carousel .carousel-inner .carousel-item h1,
.carousel .carousel-inner .carousel-item h2,
.carousel .carousel-inner .carousel-item h3,
.carousel .carousel-inner .carousel-item h4,
.carousel .carousel-inner .carousel-item h5,
.carousel .carousel-inner .carousel-item h6 {
  color: #061326;
  margin-bottom: 1.5rem;
}
.carousel .carousel-inner .carousel-item blockquote {
  margin-left: 0;
  margin-right: 0;
}
.carousel .carousel-inner .carousel-item blockquote p,
.carousel .carousel-inner .carousel-item blockquote ul,
.carousel .carousel-inner .carousel-item blockquote ol {
  font-size: 1.1rem;
  line-height: 1.3;
  color: #061326;
}
.carousel .carousel-inner .carousel-item blockquote p:not(last-child),
.carousel .carousel-inner .carousel-item blockquote ul:not(last-child),
.carousel .carousel-inner .carousel-item blockquote ol:not(last-child) {
  margin-bottom: 15px;
}
.carousel .carousel-control-next,
.carousel .carousel-control-prev {
  width: 7%;
  background-color: #e3d2c0;
  color: #061326;
  opacity: 1;
  border: none;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
}
@media (max-width: 575.9px) {
  .carousel .carousel-control-next,
  .carousel .carousel-control-prev {
    width: 10%;
  }
}
.carousel .carousel-control-next:hover, .carousel .carousel-control-next:focus,
.carousel .carousel-control-prev:hover,
.carousel .carousel-control-prev:focus {
  background-color: #d3b99d;
}
.carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23061326' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
.carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23061326' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel .carousel-control-prev {
  border-radius: 10px 0 0 10px;
}
.carousel .carousel-control-next {
  border-radius: 0 10px 10px 0;
}
.carousel .carousel-indicators li {
  background-color: #587175;
  opacity: 1;
}
.carousel .carousel-indicators li.active {
  background-color: #061326;
}
.carousel .carousel-indicators li:focus {
  outline: 1px dashed #061326;
}
.carousel.navigation .carousel-inner .carousel-item {
  padding: 2rem;
}
.carousel.navigation .carousel-control {
  position: inherit;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
}
.carousel.navigation .carousel-control .carousel-indicators {
  position: initial;
  margin: 0;
  flex-wrap: wrap;
}
.carousel.navigation .carousel-control .carousel-control-next,
.carousel.navigation .carousel-control .carousel-control-prev {
  position: initial;
  top: auto;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0px;
}
.carousel.navigation .carousel-control .carousel-control-next .carousel-control-next-icon,
.carousel.navigation .carousel-control .carousel-control-next .carousel-control-prev-icon,
.carousel.navigation .carousel-control .carousel-control-prev .carousel-control-next-icon,
.carousel.navigation .carousel-control .carousel-control-prev .carousel-control-prev-icon {
  width: 25px !important;
  height: 25px !important;
}
.carousel.navigation .carousel-control .carousel-control-next:focus,
.carousel.navigation .carousel-control .carousel-control-prev:focus {
  outline: 1px dashed #e3d2c0;
}
.carousel.navigation .carousel-control .carousel-control-next:hover, .carousel.navigation .carousel-control .carousel-control-next:focus,
.carousel.navigation .carousel-control .carousel-control-prev:hover,
.carousel.navigation .carousel-control .carousel-control-prev:focus {
  background-color: transparent;
}
.carousel.navigation .question {
  padding: 0;
  margin: 0;
  border: none;
}

.flip-card-set .flip-card .flip-card-content .flip-card-front .carousel,
.flip-card-set .flip-card .flip-card-content .flip-card-back .carousel {
  margin: 0;
  border-radius: 0;
}
.flip-card-set .flip-card .flip-card-content .flip-card-front .carousel .carousel-inner,
.flip-card-set .flip-card .flip-card-content .flip-card-back .carousel .carousel-inner {
  background-color: transparent;
}
.flip-card-set .flip-card .flip-card-content .flip-card-front .carousel .carousel-inner .carousel-item,
.flip-card-set .flip-card .flip-card-content .flip-card-back .carousel .carousel-inner .carousel-item {
  background-color: transparent;
  padding: 0 0 0.5rem;
}
.flip-card-set .flip-card .flip-card-content .flip-card-front .carousel.navigation .carousel-control,
.flip-card-set .flip-card .flip-card-content .flip-card-back .carousel.navigation .carousel-control {
  padding: 0 0 1.5rem 0;
}

.before-and-after {
  position: relative;
}
.before-and-after > * {
  width: 100%;
}
.before-and-after img {
  -webkit-user-drag: none;
}
.before-and-after img:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  clip-path: polygon(100% 0%, 50% 0%, 50% 100%, 100% 100%);
}
.before-and-after .controls {
  display: flex;
}
.before-and-after input[type=range] {
  vertical-align: middle;
  flex-grow: 1;
}

.data .card-graphic.card-icon {
  position: relative;
  margin: 3rem 0;
  padding: 3rem 0;
  /* Color */
  /* Position */
}
.data .card-graphic.card-icon .card-text .fa {
  font-size: 4rem;
  position: absolute;
  color: #b18e34;
  background-color: #fff;
  padding: 10px;
}
.data .card-graphic.card-icon .card-text img.icon {
  max-width: 4rem;
  position: absolute;
  color: #b18e34;
  background-color: #fff;
  padding: 10px;
}
.data .card-graphic.card-icon.primary {
  border-color: #587175;
}
.data .card-graphic.card-icon.primary .fa {
  color: #587175;
}
.data .card-graphic.card-icon.primary img.icon {
  color: #587175;
}
.data .card-graphic.card-icon.secondary {
  border-color: #b18e34;
}
.data .card-graphic.card-icon.secondary .fa {
  color: #b18e34;
}
.data .card-graphic.card-icon.secondary img.icon {
  color: #b18e34;
}
.data .card-graphic.card-icon.tertiary {
  border-color: #cb968b;
}
.data .card-graphic.card-icon.tertiary .fa {
  color: #cb968b;
}
.data .card-graphic.card-icon.tertiary img.icon {
  color: #cb968b;
}
.data .card-graphic.card-icon.quaternary {
  border-color: #e3d2c0;
}
.data .card-graphic.card-icon.quaternary .fa {
  color: #e3d2c0;
}
.data .card-graphic.card-icon.quaternary img.icon {
  color: #e3d2c0;
}
.data .card-graphic.card-icon.corner1 .card-text .fa {
  top: -2rem;
  left: -2rem;
}
.data .card-graphic.card-icon.corner1 .card-text img.icon {
  top: -2rem;
  left: -2rem;
}
.data .card-graphic.card-icon.corner2 .card-text .fa {
  top: -2rem;
  right: -2rem;
}
.data .card-graphic.card-icon.corner2 .card-text img.icon {
  top: -2rem;
  right: -2rem;
}
.data .card-graphic.card-icon.corner3 .card-text .fa {
  bottom: -2rem;
  left: -2rem;
}
.data .card-graphic.card-icon.corner3 .card-text img.icon {
  bottom: -2rem;
  left: -2rem;
}
.data .card-graphic.card-icon.corner4 .card-text .fa {
  bottom: -2rem;
  right: -2rem;
}
.data .card-graphic.card-icon.corner4 .card-text img.icon {
  bottom: -2rem;
  right: -2rem;
}

.listNav {
  margin-bottom: 20px;
}

.listNav .ln-letters a {
  background-color: #cb968b;
  border-color: #cb968b;
  color: #fff;
  font-weight: 700;
  transition: background-color 0.2s, color 0.2s;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
}

.listNav .ln-letters a:hover,
.listNav .ln-letters a:focus {
  background-color: #061326;
  color: #fff;
}

.listNav .ln-letters a.ln-disabled {
  background-color: #edeef1;
  border: 1px solid #8c95a4;
  color: #8c95a4;
}

.listNav .ln-letters a.ln-disabled:hover,
.listNav .ln-letters a.ln-disabled:focus {
  background-color: #8c95a4;
  color: #fff;
}

#glossary li {
  list-style: none;
}

#glossary dt {
  font-size: 1.1875rem;
  line-height: 1.75rem;
}

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*------ From K101 -> interactions/_dragAndDrop.scss ------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
.snap-drag {
  text-align: center;
  background-color: #cb968b;
  margin-bottom: 15px;
  padding: 10px !important;
  z-index: 1;
  color: #fff;
  border-radius: 10px;
  outline: 2px dashed white;
  outline-offset: 2px;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
}
.snap-drag p:last-child {
  margin-bottom: 0;
}
.snap-drag:hover, .snap-drag:focus {
  outline: 2px dashed white !important;
  outline-offset: -5px;
}
.snap-drag.snap-selected {
  outline: 2px solid white !important;
  outline-offset: -5px;
}

.drop-area .snap-drop {
  margin-bottom: 20px;
  border: 2px dashed #cb968b;
  border-radius: 10px;
  min-height: 50px !important;
  width: 33.333333333%;
  padding: 10px;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
}
@media (min-width: 992px) {
  .drop-area .snap-drop {
    width: 50%;
  }
}
.drop-area .snap-drop:before, .drop-area .snap-drop:after {
  content: " ";
  display: table;
}
.drop-area .snap-drop:after {
  clear: both;
}
.drop-area .snap-drop .snap-drag {
  margin-bottom: 0;
  border-radius: 7px;
}

/*.snap-drag-area[data-validate="true"] .drop-area{
    .snap-drag {
        opacity: 1!important;

        .LOM-editable{
            background-color: rgb(253, 175, 175)!important;

        }
    }

    .snap-drop[data-answer="1"] .snap-drag[data-value="1"],
    .snap-drop[data-answer="2"] .snap-drag[data-value="2"],
    .snap-drop[data-answer="3"] .snap-drag[data-value="3"],
    .snap-drop[data-answer="4"] .snap-drag[data-value="4"],
    .snap-drop[data-answer="5"] .snap-drag[data-value="5"],
    .snap-drop[data-answer="6"] .snap-drag[data-value="6"]{
        .LOM-editable{
            background-color: rgb(147, 226, 147)!important;
        }
    }
} */
.snap-validation {
  margin-bottom: 50px;
  border-radius: 10px;
  padding: 10px !important;
}
.snap-validation p:last-child {
  margin-bottom: 0;
}
.snap-validation:focus {
  outline: 1px solid black;
}
.snap-validation[data-feedback=correct] {
  border: 2px dashed #96b2a5;
}
.snap-validation[data-feedback=correct] .snap-validation-correct {
  color: #5d917b;
  font-weight: 700;
}
.snap-validation[data-feedback=incorrect] {
  border: 2px dashed #cb968b;
}
.snap-validation[data-feedback=incorrect] .snap-validation-incorrect {
  color: #945042;
  font-weight: 700;
}

.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop) {
  outline: none !important;
  background-color: rgba(203, 150, 139, 0.3) !important;
}

/*button.btn-submit-dragondrop {
    background-color: #dad5e2!important;
    border-radius: 10px;
    font-family: Asap;
    font-size: medium;
    font-weight: 500;
    border: 2px solid #1c7308!important;
    box-shadow: 2px 2px 10px rgba(72, 50, 75, .5);

    &:hover, &:focus {
        background-color: darken(#dad5e2, 10%)!important;
    }
}*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*---------- From K103 -> theme/scss/Plugins/_dragonDrop.scss ----------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* ***************************************************************************************
 * * COLORS
 * **************************************************************************************/
/* ***************************************************************************************
  * * MIXINS
  * **************************************************************************************/
/* ************************
  * HIGHLIGHT
  * ************************
  * highlight something 
  * without messing it up
  */
/* ************************
  * HIGHLIGHT
  * ************************
  * highlight something 
  * without messing it up
  */
/* ************************
  * LABELS
  * ************************
  * add a label at the top of something
  * pass the value as text
  */
/* ***************************************************************************************
  * * INACTIVE STATES
  * **************************************************************************************/
.snap-drag-area .col-12:not([class*=col-md-]):not([class*=col-sm-]):has(> .snap-drop.snap-origin):not(.padding) {
  padding-left: 0;
}
.snap-drag-area .snap-drag {
  padding: 10px;
  min-height: 30px;
}
.snap-drag-area .snap-drop:not(.snap-origin) {
  min-height: 30px;
}
.snap-drag-area .snap-drop-custom-label {
  display: none;
}
.snap-drag-area .snap-drag.drag-highlight {
  outline: 2px dashed #666;
}
.snap-drag-area .snap-drop-label {
  outline: coral solid 1px;
}

.snap-drag-area:not(.active) .snap-drag:hover, .snap-drag-area:not(.active) .snap-drag:focus {
  outline: 2px dashed #666;
  cursor: move;
}
.snap-drag-area:not(.active) .snap-drag:hover:before, .snap-drag-area:not(.active) .snap-drag:focus:before {
  display: block;
  position: absolute;
  font-family: "Glyphicons Halflings";
  content: "\e068";
  font-size: 0.9em;
  color: #666;
  margin-left: -1.8em;
  padding: 0.1em 0.2em;
  text-align: center;
}
.snap-drag-area:not(.active) .snap-drag:hover:before, .snap-drag-area:not(.active) .snap-drag:focus:before {
  color: #4e5b73;
  opacity: 0.8;
}

/* ***************************************************************************************
  * * ACTIVE STATES
  * **************************************************************************************/
.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop) {
  outline: 3px #ccc dashed;
}
.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop):focus, .snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop):hover {
  cursor: pointer;
}
.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop).drag-highlight, .snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop):hover {
  outline: 2px dashed #666;
}
.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop).drag-highlight:before, .snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop):hover:before {
  display: block;
  position: absolute;
  font-family: "Glyphicons Halflings";
  content: "\e094";
  font-size: 0.9em;
  color: #666;
  margin-left: -1.8em;
  padding: 0.1em 0.2em;
  text-align: center;
}
.snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop).drag-highlight:before, .snap-drag-area.active .snap-drop:not(.snap-origin):not(.snap-original-drop):hover:before {
  outline: solid 2px #cb968b;
  color: #cb968b;
  border-radius: 10px;
  margin-left: -45px;
  margin-top: -10px;
  background-color: rgba(203, 150, 139, 0.3);
}
.snap-drag-area.active .snap-drag.snap-selected {
  outline: 2px dashed #666;
}
.snap-drag-area.active .snap-drag.snap-selected:before {
  display: block;
  position: absolute;
  font-family: "Glyphicons Halflings";
  content: "\e068";
  font-size: 0.9em;
  color: #666;
  margin-left: -1.8em;
  padding: 0.1em 0.2em;
  text-align: center;
}
.snap-drag-area.active .snap-drag.snap-selected:before {
  color: #4e5b73;
}
.snap-drag-area.active .snap-drop-custom-label {
  display: block;
  position: absolute;
  visibility: hidden;
}

/* *******************************************
     * validation
     * *****************************************/
html:not(.LOM-pageEdit-active) .snap-drag-area[data-validate=false] .snap-validation {
  display: none;
}

html:not(.LOM-pageEdit-active) .snap-drag-area[data-validate=true] .snap-drag {
  opacity: 0.7;
}

html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation.hidden-feedback {
  text-indent: -9999px;
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation.hidden-feedback:before {
  margin-top: -36px;
  margin-left: -35px;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation:not(.hidden-feedback) {
  padding-left: 35px;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation:before {
  content: "";
  display: block;
  background-color: white;
  position: absolute;
  margin-left: -35px;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=null] {
  display: none;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=correct] > .snap-validation-correct {
  display: block;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=correct] > .snap-validation-generic {
  display: block;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=correct]:before {
  border-radius: 10px;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=incorrect] > .snap-validation-incorrect {
  display: block;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=incorrect] > .snap-validation-generic {
  display: block;
}
html:not(.LOM-pageEdit-active) .snap-drag-area:not([data-validate=false]) .snap-validation[data-feedback=incorrect]:before {
  border-radius: 10px;
}
/*-------------------------------*/
/*-------------------------------*/
/*---------- Additions ----------*/
/*-------------------------------*/
/*-------------------------------*/
@font-face {
  font-family: "Glyphicons Halflings";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/glyphicons-halflings-regular.eot") format("opentype");
  src: url("../fonts/glyphicons-halflings-regular.svg") format("svg");
  src: url("../fonts/glyphicons-halflings-regular.ttf") format("truetype");
  src: url("../fonts/glyphicons-halflings-regular.woff") format("woff");
  src: url("../fonts/glyphicons-halflings-regular.woff2") format("woff");
}
.wb-inv {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.snap-drag p:last-child {
  line-height: unset;
  font-size: unset;
}

.snap-validation p {
  font-size: unset;
  line-height: unset;
}

.snap-drag-area p, .snap-drag-area ul, .snap-drag-area ol, .snap-drag-area li {
  font-size: unset;
  line-height: unset;
}

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*------------------------------ Insert Custom SCSS below ------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* This or That */
.thisOrThat {
  padding: 30px 0;
  font-family: Lato, Arial;
  font-size: 18px;
  /*.screenReader {
      position: absolute;
      color: rgba(0,0,0,0);
  }*/
  /* button highlight CORRECT */
  /* button highlight WRONG */
  /*.button,
  .resetButton {
      width: fit-content;
      padding: 0px 32px;
      font-weight: bold;
      border-radius: 4px;
      text-align: center;
      line-height: 40px;
      background-color: #006fbf;
      color: white;
  }*/
}
.thisOrThat .instruction {
  font-weight: bold;
}
.thisOrThat .section:not(:first-child) {
  margin-top: 24px;
}
.thisOrThat .question {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.thisOrThat .options {
  display: flex;
  justify-content: space-between;
  padding: 8px 0 16px;
}
.thisOrThat div[class^=choice] {
  width: 48%;
  max-width: 488px;
  padding: 16px 32px;
  border: 4px solid #cb968b;
  /*
  GIVE slategrey background-color to button
  IF button not selected is true
  OF button not selected is not true
  */
}
.thisOrThat div[class^=choice]:hover {
  border: 4px solid #587175;
}
.thisOrThat div[class^=choice][class~=disabled]:not([class~=selected]) {
  border: 4px solid #cb968b;
}
.thisOrThat div[class^=choice][answer=true] .button.disabled:not(.selected), .thisOrThat div[class^=choice]:not([answer=true]) .button.disabled:not(.selected) {
  background-color: #cb968b;
}
.thisOrThat div[class^=choice].highlightCorrect {
  border: 4px solid #5d917b;
}
.thisOrThat div[class^=choice].highlightWrong {
  border: 4px solid #945042;
}
.thisOrThat .image img {
  width: 100%;
}
.thisOrThat .video iframe {
  width: 100%;
  height: 280px;
}
.thisOrThat .button.highlightCorrect {
  background-color: #96b2a5;
  border: none;
  color: #061326;
}
.thisOrThat .button.highlightWrong {
  background-color: #cb968b;
  border: none;
  color: #061326;
}
.thisOrThat .button:hover,
.thisOrThat .resetButton:hover {
  cursor: pointer;
}
.thisOrThat .displayNone {
  display: none;
}
.thisOrThat .displayBlock {
  display: block;
}

/* Media Queries */
@media (max-width: 768px) { /* $screen-md */
  .thisOrThat {
    padding: 8px 32px;
    font-size: 17px;
  }
  .thisOrThat .options {
    flex-flow: column;
    padding: 0 0 16px;
  }
  .thisOrThat div[class^=choice] {
    width: initial;
    max-width: initial;
  }
  .thisOrThat .choice_b {
    margin-top: 16px;
  }
}
@media (max-width: 576px) { /* $screen-sm */
  .thisOrThat {
    padding: 16px;
    font-size: 16px;
  }
}
/* variables */
div[data-type=chat-bot] {
  margin-bottom: 20px;
  word-break: break-word;
  /***** For the one above and below *****/
}
div[data-type=chat-bot] > div.history {
  background-color: #edeef1;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-direction: column;
  padding: 25px;
  padding-top: 0;
  height: 500px;
  overflow-y: auto;
}
div[data-type=chat-bot] > div.history > div {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 1px;
}
div[data-type=chat-bot] > div.history > div > span {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  min-height: 60px;
}
div[data-type=chat-bot] > div.history > div > span > img {
  position: relative;
  top: 10px;
  z-index: 2;
}
div[data-type=chat-bot] > div.history > div > div.content {
  max-width: 95%;
  padding: 10px;
  width: fit-content;
}
div[data-type=chat-bot] > div.history > div > div.content img {
  max-height: 300px;
}
div[data-type=chat-bot] > div.history > div > div.content::before {
  content: "";
  position: absolute;
  bottom: -6px;
}
div[data-type=chat-bot] > div.history > div.bot-answer {
  align-items: flex-start;
  animation: messageLeft 0.3s;
}
div[data-type=chat-bot] > div.history > div.bot-answer > div.content {
  background-color: #b18e34;
  color: #fff;
  border-radius: 10px;
  border-bottom-left-radius: 0;
}
div[data-type=chat-bot] > div.history > div.bot-answer > div.content::before {
  left: 0;
  border-top: 7px solid #b18e34;
  border-right: 7px solid transparent;
}
div[data-type=chat-bot] > div.history > div.bot-answer a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
div[data-type=chat-bot] > div.history > div.bot-answer a:visited {
  color: #fff;
  border-bottom: 1px solid #fff;
}
div[data-type=chat-bot] > div.history > div.bot-answer a:hover {
  border-bottom: none;
}
div[data-type=chat-bot] > div.history > div.user-answer {
  align-items: flex-end;
  animation: messageRight 0.3s;
}
div[data-type=chat-bot] > div.history > div.user-answer > div.content {
  background-color: #587175;
  color: #fff;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}
div[data-type=chat-bot] > div.history > div.user-answer > div.content::before {
  right: 0;
  border-top: 7px solid #587175;
  border-left: 7px solid transparent;
}
div[data-type=chat-bot] > div.history > div.user-answer a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
div[data-type=chat-bot] > div.history > div.user-answer a:visited {
  color: #FFB627;
  border-bottom: 1px solid #FFB627;
}
div[data-type=chat-bot] > div.history > div.user-answer a:hover {
  border-bottom: none;
}
div[data-type=chat-bot] > div.history > div > div.content > :last-child, div[data-type=chat-bot] > div.menu > div.content > :last-child {
  margin-bottom: 0;
}
div[data-type=chat-bot] div.menu {
  background-color: #d9dbe1;
  border-radius: 0 0 10px 10px;
  min-height: 3em;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  transition: height 1s;
  overflow: hidden;
}
div[data-type=chat-bot] div.menu > div.content {
  flex: 0 0 auto;
  max-width: calc(100% - 60px);
  border: 2px solid #587175;
  border-radius: 7px;
  padding: 15px;
  transition: background-color 0.2s;
}
div[data-type=chat-bot] div.menu > div.content img {
  max-height: 200px;
}
div[data-type=chat-bot] div.menu > div.content > img.profile-img, div[data-type=chat-bot] div.menu > div.content > span.name {
  display: none;
}
div[data-type=chat-bot] div.menu > div.content.hovered {
  background-color: rgba(88, 113, 117, 0.1);
}
div[data-type=chat-bot] div.menu > button.send {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: #587175;
  border: none;
  position: relative;
  color: #fff;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
}
div[data-type=chat-bot] div.menu > button.send:disabled {
  color: #061326;
  background-color: #edeef1;
}
div[data-type=chat-bot] div.menu > button.send:disabled span.fa {
  color: #061326;
}
div[data-type=chat-bot] div.menu > button.send:not(:disabled):hover, div[data-type=chat-bot] div.menu > button.send:not(:disabled):focus {
  color: #fff;
  background-color: #061326;
}
div[data-type=chat-bot] div.menu > button.send > span.fa {
  position: absolute;
  top: 15px;
  left: 13px;
  color: #fff;
}
div[data-type=chat-bot] div.menu > button.send.clicked > span.fa {
  color: #FFB627;
}
div[data-type=chat-bot] div.menu > button.send.clicked:disabled span.fa {
  color: #061326;
}
div[data-type=chat-bot] div.menu > div.spacer {
  flex: 0 0 100%;
}

img.profile-img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50%;
}

/***** animations *****/
@keyframes messageLeft {
  from {
    opacity: 0;
    left: -10px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes messageRight {
  from {
    opacity: 0;
    right: -10px;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
/***** circles and circles animations *****/
div.circle-container {
  margin-top: 25px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}
div.circle-container span.circle {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  min-height: 0 !important;
  border-radius: 50% !important;
  background-color: #333 !important;
  margin: 5px !important;
  animation: circles 0.2s !important;
}

@keyframes circles {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***** Before Script *****/
div[data-type=chat-bot].before::before {
  content: "Chat bot activity start";
  color: red;
}

div[data-type=chat-bot].before::after {
  content: "Chat bot activity End";
  color: red;
}

:not(div.content) > span.name::before {
  content: 'name="';
  color: red;
}

:not(div.content) > span.name::after {
  content: '"';
  color: red;
}

/*# sourceMappingURL=master-include.css.map */