[data-theme='ey'].color-mode-light#app {
  --color-primary: #D40f7D; /*hot pink*/
  --color-secondary: #E6E6E6; /*gray*/
  --color-secondary-light: #f8f8f8; /*light gray*/
  --color-tertiary: #009ACA; /*blue*/
  --color-primary-light: #fff;
  --color-primary-dark: #000000;
  --color-primary-100: var(--color-primary-light) !important;
  --color-primary-300: var(--color-secondary) !important;
  --color-primary-700: var(--color-primary-dark) !important;
  --color-custom-01: #3C9748; /*green*/
  --color-custom-02: #F5BC25; /*yellow*/
  --color-custom-03: #E26629; /*orange*/
  --color-custom-04: #910554; /*purple*/
  --color-link: var(--color-primary);
  --color-interactive: var(--color-primary);
  --color-feedback-success: var(--color-custom-01);
  --color-feedback-warning: var(--color-custom-03);
  --outline-color-focus: var(--color-primary-light);
  --outline-color-focus-dark: var(--color-primary-dark);
  --outline-color-focus-light: var(--color-primary-light);
  --color-text-primary: var(--color-primary-dark);
  --color-text-secondary: var(--color-primary-light);
  --font-family-primary: "Arial", sans-serif;
  /*--gradient-haze: radial-gradient(80.31% 134.71% at 113.79% -15.47%,#869BF3 0%,#DCDFFF 63.02%,#E8F0F9 100%);*/
  --background-body: var(--color-primary-light) !important;
}


/*********** MISCELLANEOUS *************/
[data-theme='ey'].color-mode-light strong {
  font-weight: bold !important;
}

[data-theme=ey].color-mode-light h1 {
  font-weight: bold !important;
  text-transform: uppercase;
}

[data-theme=ey].color-mode-light .app-header { 
  background: var(--color-primary-dark);
}

/*********** CORRECT AND INCORRECT ICON *************/
[data-theme=ey].color-mode-light .element-icon--correct, [data-theme=ey].color-mode-light .element-icon--incorrect {
  --background-element-icon: var(--color-primary);
  fill: var(--color-primary-light);
}

/*********** FEEDBACK ************/
[data-theme=ey].color-mode-light .app-feedback {
  --background-app-feedback: var(--color-primary-dark) !important;
}

/************** BUTTONS ****************/
[data-theme=ey].color-mode-light .element-button--primary {
  --color-element-button: var(--color-primary-light) !important;
  --background-element-button-hover: var(--color-primary-light) !important;
  --color-element-button-hover: var(--color-primary) !important;
  --color-element-button-disabled: var(--color-primary-dark) !important;
  --background-block-question-multiselect-response-indicator-disabled: var(--color-secondary) !important;
}

/***************************************/
/************ APP NAVIGATION ***********/
/***************************************/
[data-theme=ey].color-mode-light .app-navigation {
  --background-app-navigation: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-navigation .element-button {
  background: var(--color-primary) !important;
  color: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-navigation .element-button:hover {
  background: var(--color-primary-light) !important;
  color: var(--color-primary) !important;
}

[data-theme=ey].color-mode-light .app-navigation .element-button.is--disabled {
  background: var(--color-secondary) !important;
  color: var(--color-primary-dark) !important;
}

[data-theme=ey].color-mode-light .app-navigation .app-navigation__button-next.has--text-label .button-back__text-label, [data-theme=ey].color-mode-light .app-navigation .app-navigation__button-back.has--text-label .button-back__text-label {
  color: inherit !important;
}

/***************************************/
/******* TABLE OF CONTENTS PANEL *******/
/***************************************/
[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents-node .app-table-of-contents-node__item {
  border-top: 0.5px solid rgba(0, 0, 0, 0.5);
}

[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents-node__list {
  background: var(--color-primary-light);
}

[data-theme=ey].color-mode-light .app-table-of-contents-node {
  --border-app-table-of-contents-node-status: var(--color-primary-dark) !important;
  --color-app-table-of-contents-node-item: var(--color-primary-dark) !important;
  --background-app-table-of-contents-node-item-hover: rgba(0, 0, 0, .1) !important;
}

[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents-node .app-table-of-contents-node__item .element-icon {
  --fill-element-icon: var(--color-primary) !important;
}

[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents__panel {
  background: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents__header {
  background: var(--color-primary-light) !important;
  border-bottom: 1px solid var(--color-secondary) !important;
}

[data-theme=ey].color-mode-light .app-table-of-contents .app-table-of-contents__title {
  color: var(--color-primary-dark) !important;
}

/************************************/
/********** SCREEN MENU *************/
/************************************/
[data-theme=ey].color-mode-light .screen-menu .app-header__title {
  text-align: right;
  padding-left: 4rem;
}

@media (min-width: 768px) {
  [data-theme=ey].color-mode-light .screen-menu .app-header__title {
    text-align: center;
    padding-left: 0;
  }
}

[data-theme=ey].color-mode-light .screen-menu .app-header::before { 
  content: '';
  position: absolute;
  left: 15px;
  top: 9px;
  height: 54px;
  width: 54px;
  background: url("../../content/assets/53240/oc-logo.png") center center / contain no-repeat;
  z-index: 1;
}

@media (min-width: 768px) {
  [data-theme=ey].color-mode-light .screen-menu .app-header::before { 
    content: '';
    position: absolute;
    left: 15px;
    top: 9px;
    height: 58px;
    width: 58px;
    background: url("../../content/assets/53240/oc-logo.png") center center / contain no-repeat;
    z-index: 1;
  }
}

@media (min-width: 1012px) {
  [data-theme=ey].color-mode-light .screen-menu .app-header::before { 
    content: '';
    position: absolute;
    left: 15px;
    top: 9px;
    height: 66px;
    width: 66px;
    background: url("../../content/assets/53240/oc-logo.png") center center / contain no-repeat;
    z-index: 1;
  }
}
  


/*************************************/
/******* PRESENTATION SCREENS ********/
/*************************************/
[data-theme=ey].color-mode-light .screen-presentation .block-presentation-standard {
  --font-block-presentation-standard-title: bold var(--font-size-800) var(--font-family-heading) !important;
}

[data-theme=ey].color-mode-light .screen-presentation .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .screen-presentation .block-presentation-standard.is--layout-media-right {
  --background-block-presentation-standard: var(--color-primary-light) !important;
  --background-block-presentation-standard-media: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .screen-presentation .app-background {
  --background-app-background-before: var(--color-primary-light) !important;
}


/********* PRESENTATION SPLIT ************/
[data-theme=ey].color-mode-light .screen-presentation.is--variant-split .app-header .app-header__title {
  text-align: center;
}

[data-theme=ey].color-mode-light .block-presentation-split .block-presentation-standard {
  background: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .block-presentation-split .block-presentation-standard:last-of-type {
  background: var(--color-secondary) !important;
}

/********* PRESENTATION VERTICAL ************/
[data-theme=ey].color-mode-light .block-presentation-standard.is--layout-vertical {
  --background-block-presentation-standard: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .block-presentation-standard.is--layout-vertical .block-presentation-standard__media {
  background: var(--color-secondary) !important;
  padding: var(--space-stack) !important;
}

/**************************************/
/********* MATCHING SCREENS ***********/
/**************************************/
[data-theme=ey].color-mode-light .block-matching {
  --background-block-matching: linear-gradient(to right, var(--color-primary-light) 50%, var(--color-secondary) 50%) !important;
  --background-block-matching-setup: var(--color-primary-dark) !important;
  --color-block-matching-question-text: var(--color-primary-light) !important;
  --color-block-matching-setup-text: var(--color-primary) !important;
  --font-block-matching-setup-text: bold var(--font-size-400) var(--font-family-primary) !important;
  --color-element-directions-text: var(--color-primary-light) !important;
  --background-block-matching-response-indicator-selected: var(--color-primary) !important;
}

/*************************************/
/********* EXPLORE SCREENS ***********/
/*************************************/

/********** EXPLORE CARDS ************/
[data-theme=ey].color-mode-light .block-explore-cards {
  --background-block-explore-cards: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .block-explore-cards-node .block-explore-cards-node__side {
  border-radius: 0 !important;
} 

[data-theme=ey].color-mode-light .block-explore-cards .block-presentation-standard.is--layout-media-left .block-presentation-standard__text>:first-child {
  text-transform: uppercase !important;
}

[data-theme=ey].color-mode-light .block-explore-cards .block-explore-cards-node .block-explore-cards-node__flip {
  color: var(--color-primary-light) !important;
  background: var(--color-primary) !important;
}

[data-theme=ey].color-mode-light .block-explore-cards .block-explore-cards-node__front .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .block-explore-cards .block-explore-card-node__front .block-presentation-standard.is--layout-media-right {
  background: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .block-explore-cards .block-explore-cards-node__back .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .block-explore-cards .block-explore-cards-node__back .block-presentation-standard.is--layout-media-right {
  background: var(--color-secondary) !important;
}

/********** EXPLORE ACCORDION ************/
[data-theme=ey].color-mode-light .screen-explore.is--variant-accordion {
  background: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .block-explore-accordion {
  --background-block-explore-accordion-label: var(--color-secondary-light) !important;
  --background-block-explore-accordion-label-hover: linear-gradient(to right, var(--color-primary) 4px, var(--color-secondary) 4px) !important;
  --color-block-explore-accordion-label: var(--color-primary-dark) !important;
  --border-block-explore-accordion-panel: 0 !important;
  --background-block-explore-accordion-label-open: var(--color-secondary) !important;
}

[data-theme=ey].color-mode-light .block-explore-accordion .element-icon--expand {
  --fill-element-icon: var(--color-primary-dark) !important;
}

[data-theme=ey].color-mode-light .block-explore-accordion .block-explore-accordion__label-wrapper:not(:first-of-type) {
  margin-top: 0;
  border-top: 1px solid var(--color-secondary);
}

[data-theme=ey].color-mode-light .block-explore-accordion .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .block-explore-accordion .block-presentation-standard.is--layout-media-right {
  --background-block-presentation-standard: var(--color-primary-light) !important;
  --background-block-presentation-standard-media: var(--color-primary-light) !important;
}
  
[data-theme=ey].color-mode-light .block-explore-accordion .element-icon--visited, [data-theme=ey].color-mode-light .block-explore-accordion .element-icon--completed {
  --fill-element-icon: var(--color-primary-light) !important;
  --background-element-icon: var(--color-primary) !important;
}

[data-theme=ey].color-mode-light .block-explore-accordion .app-header {
  background: var(--color-secondary) !important;
  color: var(--color-primary-dark) !important;
}

/********** EXPLORE CAROUSEL ************/
[data-theme=ey].color-mode-light .block-explore-carousel {
  --background-block-explore-carousel: var(--color-primary-light) !important;
}

/********** EXPLORE TABS ************/
[data-theme=ey].color-mode-light .block-explore-tabs {
  --background-block-explore-tabs-label: var(--color-secondary-light) !important;
  --color-block-explore-tabs-label: var(--color-primary-dark) !important;
  --background-block-explore-tabs-label-hover: var(--color-secondary) !important;
  --border-side-block-explore-tabs-label-active: 5px solid var(--color-primary) !important;
  --color-block-explore-tabs-label-hover: var(--color-primary-dark) !important;
  --background-block-explore-tabs-label-active: var(--color-secondary) !important;
  --color-block-explore-tabs-label-active: var(--color-primary-dark) !important;
  --background-block-explore-tabs-label-locked: var(--color-dark) !important;
  --color-block-explore-tabs-label-locked: var(--color-primary-light) !important;
  --border-block-explore-tabs-panel: 1px solid var(--color-secondary) !important;
}

[data-theme=ey].color-mode-light .block-explore-tabs.is--layout-side-tabs .block-explore-tabs__nodes {
  border-right: 1px solid var(--color-secondary);
}

[data-theme=ey].color-mode-light .block-explore-tabs.is--layout-side-tabs .block-explore-tabs__label {
  border-bottom: 1px solid var(--color-secondary);
}

[data-theme=ey].color-mode-light .block-explore-tabs.is--layout-side-tabs .block-explore-tabs__label:first-child {
  border-top: 1px solid var(--color-secondary);
}

[data-theme=ey].color-mode-light .block-explore-tabs .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .block-explore-tabs .block-presentation-standard.is--layout-media-right {
  --background-block-presentation-standard: var(--color-primary-light);
  --background-block-presentation-standard-media: var(--color-primary-light);
}

[data-theme=ey].color-mode-light .block-explore-tabs .element-icon--visited, [data-theme=ey].color-mode-light .block-explore-tabs .element-icon--completed {
  --background-element-icon: var(--color-primary);
  --fill-element-icon: var(--color-primary-light);
}

/*************************************/
/********* QUESTION SCREENS **********/
/*************************************/

/********** QUESTION MULTISELECT ************/
[data-theme=ey].color-mode-light .block-question-multiselect {
  --background-block-question-multiselect: var(--color-secondary) !important;
  --background-block-question-multiselect-setup: var(--color-primary-light) !important;
  --font-block-question-multiselect-setup-text: bold var(--font-size-400) var(--font-family-primary) !important;
  --border-block-question-multiselect-response-indicator-fill: 1px solid var(--color-primary-light) !important;
  --block-question-multiselect__response-indicator-fill: var(--color-primary-light) !important;
  --background-block-question-multiselect-response-indicator-disabled: var(--color-secondary) !important;
}  

[data-theme=ey].color-mode-light .block-question-multiselect .block-question-multiselect__setup>*:not(:last-child) {
  border-top: 3px solid var(--color-primary-dark);
  padding-top: 20px;
  padding-bottom: 10px;
}

[data-theme=ey].color-mode-light .block-question-multiselect .block-question-multiselect__question-text {
  border-top: 1px solid var(--color-primary-dark) !important; /*keep the 'important' tag here to override the style above*/
  padding-bottom: 20px !important; /*keep the 'important' tag here to override the style above*/
  text-transform: uppercase !important; /*keep the 'important' tag here to override the style above*/
  border-bottom: 1px solid var(--color-primary-dark) !important; /*keep the 'important' tag here to override the style above*/
}

/********** QUESTION MULTICHOICE ************/
[data-theme=ey].color-mode-light .block-question-multichoice {
  background: var(--color-secondary) !important;
  --background-block-question-multichoice-setup: var(--color-primary-light) !important;
  --background-block-question-multichoice-response-indicator-fill-before: var(--color-primary-light) !important;
  --border-block-question-multichoice-response-indicator-fill: 1px solid var(--color-primary-light) !important;
  --background-block-question-multichoice-response-indicator-disabled: var(--color-seoncdary) !important;
}

/********** QUESTION BINARY MULTICHOICE ************/
[data-theme=ey].color-mode-light .block-question-binary-multichoice {
  --background-block-question-binary-multichoice-setup: var(--color-secondary) !important;
}

/******************************************/
/*********** ASSESSMENT SCREEN ************/
/******************************************/
[data-theme=ey].color-mode-light .screen-assessment {
  --background-screen-assessment-counter: var(--color-primary) !important;
  --color-screen-assessment-counter: var(--color-primary-light) !important;
  --background-screen-assessment-submission-panel: var(--color-primary-dark) !important;
  --color-screen-assessment-submission-panel: var(--color-primary-light) !important;
  --background-screen-assessment-feedback-panel: var(--color-primary-dark) !important;
  --color-screen-assessment-feedback-panel: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .screen-assessment .block-question-multichoice {
  background: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .screen-assessment .screen-assessment__score {
  color: var(--color-primary-light) !important;
  background: transparent !important;
}

[data-theme=ey].color-mode-light .screen-assessment .app-header .element-button--primary {
  width: 25%;
}

/*************************************/
/*********** APP CAROUSEL ************/
/*************************************/
[data-theme=ey].color-mode-light .app-carousel {
  --background-app-carousel-controls: var(--color-primary-dark) !important;
  --background-app-carousel-progress-dot-current: var(--color-primary) !important;
  --background-app-carousel-progress-dot: var(--color-primary-light) !important;
  --background-app-carousel-progress-dot-hover: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-carousel .element-icon--visited, [data-theme=ey].color-mode-light .app-carousel .element-icon--completed {
  background: var(--color-primary);
  fill: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-carousel .app-carousel__progress .element-icon {
  fill: var(--color-primary-light) !important;
}

[data-theme=ey].color-mode-light .app-carousel .block-presentation-standard.is--layout-media-left, [data-theme=ey].color-mode-light .app-carousel .block-presentation-standard.is--layout-media-right {
  --background-block-presentation-standard: var(--color-secondary) !important;
  --background-block-presentation-standard-media: var(--color-secondary) !important;
}