/* ---------- Color Module Styles ----------- */

:root {
  --color-headerbg: #f3f2ec;
  --color-mainmenubg: #f3f2ec;
  --color-mainmenubgmouseover: #f3f2ec;
  --color-mainmenutext: #262a37;
  --color-mainmenutextmouseover: #262a37;
  --color-headers: #262a37;
  --color-borders: #f3f2ec;
  --color-buttonsrollovers: #262a37;
  --color-accentlight: #f3f2ec;
  --color-accentdark: #262a37;
  --color-footer: #f3f2ec;
  --color-footerlinks: #262a37;
  --color-footertext: #262a37;
  --color-link: #262a37;
  --color-mobilemenubackground: #f3f2ec;
  --color-bg-body: #fbfbfd;
  --color-bg-footer: #fffffd;
  --color-bg-content: #ffffff;
  --color-text: #222222;
  --color-title: #222224;
  --color-link-hover: #404040;
  --color-link-menu-main: #878787;
  --color-link-menu-main-hover: #03256c;
  --color-link-sidebar-hover: #000000;
  --color-button-bg: #a0d440;
  --color-button-hover-bg: #8ad310;
  --color-button-text: #222222;
  --color-text-th: #878787;
  --color-tr-even: #f7f7f7;
  --color-accent-light: #ecf1f6;
  --color-accent-dark: #003092;
  --color-text-neutral: #6d6d6d;
  --color-text-neutral-dark: #545454;
  --color-card-header: #f3f2ec;
  --color-neutral: #d2d2d2;
  --color-neutral-light: #eeeff3;
  --color-success: #28761e;
  --color-msg-bg: #c5eef6;
  --color-msg-success-bg: #e3f2c7;
  --color-msg-error-bg: #f7e7e7;
  --color-msg-error-text: #b03609;
  --color-msg-warning-bg: #f9efcb;
  --color-msg-warning-text: #a16403;
  --color-local-tasks-bg: #f5f5f6;
  --color-local-tasks-text: #222222;
  --color-local-tasks-text-hover: #ffffff;
  --color-local-tasks-tab-bg: #3880ff;
  --color-highlight: #c5eef6;
  --color-button-neutral: #7a929c;
  --color-lb-section: #ecf0f4;
  --color-lb-button-block: #3880ff;
  --color-lb-button-hover: #2960bf;
  --color-error: #de5151;
}

body {
  background-color: var(--color-bg-body);
  color: var(--color-text);
}

@media (min-width: 992px) {
  nav.menu--main {
    background-color: var(--color-mainmenubg);
  }
}

nav.menu--main > ul > li > a:hover,
nav.menu--main > ul > li > .menu-item-container:hover {
  background-color: var(--color-mainmenubgmouseover);
}

nav.menu--main li a {
  color: var(--color-mainmenutext);
}

nav.menu--main li a:hover,
nav.menu--main .show>.nav-link:hover {
  color: var(--color-mainmenutextmouseover);
}

a {
  color: var(--color-link);
}

a:hover {
  color: #000000;
}

.path-user .views-field-link-flag .flag-course-bookmark a {
  font-size: 0 !important;
}

h1,
h2,
h3,
legend,
.field-label {
  color: var(--color-headers);
}

input[type="submit"],
.button.btn:disabled,
.action-link a,
.more-link a,
.course-take-course-link,
#pre-req-courses .item-content .right a,
#course-outline li .item-details .item-btn,
#block-course-navigation #course-nav li a,
#tabs-container .tabs-primary li a:hover,
.horizontal-tabs ul.horizontal-tabs-list li a:hover,
#yaml-tool-launcher,
#content-area .quiz-start-link,
.page-node-group-menu #content-area .action-links a {
  background-color: var(--color-buttonsrollovers);
  color: #ffffff;
}

.more-link a {
  border-radius: 5px;
  color: #ffffff;
}

/* a:hover {
  color: var(--color-link-hover);
} */

#header {
  background-color: var(--color-headerbg);
}
.site-footer {
  background-color: var(--color-footer);
}
#block-pagetitle,
.node--type-page .layout .block,
.group-landing-page .layout .block,
.horizontal-tabs .horizontal-tabs-list,
.horizontal-tabs-panes .horizontal-tabs-pane,
.course-htabs .group-course-summary,
.ethosce-user-menu .nav,
.course-landing-page .group-header,
body:not(.course-landing-page, .path-user, .node--type-page, .group-landing-page) #block-mainpagecontent,
.path-user main#content > section,
.sidebar .block {
  background-color: var(--color-bg-content);
}

.content .view-course-catalog-cards .row .catalog-card-wrapper .views-field-field-course-image-cards {
    background-color: var(--color-card-header);
  }

.site-footer,
.site-footer .content {
  color: var(--color-footertext);
}
.site-footer li a {
  color: var(--color-footerlinks);
}

/* #header .nav a {
  color: var(--color-link-menu-main);
} */

/* #header .nav a:hover,
#header .nav a.active {
  color: var(--color-link-menu-main-hover);
} */

.button:not(:disabled),
.ui-dialog .button:not(:disabled),
#drupal-off-canvas button:not(:disabled),
#drupal-off-canvas .button:not(:disabled),
a.btn.btn-secondary {
  background-color: var(--color-buttonsrollovers);
  color: #ffffff;
}

.button:not(:disabled):hover,
.ui-dialog .button:not(:disabled):hover,
a.btn.btn-secondary:hover {
  background-color: var(--color-buttonsrollovers);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}

a.btn.btn-secondary:hover {
  color: #ffffff !important;
  text-decoration: none;
}

.table thead th, table thead th {
  background-color: var(--color-neutral-light);
}

.table tr th, table tr th,
.table tr th a, table tr th a,
.table tr th a:hover, table tr th a:hover,
.table tr th a:focus, table tr th a:focus {
  color: var(--color-text-th);
}

.table tr th.is-active, table tr th.is-active {
  background-color: var(--color-highlight);
}

.table tr th.is-active a, table tr th.is-active a {
  color: #000000;
}

.table tbody tr, table tbody tr {
  border-color: var(--color-neutral);
}

.horizontal-tabs ul.horizontal-tabs-list li a {
  color: var(--color-text-neutral);
}

.horizontal-tabs ul.horizontal-tabs-list li a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.button.button-download-cert,
.button.button-download-cert:hover {
  color: var(--color-accentdark);
  background-color: var(--color-accentlight);
}

.horizontal-tabs ul.horizontal-tabs-list li.htab-register a, .horizontal-tabs ul.horizontal-tabs-list li.htab-register a:hover {
  background-color: var(--color-accentdark);
  color: #ffffff;
}

.horizontal-tabs ul.horizontal-tabs-list li.htab-register a:hover {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.catalog-grid .views-col {
  background-color: var(--color-bg-content);
}

.catalog-grid .views-field-field-course-image-cards {
  background-color: var(--color-card-header);
}

.catalog-grid .views-field-field-course-category .list-group li,
.course-landing-page .group-header .field--name-field-course-category .field__item {
  background-color: var(--color-accentlight);
}

.catalog-grid .flag.action-flag a {
  color: var(--color-neutral);
}

.alert-success {
  background-color: var(--color-msg-success-bg);
}

.ethosce-user-menu .dropdown-toggle::after,
.no-user-picture .ethosce-user-menu .dropdown-toggle::before {
  background-color: var(--color-accentlight);
}

.nav-tabs {
  background-color: var(--color-local-tasks-bg);
}

.nav-tabs .nav-link {
  color: #6d6d6d;
}

.nav-tabs .nav-link:hover {
  background-color: var(--color-buttonsrollovers);
  color: #ffffff;
}

.nav-tabs .nav-link.active {
  border-top-color: var(--color-borders);
}

.content .view-course-catalog-cards .row .catalog-card-wrapper .catalog-grid-inner .category li {
  background-color: var(--color-accentlight);
}

/* .nav-tabs .nav-link.active:hover {
  border-top-color: var(--color-borders);
  background-color: #ffffff;
} */

.sidebar .nav-tabs .nav-link.active,
.sidebar .nav-tabs .nav-link:hover,
.sidebar .block:not(.block-course-outline) .item-list li a:hover,
.sidebar .block:not(.block-course-outline) .item-list li.active,
.sidebar .block:not(.block-course-outline) .item-list li.active a {
  background-color: unset;
  color: var(--color-link-sidebar-hover);
}

.group-course-summary .field--name-course-user-status {
  color: var(--color-text-neutral);
}

.course-landing-page .field--name-dynamic-token-fieldcourse-course-location div:not(:empty)::before {
  color: var(--color-text-neutral);
}

.course-outline-list .course-object-active {
  background-color: var(--color-accentlight);
}

.course-outline-list .course-outline-list-item::before,
.course-complete-items .course-complete-item-title::before {
  border-color: var(--color-neutral);
  background-color: var(--color-neutral-light);
}

.course-outline-list .course-object-accessible::before,
.course-complete-items .course-object-accessible .course-complete-item-title::before {
  border-color: var(--color-accentdark);
}

.course-outline-list .course-object-completed::before,
.course-complete-items .course-object-completed .course-complete-item-title::before {
  border-color: var(--color-success);
  background-color: var(--color-success);
  color: #ffffff;
}

.course-outline-list .course-object-in-progress::before,
.course-complete-items .course-object-in-progress .course-complete-item-title::before {
  border-color: var(--color-accentdark);
  color: var(--color-accentdark);
  background-color: transparent;
}

.course-outline-list .course-object-required .course-object-required-status {
  color: var(--color-msg-error-text);
  opacity: 1;
}

.course-outline-list .course-object-title a {
  color: var(--color-text-neutral-dark);
}

.quiz-start-link,
.quiz-start-link:hover {
  background-color: var(--color-accentdark);
  color: #ffffff;
}

#quiz-progress {
  color: var(--color-text-neutral);
}

.quiz-question-multichoice table[id$="answer-user-answer"] td {
  border-color: var(--color-neutral);
}

/* #quiz-question-answering-form .form-actions button {
  background-color: transparent;
} */

#quiz-question-answering-form .form-actions #edit-navigation-actions-proceed-submit {
  background-color: var(--color-accentdark);
  color: #ffffff;
}

div.pdm-message-wrapper {
  background-color: var(--color-msg-bg);
}

.alert-warning,
div.messages--warning {
  color: var(--color-msg-warning-text);
  background-color: var(--color-msg-warning-bg);
}

.alert-danger,
div.messages--error {
  color: var(--color-msg-error-text);
  background-color: var(--color-msg-error-bg);
}

div.tabledrag-changed-warning {
  background-color: transparent;
}

.pagination .active .page-link,
.pagination .page-link[rel="prev"],
.pagination .page-link[rel="next"] {
  color: inherit;
  background-color: var(--color-accentlight);
}

.form-control,
.form-select,
.form-check-input {
  border-color: var(--color-text-neutral);
}

.chosen-container .chosen-results li.highlighted {
  background-color: var(--color-neutral-light);
  color: inherit;
}

#course-nav li a.course-nav-next::after {
  background-color: var(--color-accentdark);
  color: #ffffff;
}

.block-ethosce-user-local-tasks-block .ethosce-user-info.no-user-picture::before {
  background-color: var(--color-accentlight);
}

.path-user .nav-tabs.secondary {
  background-color: transparent;
}

.path-user .nav-tabs.secondary a.active {
  color: inherit;
  background-color: var(--color-accentlight);
}

.button.button-download-cert,
.button.button-download-cert:hover {
  color: inherit;
}

.quiz-report-score-container .score {
  background-color: var(--color-msg-warning-bg);
}

.quiz-report-score-container.q-correct .score {
  background-color: var(--color-msg-success-bg);
}

.quiz-result-table .quiz-result-correct.quiz-result-chosen {
  background-color: var(--color-msg-success-bg);
}

.quiz-result-table .quiz-result-not-correct.quiz-result-chosen {
  background-color: var(--color-msg-error-bg);
}

.pdf-link {
  background-color: var(--color-accentlight);
  color: inherit;
}

.quiz-back-link,
.quiz-back-link:hover {
  background-color: var(--color-buttonsrollovers);
  color: var(--color-button-text);
}

#block-ethoscecoursetopblock a {
  color: var(--color-text-th);
}

#ethosce-quiz-results .quiz-retake-link {
  background-color: var(--color-accentdark);
  color: #ffffff;
}

.layout-builder-form #edit-revert,
.layout-builder-form #edit-discard-changes {
  background-color: var(--color-button-neutral);
  color: #ffffff;
}

.layout-builder__section,
.layout-builder__add-section .layout-builder__link {
  background-color: var(--color-lb-section);
}

.layout-builder__add-section.is-layout-builder-highlighted .layout-builder__link {
  background-color: var(--color-highlight);
  border-color: var(--color-lb-button-block);
}

.layout-builder__add-block .layout-builder__link--add,
.layout-builder-block .contextual-links li a::after {
  background-color: var(--color-lb-button-block);
  color: #ffffff;
}

.layout-builder__section:hover,
.layout-builder-block.focus,
.layout-builder-block:hover {
  outline-color: var(--color-lb-button-block);
}

.layout-builder-block .contextual-links li:hover a::after {
  background-color: var(--color-lb-button-hover);
}

.ui-widget-content:not(#coffee-form .ui-widget),
.ui-widget.ui-dialog.ui-dialog-off-canvas,
#drupal-off-canvas {
  background-color: var(--color-neutral-light);
  color: inherit;
}

.ui-widget-header,
#drupal-off-canvas details,
#drupal-off-canvas summary,
#drupal-off-canvas summary:hover,
#drupal-off-canvas summary:focus,
#drupal-off-canvas .ui-dialog-content,
#drupal-off-canvas details[open] > summary,
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar,
#drupal-off-canvas .inline-block-create-button,
#drupal-off-canvas .inline-block-list__item,
#drupal-off-canvas .inline-block-create-button:hover,
#drupal-off-canvas .inline-block-list__item:hover {
  background-color: transparent;
  color: inherit;
}

#drupal-off-canvas form,
#drupal-off-canvas a,
#drupal-off-canvas .link,
#drupal-off-canvas label {
  color: inherit;
}

.layout-builder__add-block.is-layout-builder-highlighted,
.layout-builder__add-section.is-layout-builder-highlighted,
.layout-builder__layout.is-layout-builder-highlighted:before,
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted {
  border: 0;
}

#drupal-off-canvas input {
  background-color: #ffffff !important;
  border-color: var(--color-text-neutral) !important;
}

#drupal-off-canvas .details-wrapper li a:hover,
#drupal-off-canvas #layout-builder-components-table tr:hover td,
#drupal-off-canvas #layout-builder-components-table tr.drag td,
#drupal-off-canvas #layout-builder-components-table tr.drag-previous td{
  background-color: var(--color-neutral) !important;
}

#drupal-off-canvas .form-textarea {
  background-color: #ffffff;
}

#ethosce-quiz-results .ethosce-quiz-result-header.pass::before {
  color: var(--color-success);
}

#ethosce-quiz-results .ethosce-quiz-result-header.fail::before {
  color: var(--color-error);
}

.sidebar .item-list li a {
  color: var(--color-link);
}

.cart--cart-block a::after {
  color: var(--color-link);
  background-color: var(--color-neutral-light);
}

.cart-block--summary__icon {
  display: none;
}

.course-relationships-table .row-level-1 .col-title a {
  color: var(--color-text);
}