/* project.css */
:root {
  /* brand palette variables */  
  --brand-primary: #493456;
  --brand-primary-R: 73;  /* red value must be between 0 to 255 */
  --brand-primary-G: 52;  /* green value must be between 0 to 255 */
  --brand-primary-B: 86; /* blue value must be between 0 to 255 */
  --brand-primary-light: #886D93;
  --brand-secondary: #1A7434;
  --brand-secondary-light: #57A740;
  --brand-tertiary: #FFBA07;
  --brand-tertiary-light: #FFDC85;
  /*--brand-quaternary: #ffffff;*/
  /*--brand-quaternary-light: #ffffff;*/
}
/*********************/
/* app.css overrides */
/*********************/
/* app-menu block */
.app-menu {
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
/* off-canvas--app modifier */
.off-canvas--app {
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light); }
/* title-bar-left modifier (overrides the float-left of title-bar-left) */
.title-bar-left--app-logo {
  background-color: #493456;
  background-color: var(--brand-primary); }
/* title-bar modifier */
.title-bar--app {
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
/*title-bar-title modifier */
.title-bar-title--app {
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
/* footer modifier */
.footer--app {
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
/* accordion-title modifier */
.accordion-title--app {
  color: #493456; /* fallback */
  color: var(--brand-primary); }
.accordion-title--app:hover,
.accordion-title--app:focus {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light); }
/* button--app modifier */
.button--app {
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
.button--app:hover,
.button--app:focus {
  background-color: #886D93; /* fallback */
  background-color: var(--brand-primary-light); }
/* disabled modifier */
.button--app.disabled:hover,
.button--app.disabled:focus,
.button--app[disabled]:hover,
.button--app[disabled]:focus {
  background-color: #886D93; /* fallback */
  background-color: var(--brand-primary-light); }
/* hollow modifier */
.button--app.hollow {
  border: 1px solid #493456; /* fallback */
  border: 1px solid var(--brand-primary); }
.button--app.hollow:hover,
.button--app.hollow:focus {
  border-color: #886D93; /* fallback */
  border-color: var(--brand-primary-light); }
/* callout modifiers */
.callout--app {
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light); }
/* form-quiz__number element */
.form-quiz__number {
  color: #493456; /* fallback */
  color: var(--brand-primary); }
/* tabs-title--app modifier */
.tabs-title--app {
  background-color: #493456; /* fallback */
  background-color:var(--brand-primary); }
.tabs-title--app.is-active {
  color: #493456; /* fallback */
  color: var(--brand-primary);
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light); }
/* tabs-title--app > a modifier */
.tabs-title--app > a:focus, 
.tabs-title--app > a:hover {
  background-color: #886D93; /* fallback */
  background-color: var(--brand-primary-light); }
.tabs-title--app > a[aria-selected='true'] {
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light);
  border-color: inherit;
  color: #493456; /* fallback */
  color: var(--brand-primary); }
/* tabs-title__arrow element */
.tabs-title__arrow {
  border: 0px solid #493456; /* fallback */
  border: 0px solid var(--brand-primary); }
.tabs-title__arrow:hover,
.tabs-title__arrow:focus {
  border: 0px solid #886D93; /* fallback */
  border: 0px solid var(--brand-primary-light); }
/* tabs-title__arrow--top modifier */
.tabs-title__arrow--top:hover:after,
.tabs-title__arrow--top:focus:after {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light);
  border-bottom-color: #886D93; /* fallback */
  border-bottom-color: var(--brand-primary-light); }
/* tabs-title__arrow--right modifier */
.tabs-title__arrow--right:hover:after,
.tabs-title__arrow--right:focus:after {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light);
  border-left-color: #886D93; /* fallback */
  border-left-color: var(--brand-primary-light); }
/* tabs-title__arrow--bottom modifier */
.tabs-title__arrow--bottom:hover:after,
.tabs-title__arrow--bottom:focus:after {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light);
  border-top-color: #886D93; /* fallback */
  border-top-color: var(--brand-primary-light); }
/* tabs-title__arrow--left modifier */
.tabs-title__arrow--left:hover:after,
.tabs-title__arrow--left:focus:after {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light);
  border-right-color: #886D93; /* fallback */
  border-right-color: var(--brand-primary-light); }
/* tabs-panel--app modifier*/
.tabs-panel--app {
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light); }
/* slider-handle modifier */
.slider-handle--app {
  border: 1px solid #1A7434; /* fallback */
  border: 1px solid var(--brand-secondary);
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
.slider-handle--app:hover {
  background-color: #886D93; /* fallback */
  background-color: var(--brand-primary-light); }
/* new button class .orbit-bullet */
button.orbit-bullet {
  background-color: #1A7434; /* fallback */
  background-color: var(--brand-secondary); }
button.orbit-bullet:hover,
button.orbit-bullet.is-active {
  background-color: #57A740; /* fallback */
  background-color: var(--brand-secondary-light); }
/* .orbit-next--app/previous--app modifiers */
.orbit-next--app,
.orbit-previous--app {
  background-color: #1A7434; /* fallback */
  background-color: var(--brand-secondary); }
.orbit-next--app:active, .orbit-next--app:focus, .orbit-next--app:hover, 
.orbit-previous--app:active, .orbit-previous--app:focus, .orbit-previous--app:hover {
  background-color: #57A740; /* fallback */
  background-color: var(--brand-secondary-light); }
/* .orbit-next--app/previous--app hollow modifiers */
.orbit-next--app.hollow,
.orbit-previous--app.hollow {
  border: 1px solid #1A7434; /* fallback */
  border: 1px solid var(--brand-secondary);
  color: #1A7434; /* fallback */
  color: var(--brand-secondary); }
.orbit-next--app.hollow:focus, .orbit-next--app.hollow:active, .orbit-next--app.hollow:hover, 
.orbit-previous--app.hollow:focus, .orbit-previous--app.hollow:active, .orbit-previous--app.hollow:hover {
  border: 1px solid #57A740; /* fallback */
  border: 1px solid var(--brand-secondary-light);
  color: #57A740; /* fallback */
  color: var(--brand-secondary-light);}
/* orbit-caption--app modifier */
.orbit-caption--app {
  background-color: #FFBA07; /* fallback */
  background-color: var(--brand-tertiary); /* fallback */ }
/* app-table */
.app-table table thead {
  background: #493456;  /* fallback */
  background: var(--brand-primary); }

/**************************/
/* project customizations */
/**************************/

/* accordion-title modifier */
.accordion-title--app {
  color: #fefefe; /* fallback */
  color: var(--app-white);
  background-color: #493456; /* fallback */
  background-color: var(--brand-primary); }
.accordion-title--app:hover,
.accordion-title--app:focus {
  color: #493456; /* fallback */
  color: var(--brand-primary);
  background-color: #FFBA07; /* fallback */
  background-color: var(--brand-tertiary); }
/* nested accordion titles */
.accordion--app .accordion--app .accordion-title--app {
  color: #493456; /* fallback */
  color: var(--brand-primary);
  background-color: #FFDC85; /* fallback */
  background-color: var(--brand-tertiary-light); }
.accordion--app .accordion--app .accordion-title--app:hover,
.accordion--app .accordion--app .accordion-title--app:focus {
  color: #886D93; /* fallback */
  color: var(--brand-primary-light);
  background-color: #FFBA07; /* fallback */
  background-color: var(--brand-tertiary);  }