@import url("inc/medlge.css");
@import url("vendor/imgix/drift-basic.css");
/* Above includes medium-large breakpoint stylesheet.
 * Any @import rules must precede all other at-rules and style rules in a style sheet (besides @charset)
 * See: https://www.w3.org/TR/2013/CR-css-cascade-3-20131003/#at-import
 */

/* CSS color variables
 * March 2017: not yet supported by all browsers. see: http://caniuse.com/#feat=css-variables
 * fallback rules should still be created before rules with variables
 */
:root {
  /* brand palette is project dependent */
  --brand-primary: #4b2e83;
  --brand-primary-R: 75;  /* red value must be between 0 to 255 */
  --brand-primary-G: 46;  /* green value must be between 0 to 255 */
  --brand-primary-B: 131; /* blue value must be between 0 to 255 */
  --brand-primary-light: #613ba9;
  --brand-secondary: #85754d;
  --brand-secondary-light: #b7a57a;
  --brand-tertiary: #e8e3d3;
  --brand-tertiary-light: #ece9e2;
  /*--brand-quaternary: #ffffff;*/
  /*--brand-quaternary-light: #ffffff;*/

  /* app palette is project independent */
  --app-black: #0a0a0a;
  --app-dark-grey: #4a4a4a;
  --app-mediumdark-grey: #7a7a7a;
  --app-mediumplus-grey: #a1a1a1;
  --app-medium-grey: #bebebe;
  --app-mediumlight-grey: #d9d9d9;
  --app-light-grey: #e6e6e6;
  --app-xlight-grey: #f0f0f0;
  --app-xxlight-grey: #fafafa;
  --app-white: #fefefe;
  --app-red: #dd9999;
  --app-green: #78cc7d;
  --app-blue: #03a9f4;
  --app-navy-blue: #1974d2;
  --app-yellow: #fcfeca;
}

/* font Open Sans */
@font-face { font-family: 'Open Sans';font-weight: 300; font-style: normal; src: url('fonts/OpenSans-Italic-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 300; font-style: italic; src: url('fonts/OpenSans-LightItalic-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 400; font-style: normal; src: url('fonts/OpenSans-Regular-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 400; font-style: italic; src: url('fonts/OpenSans-Italic-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 600; font-style: normal; src: url('fonts/OpenSans-Semibold-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 600; font-style: italic; src: url('fonts/OpenSans-SemiboldItalic-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 700; font-style: normal; src: url('fonts/OpenSans-Bold-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 700; font-style: italic; src: url('fonts/OpenSans-BoldItalic-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 800; font-style: normal; src: url('fonts/OpenSans-ExtraBold-webfont.woff'); }
@font-face { font-family: 'Open Sans';font-weight: 800; font-style: italic; src: url('fonts/OpenSans-ExtraBoldItalic-webfont.woff'); }
/* font Open Sans Condensed */
@font-face { font-family: 'Open Sans Condensed';font-weight: 300; font-style: normal; src: url('fonts/OpenSans-CondLight-webfont.woff'); }
@font-face { font-family: 'Open Sans Condensed';font-weight: 300; font-style: italic; src: url('fonts/OpenSans-CondLightItalic-webfont.woff'); }
@font-face { font-family: 'Open Sans Condensed';font-weight: 700; font-style: normal; src: url('fonts/OpenSans-CondBold-webfont.woff'); }

/* global overrides */
html {
  font-size: 100%; }
body {
  font-family: 'Open Sans', sans-serif; }
header,
main {
  margin-bottom: 1rem; }
@media print, screen and (min-width: 75em) {
  header {
    margin-bottom: 1.5rem; }}
p {
  line-height: 1.8; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif; }
@media print, screen and (max-width: 39.9375em) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 600; } }
@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;  /* default fallback */
    font-size: 2rem; }
  h2 {
    font-size: 2.5rem;  /* default fallback */
    font-size: 1.625rem; }
  h3 {
    font-size: 1.9375rem;  /* default fallback */
    font-size: 1.375rem; }
  h4 {
    font-size: 1.5625rem;  /* default fallback */
    font-size: 1.25rem; }
  h5 {
    font-size: 1.25rem;  /* default fallback */
    font-size: 1.1875rem; }
  h6 {
    font-size: 1rem;  /* default fallback */
    font-size: 1.125rem; } }
dl, ol, ul {
  line-height: 1.8; }
ul ul {
  list-style-type: circle; }
a {
  color: #03a9f4; /* fallback */
  color: var(--app-blue); }
  a:hover, a:focus {
    color: #1974d2; /* fallback */
    color: var(--app-navy-blue);
    text-decoration: underline; }
blockquote {
  font-style: italic;
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey);
  padding: 0 1.25rem 0 1.1875rem; }
blockquote p {
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey); }
img {
  transition: all .3s ease; }
q {
  font-style: italic;
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey); }

/* foundation add-ons */
@media print, screen and (min-width: 40em) {
  .reveal.medium {
    width: 70%;
    max-width: 75rem; } }

/* foundation overrides */
/* transitions */
.fade-in.mui-enter {
  transition-duration: 200ms; }
.fade-out.mui-leave {
  transition-duration: 200ms; }
/* button */
.button {
  box-shadow: 2px 2px 1px #d9d9d9; /* fallback */
  box-shadow: 2px 2px 1px var(--app-mediumlight-grey); }
.button:hover,
.button:focus {
  text-decoration: none;
  box-shadow: 2px 2px 1px #e6e6e6; /* fallback */
  box-shadow: 2px 2px 1px var(--app-light-grey); }
td button,
td .button {
  margin-bottom: 0; }
/* tabs */
.tabs {
  list-style-type: none !important; }
/* has-tip */
.has-tip {
  font-weight: 500; }
/* tooltip */
.tooltip {
  background-color: #4a4a4a; /* fallback */
  background-color: var(--app-dark-grey); }
.tooltip::before {
  border-color: transparent transparent #4a4a4a;
  border-color: transparent transparent var(--app-dark-grey); }
.tooltip.top::before {
  border-color: #4a4a4a transparent transparent;
  border-color: var(--app-dark-grey) transparent transparent; }
.tooltip.left::before {
  border-color: transparent transparent transparent #4a4a4a;
  border-color: transparent transparent transparent var(--app-dark-grey); }
.tooltip.right::before {
  border-color: transparent #4a4a4a transparent transparent;
  border-color: transparent var(--app-dark-grey) transparent transparent; }
/* reveal */
@media screen and (max-width: 39.9375em) {
  .reveal {
    min-height: 0;
    height: auto;
    width: auto;
    margin: 0.875rem; } }

/* font-size modifiers for foundation-icons
   usage: <i class="fi-[icon] size-[##]"></i> */
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

/* app-flex class */
.app-flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

/* push-down classes, since v6.3.1.22 */
.push-down-1 { margin-bottom: 1rem; }
.push-down-2 { margin-bottom: 2rem; }
.push-down-3 { margin-bottom: 3rem; }
.push-down-4 { margin-bottom: 4rem; }
.push-down-5 { margin-bottom: 5rem; }
.push-down-6 { margin-bottom: 6rem; }
.push-down-7 { margin-bottom: 7rem; }
.push-down-8 { margin-bottom: 8rem; }
.push-down-9 { margin-bottom: 9rem; }
.push-down-10 { margin-bottom: 10rem; }
.push-down-11 { margin-bottom: 11rem; }
.push-down-12 { margin-bottom: 12rem; }
.push-down-13 { margin-bottom: 13rem; }
.push-down-14 { margin-bottom: 14rem; }
.push-down-15 { margin-bottom: 15rem; }
.push-down-16 { margin-bottom: 16rem; }
.push-down-17 { margin-bottom: 17rem; }
.push-down-18 { margin-bottom: 18rem; }
.push-down-19 { margin-bottom: 19rem; }
.push-down-20 { margin-bottom: 20rem; }
@media print, screen and (max-width: 29.9375em) {
.push-down-1 { margin-bottom: 0.5rem; }
.push-down-2 { margin-bottom: 1rem; }
.push-down-3 { margin-bottom: 1.5rem; }
.push-down-4 { margin-bottom: 2rem; }
.push-down-5 { margin-bottom: 2.5rem; }
.push-down-6 { margin-bottom: 3rem; }
.push-down-7 { margin-bottom: 3.5rem; }
.push-down-8 { margin-bottom: 4rem; }
.push-down-9 { margin-bottom: 4.5rem; }
.push-down-10 { margin-bottom: 5rem; }
.push-down-11 { margin-bottom: 5.5rem; }
.push-down-12 { margin-bottom: 6rem; }
.push-down-13 { margin-bottom: 6.5rem; }
.push-down-14 { margin-bottom: 7rem; }
.push-down-15 { margin-bottom: 7.5rem; }
.push-down-16 { margin-bottom: 8rem; }
.push-down-17 { margin-bottom: 8.5rem; }
.push-down-18 { margin-bottom: 9rem; }
.push-down-19 { margin-bottom: 9.5rem; }
.push-down-20 { margin-bottom: 10rem; }
}
/* pull-down classes, since v6.3.1.22 */
/* keep stretch classes for backwards compatibility */
.pull-down-1, .stretch-1 { padding-bottom: 1rem; }
.pull-down-2, .stretch-2 { padding-bottom: 2rem; }
.pull-down-3, .stretch-3 { padding-bottom: 3rem; }
.pull-down-4, .stretch-4 { padding-bottom: 4rem; }
.pull-down-5, .stretch-5 { padding-bottom: 5rem; }
.pull-down-6, .stretch-6 { padding-bottom: 6rem; }
.pull-down-7, .stretch-7 { padding-bottom: 7rem; }
.pull-down-8, .stretch-8 { padding-bottom: 8rem; }
.pull-down-9, .stretch-9 { padding-bottom: 9rem; }
.pull-down-10, .stretch-10 { padding-bottom: 10rem; }
.pull-down-11, .stretch-11 { padding-bottom: 11rem; }
.pull-down-12, .stretch-12 { padding-bottom: 12rem; }
.pull-down-13, .stretch-13 { padding-bottom: 13rem; }
.pull-down-14, .stretch-14 { padding-bottom: 14rem; }
.pull-down-15, .stretch-15 { padding-bottom: 15rem; }
.pull-down-16, .stretch-16 { padding-bottom: 16rem; }
.pull-down-17, .stretch-17 { padding-bottom: 17rem; }
.pull-down-18, .stretch-18 { padding-bottom: 18rem; }
.pull-down-19, .stretch-19 { padding-bottom: 19rem; }
.pull-down-20, .stretch-20 { padding-bottom: 20rem; }
@media print, screen and (max-width: 29.9375em) {
.pull-down-1, .stretch-1 { padding-bottom: 0.5rem; }
.pull-down-2, .stretch-2 { padding-bottom: 1rem; }
.pull-down-3, .stretch-3 { padding-bottom: 1.5rem; }
.pull-down-4, .stretch-4 { padding-bottom: 2rem; }
.pull-down-5, .stretch-5 { padding-bottom: 2.5rem; }
.pull-down-6, .stretch-6 { padding-bottom: 3rem; }
.pull-down-7, .stretch-7 { padding-bottom: 3.5rem; }
.pull-down-8, .stretch-8 { padding-bottom: 4rem; }
.pull-down-9, .stretch-9 { padding-bottom: 4.5rem; }
.pull-down-10, .stretch-10 { padding-bottom: 5rem; }
.pull-down-11, .stretch-11 { padding-bottom: 5.5rem; }
.pull-down-12, .stretch-12 { padding-bottom: 6rem; }
.pull-down-13, .stretch-13 { padding-bottom: 6.5rem; }
.pull-down-14, .stretch-14 { padding-bottom: 7rem; }
.pull-down-15, .stretch-15 { padding-bottom: 7.5rem; }
.pull-down-16, .stretch-16 { padding-bottom: 8rem; }
.pull-down-17, .stretch-17 { padding-bottom: 8.5rem; }
.pull-down-18, .stretch-18 { padding-bottom: 9rem; }
.pull-down-19, .stretch-19 { padding-bottom: 9.5rem; }
.pull-down-20, .stretch-20 { padding-bottom: 10rem; }
}

/* scrollable content */
.content-scroll-container {
  margin-bottom: 1rem; }
.content-scroll-text {
  display: block;
  font-size: 0.625em;
  color: #7a7a7a;
  color: var(--app-mediumdark-grey); }
.content-scroll {
  overflow-x: auto;
  padding: 0 0 .5em; }
.content-scroll > .max-content {
  width: max-content; }

/* app-logo */
#app-logo {
  max-height: 2rem; }
@media screen and (min-width: 75em) {
  #app-logo {
    max-height: 3rem; }}

/* hamburger menu */
#app-menu-icon {
  padding: 0; }
#app-menu-icon::after {
  content: none; }
.app-menu-icon__container {
  display: inline-block; }
.app-menu-icon__bar {
  width: 24px;
  height: 4px;
  background-color: #fefefe;
  background-color: var(--app-white);
  margin: 5px 0;
  transition: all 0.3s ease; }
/* rotate first bar */
#app-menu-icon[aria-expanded='true'] .app-menu-icon__bar:nth-child(1),
.is-dropdown-submenu-parent.is-active #app-menu-icon .app-menu-icon__bar:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-8px,6px) ;
  -moz-transform: rotate(-45deg) translate(-8px,6px);
  -ms-transform: rotate(-45deg) translate(-8px,6px);
  -o-transform: rotate(-45deg) translate(-8px,6px);
  transform: rotate(-45deg) translate(-8px,6px) ; }
/* fade out second bar */
#app-menu-icon[aria-expanded='true'] .app-menu-icon__bar:nth-child(2),
.is-dropdown-submenu-parent.is-active #app-menu-icon .app-menu-icon__bar:nth-child(2) {
  opacity: 0; }
/* rotate third bar */
#app-menu-icon[aria-expanded='true'] .app-menu-icon__bar:nth-child(3),
.is-dropdown-submenu-parent.is-active #app-menu-icon .app-menu-icon__bar:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-6px,-5px) ;
  -moz-transform: rotate(45deg) translate(-6px,-5px);
  -ms-transform: rotate(45deg) translate(-6px,-5px);
  -o-transform: rotate(45deg) translate(-6px,-5px);
  transform: rotate(45deg) translate(-6px,-5px) ; }

/* app-menu block */
#app-menu {
  min-width: 240px;
  overflow-y: scroll;
  /* max-height is calculated */ }
.app-menu {
  background-color: #4b2e83; /* fallback */
  background-color: var(--brand-primary); }
/* app-submenu block */
.app-submenu {
  background-color: #f0f0f0; /* fallback */
  background-color: var(--app-xlight-grey); }
.app-submenu li {
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
  border-bottom: 1px solid var(--app-mediumlight-grey); }
.app-submenu li:last-of-type {
  border-bottom: 0; }
.app-submenu__label {
  color: #4a4a4a;
  color: var(--app-dark-grey);
  background-color: transparent;
  font-size: 0.8rem;
  font-style: italic;
  padding: 0.250rem;
  margin-top: 1px; }
.app-submenu button, .app-submenu .button {
  box-shadow: none; }
.app-submenu > li > a > i {
  float:left;
  margin:-0.25rem -0.75rem 0 -0.75rem; }

/* action-container */
#action-container {
  position: fixed;
  width: 100%;
  bottom: 0px;
  /* right: 1px; */
  z-index: 999; }

/* back to top button */
a.back-to-top {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  /* right: 36px; */
  right: 4px;
  bottom: 5px;
  box-shadow: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: 0.9; }
  a.back-to-top:hover {
    box-shadow: none; }
a.back-to-top i:before {
  margin-top: 2px; }

/* page actions menu */
ul.menu--page-actions {
  float: none; }
.menu--page-actions .is-dropdown-submenu-parent {
  border: 1px solid transparent;
  border-top: 0; }
.menu--page-actions .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: -2px !important; }
.menu--page-actions .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  left: -2px !important; }
.menu--page-actions .is-dropdown-submenu-parent.is-active {
  border: 1px solid #d9d9d9;  /* fallback */
  border: 1px solid var(--app-mediumlight-grey);
  border-top: 0; }
.menu--page-actions .is-dropdown-submenu-parent > a {
  opacity: 0.9;
  box-shadow: none;
  padding: 0.125rem !important }
.menu--page-actions .is-dropdown-submenu-parent > a:after {
  display: none !important; }
.menu--page-actions .is-dropdown-submenu-parent > a i {
  margin-right: 0; }
.menu--page-actions .is-dropdown-submenu-parent > a.button.hollow {
  border: 0;
  box-shadow: none; }
.menu--page-actions li.is-submenu-item:not(:first-child) {
  border-top: 1px solid #d9d9d9;  /* fallback */
  border-top: 1px solid var(--app-mediumlight-grey); }
.menu--page-actions li.is-submenu-item > a {
  opacity: 1;
  box-shadow: none; }
/* page actions menu icons */
.menu--page-actions > li > ul > li > a > i {
  float:left;
  margin: -0.15em .5em 0 -.5em; }

/* required label (must precede text in a span element) */
label.required > span:first-child::after {
  content: "\002a\00A0\required";
  color: red;
  margin-left: 1rem;
  font-family: monospace; }
  label.required.en > span:first-child::after {
    content: "\002a\00A0\required"; }
  label.required.fr > span:first-child::after {
    content: "\002a\00A0\obligatoire"; }

/* app-alertbox */
.app-alertbox.fixed {
  position: fixed;
  top: auto;
  bottom: 2%;
  right: 0;
  z-index: 9999;
  width: 98%;
  margin-right: 1%;
  box-shadow: 2px 2px 2px 0 rgba(10, 10, 10, 0.25); }
@media screen and (min-width: 40em) {
  .app-alertbox.fixed {
    right: 1rem;
    width: 30rem; }}
.app-alertbox.fixed > .callout {
  font-size: 0.875rem;
  margin-bottom: 0; }

/* app-glossary-container */
.app-glossary-container {
  position: fixed;
  top: auto;
  bottom: 0.125rem;
  max-width: 75em;
  left: 0;
  z-index: 1000;
  max-height: 98%;
  overflow-y: scroll;
  background-color: #f0f0f0; /* fallback */
  background-color: var(--app-xlight-grey);
  box-shadow: 2px 2px 2px 0 rgba(10, 10, 10, 0.25); }
@media screen and (max-width: 39.9375em) {
  .app-glossary-container {
    margin-left: 1%;
    width: 98%; }}
@media screen and (min-width: 40em) {
  .app-glossary-container {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }}
@media screen and (min-width: 74.9375em) {
  .app-glossary-container {
    width: 100%;
    left: 50%;
    margin-left: -37.5em; }}
.app-glossary-container > .callout {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: -1px !important; }
/* app-glossary-header block */
.app-glossary-header {
  padding: 0.5rem 1rem;
  position: fixed;
  background-color: #f0f0f0; /* fallback */
  background-color: var(--app-xlight-grey);
  width: calc(100% - 1.75rem);
  -webkit-transform: translate(-.875rem,-1rem);
  -moz-transform: translate(-.875rem,-1rem);
  -ms-transform: translate(-.875rem,-1rem);
  -o-transform: translate(-.875rem,-1rem);
  transform: translate(-.875rem,-1rem); }
  @media screen and (min-width: 74.9375em) {
    .app-glossary-header {
      width: 73.75rem;
      left: 50%;
      margin-left: -37em;
      -webkit-transform: translate(-.375rem,-1rem);
      -moz-transform: translate(-.375rem,-1rem);
      -ms-transform: translate(-.375rem,-1rem);
      -o-transform: translate(-.375rem,-1rem);
      transform: translate(-.375rem,-1rem);
    }}
.app-glossary-header > div,
.app-glossary-index {
  overflow: auto;
  white-space: nowrap; }
/* app-glossary-content block */
.app-glossary-content {
  padding: 0.5rem;
  background-color: #fafafa; /* fallback */
  background-color: var(--app-xxlight-grey); }
/* app-glossary-section block */
.app-glossary-section {
  padding: inherit;
  margin-bottom: 1rem;
  border-bottom: 1px solid #cacaca; }
  .app-glossary-section:last-of-type {
    border-bottom: none; }
  ul.app-glossary-list {
    list-style-type: square; }
/* app-glossary-item__term element */
.app-glossary-item__term {
  font-weight: bold;
  font-size: 1.125em; }
/* app-glossary-item__term-description element */
.app-glossary-item__term-description {
  padding-left: 0.25rem; }

/* user notes */
@media screen and (min-width: 50em) and (max-width: 74.9375em) {
  textarea.app-notes { max-width: 75%; }}
@media screen and (min-width: 75em) {
  textarea.app-notes { max-width: 66.6667%; }}

/* watermark */
.watermark {
  font-size: 8rem;
  opacity: 0.1;
  position: fixed;
  top: 224px;
  bottom: auto;
  text-transform: uppercase;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*for IE*/
  z-index: 1; }
  @media screen and (min-width: 30em) and (max-width: 39.9375em) {
    .watermark {
      font-size: 10rem; }}
  @media screen and (min-width: 40em) and (max-width: 49.9375em) {
    .watermark {
      font-size: 12rem; }}
  @media screen and (min-width: 50em) and (max-width: 74.9375em) {
    .watermark {
      font-size: 16rem;  }}
  @media screen and (min-width: 75em) {
    .watermark {
      font-size: 20rem;  }}
/* ribbon */
.watermark.ribbon {
  z-index: 998;
  position: fixed;
  top: 0px;
  width: 192px;
  height: 192px;
  overflow: hidden;
  left: 0;
  opacity: 1; }
.watermark.ribbon.right {
  right: 0;
  left: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.watermark.ribbon > span {
  display: block;
  font: bold 16px Sans-Serif;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  position: relative;
  top: 20px;
  width: 192px;
  padding: 8px 0;
  background-color: #bfdc7a;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#bfdc7a),to(#95be32));
  background-image: -webkit-linear-gradient(top,#bfdc7a,#95be32);
  background-image: -moz-linear-gradient(top,#bfdc7a,#95be32);
  background-image: -ms-linear-gradient(top,#bfdc7a,#95be32);
  background-image: -o-linear-gradient(top,#bfdc7a,#95be32);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

/* activity header */
.app-activity-header {}
.app-activity-header__title,
.app-activity-header__time {
  display: inline-block; }
@media print, screen and (min-width: 48em) {
  .app-activity-header__time {
    float: right; }}
.app-activity-header__time time {
  background-color: #f0f0f0; /* fallback */
  background-color: var(--app-xlight-grey);
  padding: 0 .5rem 0 .5rem;
  font-weight: 600;
  font-family: monospace; }
@media screen and (max-width: 47.9375em) {
  .app-activity-header__time {
    display: block;
    float: none; }}

/* app-tooltip (use in combination with a foundation dropdown-pane) */
.app-tooltip.block {
  transition: all .3s ease;
  box-shadow: none;
  cursor: help;
  border: 1px dashed transparent;
  border-bottom: 1px dashed #03a9f4; /* fallback */
  border-bottom: 1px dashed var(--app-blue); /* fallback */ }
.app-tooltip.inline {
  display: inline;
  border-top: none;
  border-right: none;
  border-bottom: 1px dashed #03a9f4; /* fallback */
  border-bottom: 1px dashed var(--app-blue);
  border-left: none; }
  .app-tooltip.block:hover, .app-tooltip.block:focus {
    border: 1px dashed #1974d2; /* fallback */
    border: 1px dashed var(--app-navy-blue); }
  .app-tooltip.inline:hover, .app-tooltip.inline:focus {
    border-top: none;
    border-right: none;
    border-bottom: 1px dashed #1974d2; /* fallback */
    border-bottom: 1px dashed var(--app-navy-blue);
    border-left: none; }

/* app-table */
.app-table table {
  border-collapse: collapse; }
.app-table table.stretched {
  width: 100%; }
.app-table table.uncollapsed {
  border-collapse: separate; }
.app-table table thead {
  background: #4b2e83;  /* fallback */
  background: var(--brand-primary);
  color: #fefefe;  /* fallback */
  color: var(--app-white); }
.app-table table.hover thead tr:hover {
    background-color: transparent; }
.app-table table tr td {
  vertical-align: initial;
  align-content: initial; }
.app-table table.bordered,
.app-table table.bordered tr th,
.app-table table.bordered tr td {
  border: 1px solid #bebebe !important;  /* fallback */
  border: 1px solid var(--app-medium-grey) !important; }

/* drift */
img.app-zoom:hover {
  cursor: zoom-in; }
.app-zoom_img-text {
  display: block;
  font-size: 0.625em;
  color: #7a7a7a;
  color: var(--app-mediumdark-grey); }
/* app-drift overrides */
.app-drift-zoom-pane.app-drift-inline {
  width: 256px;
  height: 192px;
  border-radius: 0; }
@media screen and (max-width: 29.9375em) {
  .app-drift-zoom-pane.app-drift-inline {
    width: 192px;
    height: 144px; }}

/* app-math */
.app-math {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  line-height: 1.6;
  display: inline-block; }
.app-math--nowrap {
  white-space: nowrap; }
@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .app-math--nowrap {
    font-size: 85%; } }
@media screen and (min-width: 25em) and (max-width: 29.9375em) {
  .app-math--nowrap {
    font-size: 75%; } }
@media screen and (max-width: 24.9375em) {
  .app-math--nowrap {
    font-size: 65%; } }
.app-math--margin-up {
  margin-bottom: 1.625rem; }
.app-math--margin-down {
  margin-top: 1.625rem; }
.app-math--equation,
.app-math--equation__lhs,
.app-math--equation__rhs,
.app-math--fraction,
.app-math--term,
.app-math--operator {
  display: inline-block;
  vertical-align: middle; }
.app-math--fraction {
  text-align: center; }
div.app-math--fraction__numerator,
div.app-math--fraction__denominator {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }
.app-math--fraction__divider {
  border-bottom: 1px solid #4a4a4a  /* fallback */;
  border-bottom: 1px solid var(--app-dark-grey); }

/* app-figure (to be used with the figure element) */
figure.app-figure {
  display: inline-block;
  background-color: #fefefe;  /* fallback */
  background-color: var(--app-white);
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); }
figure.app-figure.float-right {
  margin-left: 1rem; }
figure.app-figure.float-left {
  margin-right: 1rem; }
figure.app-figure > figcaption {
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  line-height: 1.4;
  color: #0a0a0a; /* fallback */
  color: var(--app-black);
  text-align: left !important; }
@media screen and (max-width: 39.9375em) {
  figure.app-figure.float-right {
    margin-left: 0; }
  figure.app-figure.float-left {
    margin-right: 0; }}

/* app-footnote sup */
sup.app-footnote {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  color: #03a9f4;
  color: var(--app-blue);
  cursor: help; }
sup.app-footnote:hover,
sup.app-footnote:focus {
  text-decoration: underline;
  color: #1974d2;
  color: var(--app-navy-blue); }
div.app-footnote__ref {
  visibility: hidden;
  z-index: 1;
  text-align: left;
  padding: 1rem 1.25rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;  /* fallback */
  line-height: initial;
  text-decoration: none;
  background-color: #fefefe; /* fallback */
  background-color: var(--app-white);
  color: #0a0a0a;  /* fallback */
  color: var(--app-black);
  box-shadow: 0 15px 45px -10px #7a7a7a; /* fallback */
  box-shadow: 0 0 999px 45px var(--app-mediumdark-grey);
  opacity: 0;
  transition: opacity .6s; }
  @media screen and (max-width: 39.9375em) {
    div.app-footnote__ref {
      position: fixed;
      top: auto;
      bottom: 2%;
      left: 0;
      z-index: 9999;
      width: 98%;
      margin-left: 1%;
    }
  }
  @media screen and (min-width: 40em) and (max-width: 74.9375em) {
    div.app-footnote__ref {
      position: fixed;
      top: auto;
      bottom: 2%;
      left: 1%;
      border: 1px solid #bebebe; /* fallback */
      border: 1px solid var(--app-medium-grey);
      box-shadow: 0 15px 45px -10px #7a7a7a; /* fallback */
      box-shadow: 0 15px 45px -10px var(--app-mediumdark-grey);
      width: 30rem;
      z-index: 9999;
    }
  }
  @media screen and (min-width: 75em) {
    div.app-footnote__ref {
      position: absolute;
      padding: 0.5rem 0.625rem;
      display: flex;
      border: 1px solid #bebebe; /* fallback */
      border: 1px solid var(--app-medium-grey);
      border-radius: 2px;
      width: 240px;
      height: 90px;
      bottom: 1em;
      left: 50%;
      box-shadow: 0 15px 45px -10px #7a7a7a; /* fallback */
      box-shadow: 0 15px 45px -10px var(--app-mediumdark-grey);
      margin-left: -120px; /* Use half of the width to center the tooltip */
    }
    div.app-footnote__ref::after {
      content: " ";
      position: absolute;
      top: 100%; /* At the bottom of the tooltip */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #7a7a7a transparent transparent transparent;  /* fallback */
      border-color: var(--app-mediumdark-grey) transparent transparent transparent;
    }
    /* display fixed for exceptions */
    .reveal--app div.app-footnote__ref,
    .table-scroll div.app-footnote__ref {
      position: fixed;
      padding: 1rem 1.25rem;
      top: auto;
      bottom: 2%;
      left: 1%;
      height: auto;
      margin-right: auto;
      margin-left: auto;
      width: 30rem;
      z-index: 9999;
    }
  }
div.app-footnote__ref > div {
  overflow: auto;
  display: inline-block;
  flex: 1;
  flex-direction: column; }
sup.app-footnote:hover > div.app-footnote__ref {
  opacity: 1;
  visibility: visible; }
@media screen and (max-width: 74.9375em) {
  sup.app-footnote:hover > div.app-footnote__ref {
    max-height: 20vh;
    overflow: auto; }
}
/* footnote close-button modifier */
.close-button--app-footnote.small {
  right: .25rem;
  top: 0; }

/* footnotes list */
ul.app-footnotes,
ol.app-footnotes {
  margin-left: 0.25rem;
  counter-reset: item; }
.app-footnotes > li {
  list-style-position: unset;
  list-style-type: none; }
.app-footnotes > li::before {
  font-size: 80%;
  display: inline-block;
  content: counter(item) "\002E\00A0";
  counter-increment: item;
  vertical-align: super; }

/* Boolean Statement Block */
.app-bool {
  margin-bottom: 1rem;
  display: table;
  background-color: #fefefe; /* fallback */
  background-color: var(--app-white);
  border: 1px solid #4a4a4a; /* fallback */
  border: 1px solid var(--app-dark-grey); }
.app-bool__title,
.app-bool__header {
  font-weight: 600;
  color: #fefefe; /* fallback */
  color: var(--app-white);
  background-color: #7a7a7a; /* fallback */
  background-color: var(--app-mediumdark-grey);
  border-bottom: 1px solid #4a4a4a; /* fallback */
  border-bottom: 1px solid var(--app-dark-grey); }
.app-bool__title:not(:first-child),
.app-bool__header:not(:first-child) {
  border-top: 1px solid #4a4a4a; /* fallback */
  border-top: 1px solid var(--app-dark-grey); }
.app-bool__title {
  padding: 0.5rem;
  font-size: 110%; }
.app-bool__header {
  padding: 0.25rem 0.5rem; }
.app-bool__and,
.app-bool__or,
.app-bool__not {
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 100%;
  padding: 0 0.5rem;
  margin: 0 -0.5rem;
  text-transform: uppercase; }
.app-bool__and.en:after {
  content: "and"; }
.app-bool__and.fr:after {
  content: "et"; }
.app-bool__or.en::after{
  content: "or"; }
.app-bool__or.fr::after{
  content: "ou"; }
.app-bool__not.en::after{
  content: "not"; }
.app-bool__not.fr::after{
  content: "et non"; }
/* (p)rimary modifier */
.app-bool__and--p,
.app-bool__or--p,
.app-bool__not--p {
  background-color: #e6e6e6; /* fallback */
  background-color: var(--app-light-grey);
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey);
  margin: 0.25rem auto; }
/* (s)econdary modifier */
.app-bool__and--s,
.app-bool__or--s,
.app-bool__not--s {
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey); }
.app-bool__content {
  padding: 0.5rem; }
.app-bool__content .app-bool__header {
  margin: -0.5rem -0.5rem 0.5rem -0.5rem; }
.app-bool__content .app-bool__content {
  border: 2px solid #e6e6e6; /* fallback */
  border: 2px solid var(--app-light-grey);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }
.app-bool__content li .app-bool__content {
  border: 0;
  margin: 0;
  padding: 0; }

/****************/
/* profile page */
/****************/
/* input fields */
body.app-page--profile input[type=text],
body.app-page--profile input[type=email] {
  max-width: 25rem; }
/* settings menu */
.menu--profile-settings .is-dropdown-submenu-parent {
  border: 1px solid transparent;
  border-bottom: 0; }
.menu--profile-settings .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: -2px !important; }
.menu--profile-settings .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  left: -2px !important; }
.menu--profile-settings .is-dropdown-submenu-parent.is-active {
  border: 1px solid #d9d9d9;  /* fallback */
  border: 1px solid var(--app-mediumlight-grey);
  border-bottom: 0; }
.menu--profile-settings .is-dropdown-submenu-parent > a {
  padding-right: 1rem; }
.menu--profile-settings .is-dropdown-submenu-parent > a.button.hollow {
  border: 0;
  box-shadow: none; }
.menu--profile-settings .is-dropdown-submenu-parent > a.button.secondary.hollow::after {
  border-color: #767676 transparent transparent; }
.menu--profile-settings .is-dropdown-submenu-parent > a.button.secondary.hollow:hover::after {
  border-color: #3b3b3b transparent transparent; }
.menu--profile-settings .submenu .button.tiny {
  padding: 1em 1em; }

/*****************/
/* settings page */
/*****************/
.switch-input[name=useLanguage] + label:hover::before,
.switch-input[name=useLanguage] + label:focus::before {
  content: '\000A0' attr(title);
  margin-left: 5em;
  color: #7a7a7a; /* fallback */
  color: var(--app-mediumdark-grey); }

/****************************/
/* BEM structured overrides */
/****************************/

/* row modifier */
.row--odd {
  background-color: #f0f0f0; /* fallback */
  background-color: var(--app-xlight-grey); }

/* off-canvas--app modifier */
.off-canvas--app {
  background-color: #ece9e2; /* fallback */
  background-color: var(--brand-tertiary-light);
}

/* title-bar-left modifier */
.title-bar-left--app-logo {
  background-color: #4b2e83;
  background-color: var(--brand-primary); }

/* title-bar modifier */
.title-bar--app {
  /*margin-top: 0 !important;*/
  width: 100%;
  z-index: 6;
  background-color: #4b2e83; /* fallback */
  background-color: var(--brand-primary);
  box-shadow: 0 4px 5px 0 rgba(10,10, 10, 0.14), 0 2px 9px 1px rgba(10,10, 10, 0.12), 0 4px 2px -2px rgba(10,10, 10, 0.2); }

/*title-bar-title modifier */
.title-bar-title--app {
  padding: 0 .375rem 0 .375rem; }
/* title-bar-title__home-link element & modifier */
.title-bar-title__home-link {}
.title-bar-title__home-link--app {
  color: #fafafa; /* fallback */
  color: var(--app-xxlight-grey); }
.title-bar-title__home-link--app:hover,
.title-bar-title__home-link--app:focus {
  text-decoration: none;
  color: #fefefe; /* fallback */
  color: var(--app-white); }

/* footer block & modifier */
.footer {
  max-width: initial;
  background-color: inherit;
  height: 1rem;
  margin-bottom: 1rem; }
.footer--app {
  background-color: #4b2e83; /* fallback */
  background-color: var(--brand-primary); }

/* accordion modifier */
.accordion--app {}

/* accordion-item--app modifier */
.accordion-item--app:before {
  content:  '';
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0.75rem;
  margin-left: 0.75rem;
  position: absolute;
  display: inline-block;
  z-index: 1; }
/* accordion-item--<type> modifiers */
.accordion-item--none:before {
  display: none; }
.accordion-item--activity:before,  /* fallback for v6.3.1.17 */
.accordion-item--writing:before {
  background: url('../img/icons_v2/icon_writing.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--practice:before {
  background: url('../img/icons_v2/icon_practice.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--reference:before {
  background: url('../img/icons_v2/icon_reference.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--summary:before {
  background: url('../img/icons_v2/icon_summary.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--video:before {
  background: url('../img/icons_v2/icon_video.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--podcast:before,  /* fallback for v6.3.1.17 and older */
.accordion-item--audio:before {
  background: url('../img/icons_v2/icon_audio.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--case:before {
  background: url('../img/icons_v2/icon_case_study.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--self:before,  /* fallback for v6.3.1.17 and older */
.accordion-item--self-assess:before {
  background: url('../img/icons_v2/icon_self_assessment.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--self-reflect:before {
  background: url('../img/icons_v2/icon_self_reflection.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--check:before,  /* fallback for v6.3.1.16 and older */
.accordion-item--quiz:before {
  background: url('../img/icons_v2/icon_quiz.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--tap:before {
  /* obsolete */
  background: url('../img/tap-icon.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--text:before,  /* fallback for v6.3.1.17 and older */
.accordion-item--reading:before {
  background: url('../img/icons_v2/icon_reading.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--action:before {
  background: url('../img/icons_v2/icon_action_plan.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--discussion:before {
  background: url('../img/icons_v2/icon_discussion.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--presentation:before {
  background: url('../img/icons_v2/icon_presentation.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--module:before {
  /* obsolete */
  background: url('../img/mouse-icon.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--code-html:before {
  background: url('../img/code-icon-html.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--code-css:before {
  background: url('../img/code-icon-css-js.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--code-js:before {
  background: url('../img/code-icon-css-js.png') left no-repeat transparent;
  background-size: contain;  }
.accordion-item--toc:before {
  background: url('../img/toc-icon.png') left no-repeat transparent;
  background-size: contain;  }

/* accordion-title modifier */
.accordion-title--app {
  padding-left: 4rem;
  padding-right: 2rem;
  font-size: 1.0625rem;
  color: #4b2e83; /* fallback */
  color: var(--brand-primary);
  background-color: #fafafa; /* fallback */
  background-color: var(--app-xxlight-grey); }
.accordion-title--app:hover,
.accordion-title--app:focus {
  color: #613ba9; /* fallback */
  color: var(--brand-primary-light);
  text-decoration: none; }
.accordion-item--none > .accordion-title--app {
  padding-left: 1rem; }
@media screen and (min-width: 40em) {
  .accordion-title--app {
    font-size: 1.25rem; }
  }
/* nested accordion titles */
.accordion--app .accordion--app .accordion-title--app {
  color: #85754d; /* fallback */
  color: var(--brand-secondary); }
.accordion--app .accordion--app .accordion-title--app:hover,
.accordion--app .accordion--app .accordion-title--app:focus {
  color: #b7a57a; /* fallback */
  color: var(--brand-secondary-light); }

/* accordion-content modifier */
.accordion-content--app {
  background-color: #fefefe; /* fallback */
  background-color: var(--app-white); }

/* accordion-content lists */
.accordion-content--app ul:not(.accordion),
.accordion-content--app ol {
  margin-bottom: 1rem; }
.accordion-content--app ul:not(.accordion) ul,
.accordion-content--app ul:not(.accordion) ol,
.accordion-content--app ol ol,
.accordion-content--app ol ul {
  margin-bottom: 0; }
.accordion-content--app ul:not(.accordion) {
  list-style-type: disc; }
.accordion-content--app ul:not(.accordion) ul:not(.accordion) {
  list-style-type: circle; }

/* accordion-title--app-submenu modifier */
.accordion-title--app-submenu {
  font-style: italic;
  border: 0 !important;
  font-size: 0.9rem;
  padding: 0.9rem 1rem;
  line-height: 1; }
.accordion-title--app-submenu:before {
  right: 0.25rem; }

/* accordion-content--app-submenu modifier */
.accordion-content--app-submenu {
  border: 0 !important;
  padding: 0.1875rem 0.25rem 0.1875rem 0.25rem; }
.accordion-content--app-submenu .button-group {
  margin-bottom: 0; }
.accordion-content--app-submenu .button-group .button {
  margin-top: 1px;
  margin-bottom: 0; }

/* button-group--dropdown modifier */
.button-group--dropdown {
  margin-bottom: 0; }

/* button--app modifier */
.button--app {
  background-color: #4b2e83; /* fallback */
  background-color: var(--brand-primary);
  color: #fafafa; /* fallback */
  color: var(--app-xxlight-grey); }
.button--app:hover,
.button--app:focus {
  background-color: #613ba9; /* fallback */
  background-color: var(--brand-primary-light);
  color: #fefefe; /* fallback */
  color: var(--app-white); }
/* disabled modifier */
.button--app.disabled:hover,
.button--app.disabled:focus,
.button--app[disabled]:hover,
.button--app[disabled]:focus {
  background-color: #613ba9; /* fallback */
  background-color: var(--brand-primary-light); }
/* hollow modifier */
.button--app.hollow {
  background-color: transparent;
  border: 1px solid #4b2e83; /* fallback */
  border: 1px solid var(--brand-primary);
  color: #0a0a0a; /* fallback */
  color: var(--app-black); }
.button--app.hollow:hover,
.button--app.hollow:focus {
  border-color: #613ba9; /* fallback */
  border-color: var(--brand-primary-light);
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey); }

/* android button */
/* see: http://www.colorhexa.com/a4c639 */
.button--android {
  background-color: #a4c639; }
.button--android:hover,
.button--android:focus {
  background-color: #adcc4d; }
/* disabled modifier */
.button--android.disabled:hover,
.button--android.disabled:focus,
.button--android[disabled]:hover,
.button--android[disabled]:focus {
  background-color: #bfd774; }
/* hollow modifier */
.button--android.hollow {
  background-color: transparent;
  border: 1px solid #a4c639;
  color: #a4c639; }
.button--android.hollow:hover,
.button--android.hollow:focus {
  border-color: #94b233;
  color: #adcc4d; }

/* ms-blue button */
.button--ms-blue {
  background-color: #00a1f1; }
.button--ms-blue:hover,
.button--ms-blue:focus {
  background-color: #737373; }
/* disabled modifier */
.button--ms-blue.disabled:hover,
.button--ms-blue.disabled:focus,
.button--ms-blue[disabled]:hover,
.button--ms-blue[disabled]:focus {
  background-color: #737373; }
/* hollow modifier */
.button--ms-blue.hollow {
  background-color: transparent;
  border: 1px solid #00a1f1;
  color: #00a1f1; }
.button--ms-blue.hollow:hover,
.button--ms-blue.hollow:focus {
  border-color: #737373;
  color: #737373; }

/* ms-red button */
.button--ms-red {
  background-color: #f65314; }
.button--ms-red:hover,
.button--ms-red:focus {
  background-color: #737373; }
/* disabled modifier */
.button--ms-red.disabled:hover,
.button--ms-red.disabled:focus,
.button--ms-red[disabled]:hover,
.button--ms-red[disabled]:focus {
  background-color: #737373; }
/* hollow modifier */
.button--ms-red.hollow {
  background-color: transparent;
  border: 1px solid #f65314;
  color: #f65314; }
.button--ms-red.hollow:hover,
.button--ms-red.hollow:focus {
  border-color: #737373;
  color: #737373; }

/* ms-green button */
.button--ms-green {
  background-color: #7cbb00; }
.button--ms-green:hover,
.button--ms-green:focus {
  background-color: #737373; }
/* disabled modifier */
.button--ms-green.disabled:hover,
.button--ms-green.disabled:focus,
.button--ms-green[disabled]:hover,
.button--ms-green[disabled]:focus {
  background-color: #737373; }
/* hollow modifier */
.button--ms-green.hollow {
  background-color: transparent;
  border: 1px solid #7cbb00;
  color: #7cbb00; }
.button--ms-green.hollow:hover,
.button--ms-green.hollow:focus {
  border-color: #737373;
  color: #737373; }

/* ms-yellow button */
.button--ms-yellow {
  background-color: #ffbb00; }
.button--ms-yellow:hover,
.button--ms-yellow:focus {
  background-color: #737373; }
/* disabled modifier */
.button--ms-yellow.disabled:hover,
.button--ms-yellow.disabled:focus,
.button--ms-yellow[disabled]:hover,
.button--ms-yellow[disabled]:focus {
  background-color: #737373; }
/* hollow modifier */
.button--ms-yellow.hollow {
  background-color: transparent;
  border: 1px solid #ffbb00;
  color: #ffbb00; }
.button--ms-yellow.hollow:hover,
.button--ms-yellow.hollow:focus {
  border-color: #737373;
  color: #737373; }

/* button__prefix element */
.button__prefix {
  font-size: 1rem;
  margin-bottom: .8rem;}

/* button__title element */
.button__title {}

/* callout modifiers */
.callout--app {
  background-color: #ece9e2; /* fallback */
  background-color: var(--brand-tertiary-light); }
.callout--tabs-panel {
  background-color: #fefefe; /* fallback */
  background-color: var(--app-white); }
.callout--true {
  border: 2px solid #78cc7d; /* fallback */
  border: 2px solid var(--app-green); } /* use with alert */
.callout--false {
  border: 2px solid #dd9999; /* fallback */
  border: 2px solid var(--app-red); } /* use with success */

/* callout modifier */
.callout--input {
  border: 0;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  background-color: #fefefe;
  background-color: var(--app-white);
  box-shadow: inset 0 1px 2px hsl(0deg 0% 4% / 10%);
  display: inline; }

/* callout modifier */
.callout--inline {
  display: inline;
  border: none;
  margin: 0; }

/* callout modifier */
.callout--inline-block {
  display: inline-block;
  border: none;}

/* callout modifier */
.callout--shadow {
  box-shadow: 2px 2px 1px #d9d9d9; /* fallback */
  box-shadow: 2px 2px 1px var(--app-mediumlight-grey); }

/* callout modifier */
.callout--mark {
  display: inline;
  border: none;
  padding: 0 0.188rem 0 0.188rem;
  margin: 0; }

/* callout modifier */
.callout--em {
  font-style: italic; }

/* callout modifier */
.callout--caret::after {
  border-style: solid;
  border-width: .75rem .75rem 0 0;
  border-color: #d9d9d9 transparent transparent;
  border-color: var(--app-mediumlight-grey) transparent transparent;
  content: "";
  position: absolute;
  left: .5rem;
  bottom: -0.8125rem; }

/* callout__info-badge element */
.callout__info-badge {
  color: #03a9f4; /* fallback */
  color: var(--app-blue);
  padding: 0 0.375em 0 0;
  vertical-align: .5em; }

/* callout data-app-test-result */
.callout[data-app-test-result] {
  margin-bottom: 3rem; }

/* dropdown-pane--app-tooltip modifier */
.dropdown-pane--app-tooltip {
  font-size: 90%;
  background-color: #fcfeca;  /* fallback */
  background-color: var(--app-yellow);
  box-shadow: 2px 2px 1px #d9d9d9; /* fallback */
  box-shadow: 2px 2px 1px var(--app-mediumlight-grey); }

/* img modifiers */
/* added generic width- classes (since v6.3.1.21) */
/* added --larger and --largest classes (since v6.3.1.22) */
.img--resize {
  max-width: 16.6667%;
  cursor: nesw-resize; }
.img--smallest,
.img--smallest.img--resize,
.img--mini,
.img--mini.img--resize {
  max-width: 16.6667%; }
.img--smaller,
.img--smaller.img--resize,
.img--tiny,
.img--tiny.img--resize {
  max-width: 25%; }
.img--small,
.img--small.img--resize {
  max-width: 33.3334%; }
.img--medium,
.img--medium.img--resize {
  max-width: 50%; }
.img--large,
.img--large.img--resize {
  max-width: 66.6667%; }
.img--larger,
.img--larger.img--resize {
  max-width: 75%; }
.img--largest,
.img--largest.img--resize {
  max-width: 83.3334%; }
.img--full,
.img--full.img--resize {
  max-width: 100%; }
/* width- classes use width */
.width-smallest, .width-mini {
  width: 16.6667%; }
.width-smaller, .width-tiny {
  width: 25%; }
.width-small {
  width: 33.3334%; }
.width-medium {
  width: 50%; }
.width-large {
  width: 66.6667%; }
.width-larger {
  width: 75%; }
.width-largest {
  width: 83.3334%; }
.width-full {
  width: 100%; }
/* img modifiers for floats */
.float-left.img--resize,
.float-left.img--largest,
.float-left.img--larger,
.float-left.img--large,
.float-left.img--medium,
.float-left.img--small,
.float-left.img--smaller, .float-left.img--tiny,
.float-left.img--smallest, .float-left.img--mini {
  margin-right: 1rem; }
.float-right.img--resize,
.float-right.img--largest,
.float-right.img--larger,
.float-right.img--large,
.float-right.img--medium,
.float-right.img--small,
.float-right.img--smaller, .float-right.img--tiny,
.float-right.img--smallest, .float-right.img--mini {
  margin-left: 1rem; }
/* img modifiers for small */
@media screen and (max-width: 39.9375em) {
  .img--largest,
  .img--larger,
  .img--large,
  .img--medium,
  .img--small,
  .img--smaller, .img--tiny,
  .img--smallest, .img--mini,
  .img--resize,
  .img--resize.img--largest,
  .img--resize.img--larger,
  .img--resize.img--large,
  .img--resize.img--medium,
  .img--resize.img--small,
  .img--resize.img--smaller, .img--resize.img--tiny,
  .img--resize.img--smallest, .img--resize.img--mini,
  .float-left.img--largest,
  .float-left.img--larger,
  .float-left.img--large,
  .float-left.img--medium,
  .float-left.img--small,
  .float-left.img--smaller, .float-left.img--tiny,
  .float-left.img--smallest, .float-left.img--mini,
  .float-right.img--largest,
  .float-right.img--larger,
  .float-right.img--large,
  .float-right.img--medium,
  .float-right.img--small,
  .float-right.img--smaller, .float-right.img--tiny,
  .float-right.img--smallest, .float-right.img--mini,
  .width-smallest, .width-mini,
  .width-smaller, .width-tiny,
  .width-small,
  .width-medium,
  .width-large,
  .width-larger,
  .width-largest,
  .width-full,
  figure.app-figure {
    max-width: 100%;
    cursor: default;
    float: none !important;
    display: block;
    margin-left: 0;
    margin-right: 0; }
  figure.app-figure {
    width: auto; /* fallback */
    width: max-content; } }
/* img__resize-text element */
.img__resize-text {
  display: block;
  font-size: 0.625em;
  color: #7a7a7a; /* fallback */
  color: var(--app-mediumdark-grey); }
.img__resize-text.en:after {
  content: "Click or tap to resize"; }
.img__resize-text.fr:after {
  content: "Cliquez ou appuyez pour redimensionner"; }
@media screen and (max-width: 39.9375em) {
  .img__resize-text {
    display: none; } }
/* img__caption element */
.img__caption {}

/* Gifffer modifiers */
.app-gifffer.img--smallest, .app-gifffer.img--mini,
.app-gifffer.img--smaller, .app-gifffer.img--tiny,
.app-gifffer.img--small,
.app-gifffer.img--medium,
.app-gifffer.img--large,
.app-gifffer.img--larger,
.app-gifffer.img--largest,
.app-gifffer.img--full {
  height: auto !important; }

/* map block */
.map {}
/* map__img-container element */
.map__img-container {
  display: inline-block;
  border: 1px solid #e6e6e6; /* fallback */
  border: 1px solid var(--app-light-grey);
  margin-bottom: 1rem;
  padding: .25rem; }
.map__img-text {
  display: block;
  font-size: 0.625em;
  color: #7a7a7a;
  color: var(--app-mediumdark-grey);
  text-align: left; }
/* map__img element */
.map__img {}

/* badge--true/false modifier */
.badge--true {
  color: #0a0a0a; /* fallback */
  color: var(--app-black);
  background-color: #78cc7d; /* fallback */
  background-color: var(--app-green);
  background-color: rgba(120, 204, 125, .5); }
.badge--false {
  color: #0a0a0a; /* fallback */
  color: var(--app-black);
  background-color: #dd9999; /* fallback */
  background-color: var(--app-red);
  background-color: rgba(221, 153, 153, .5); }

/* form-quiz block (form) */
.form-quiz,
.form-quiz.form-quiz--score .form-quiz__block {
  margin-bottom: 1rem; }
.form-quiz:not(.form-quiz--score),
.form-quiz.form-quiz--score .form-quiz__block:not(.form-quiz__block--action_buttons) {
  padding: .875rem;
  background-color: #fafafa; /* fallback */
  background-color: var(--app-xxlight-grey);
  border: 1px solid #f0f0f0; /* fallback */
  border: 1px solid var(--app-xlight-grey);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }

/* form-quiz__block element and modifiers */
/* the check, radio, select and text modifiers are used as behavior triggers in app.js */
.form-quiz__block {}
.form-quiz__block--check {}
.form-quiz__block--radio {}
.form-quiz__block--select {}
@media screen and (min-width: 50em) {
  .form-quiz__block--select > .form-quiz__label--select {
    max-width: 44.9375em; }}
.form-quiz__block--text {}
.form-quiz__block--slider {}
.form-quiz__block--action_buttons {
  padding-top: 1rem; }
.form-quiz__block--action_buttons a.button {
  font-family: sans-serif; }
.form-quiz__block--matrix {}
.form-quiz__block--matrix > .app-table > table > tbody > tr > td {
  border: 1px solid transparent; }
.form-quiz__block--matrix > .app-table > table > tbody > tr > td:not(:first-child) {
  vertical-align: middle;
  text-align: center; }
.form-quiz__block--matrix > .app-table > table > tbody > tr > td:not(:first-child):hover,
.form-quiz__block--matrix > .app-table > table > tbody > tr > td:not(:first-child):focus {
  border: 1px solid  #e6e6e6; /* fallback */
  border: 1px solid  var(--app-light-grey); }
.form-quiz__block--matrix > .app-table > table > tbody > tr > td.form-quiz__false  > div {
  text-align: center;
  text-align: -webkit-center; }
.form-quiz__block--matrix > .app-table > table > tbody > tr > td.form-quiz__false  > div > label {
  display: inline-block;
  width: 3rem;
  position: relative; }

/* quiz__false toggler for matrix */
.form-quiz__block--matrix > .app-table > table > tbody > tr > td.form-quiz__false > div > label:after {
  position: absolute;
  content: "\2717";
  left: 0;
  top: -1.375rem;
  right: 0;
  font-size: 36px;
  color: #a1a1a1;
  color: var(--app-mediumplus-grey);
  z-index: 1; }

/* quiz__true toggler for matrix */
.form-quiz__block--matrix > .app-table > table > tbody > tr > td.form-quiz__true  > div > label > input::after {
  content: '\2713';
  margin-left: 0.875rem;
  font-size: 24px;
  position: absolute;
  top: -0.675rem;
  font-weight: 600;
  color: #78cc7d;
  color: var(--app-green);
}
/* this is an additional modifier class to form-quiz__block--matrix when the last colunm is used for inline feedback */
.form-quiz__block--matrix-feedback {}
.form-quiz__block--matrix-feedback > .app-table > table > tbody > tr > th:last-child,
.form-quiz__block--matrix-feedback > .app-table > table > tbody > tr > td:last-child {
  vertical-align: initial;
  text-align: initial;
}

/* form-quiz__number element */
.form-quiz__number {
  color: #4b2e83; /* fallback */
  color: var(--brand-primary);
  font-weight: 700; }
.form-quiz__number:after{
  content: "\002e";
  margin-right: 0.375rem; }

/* quiz__true toggler */
.form-quiz__true {
  font-weight: 600; }
/* quiz__false toggler */
.form-quiz__false {
  text-decoration: line-through;
  color: #a1a1a1; /* fallback */
  color: var(--app-mediumplus-grey); }

/* form-quiz__blank element */
.form-quiz__blank:after {
  content: "\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f\005f"; }

/* form-quiz__list element */
.form-quiz__list {
  list-style-position: outside; }
/* form-quiz__list modifiers */
.form-quiz__list[type='A'] {}
.form-quiz__list--none {
  list-style-type: none; }

/* form-quiz__list-item element */
.form-quiz__list-item {
  margin-bottom: 0.375rem;
  margin-left: 0.375rem; }

/* form-quiz__option element */
.form-quiz__option {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem; }

/* form-quiz__input element & modifiers */
.form-quiz__input {
  margin: 0.375rem; }
.form-quiz__input[type='radio'],
.form-quiz__input[type='checkbox'] {
  -ms-transform: scale(1.50); /* IE */
  -moz-transform: scale(1.50); /* FF */
  -webkit-transform: scale(1.50); /* Safari and Chrome */
  -o-transform: scale(1.50); /* Opera */
  transform: scale(1.50);
  }

/* form-quiz__input--inline modifier */
.form-quiz__input--inline {
  margin: 0;
  padding: 0.25rem;
  width: auto;
  display: inline-block; }
/* quiz__true toggler for fill-in-the-blank */
.form-quiz__input--inline.form-quiz__true {
  font-weight: 500; }
.form-quiz__input--inline.form-quiz__true + span.callout--input::before {
  content: '\2713';
  font-size: 36px;
  line-height: 0;
  position: inherit;
  vertical-align: -0.375rem;
  font-weight: 600;
  color: #78cc7d;
  color: var(--app-green); }
/* quiz__false toggler for fill-in-the-blank */
.form-quiz__input--inline.form-quiz__false + span.callout--input::before {
  content: '\2717';
  font-size: 28px;
  line-height: 0;
  position: inherit;
  vertical-align: -0.25rem;
  font-weight: 600;
  color: #a1a1a1;
  color: var(--app-mediumplus-grey); }

/* form-quiz__label element */
.form-quiz__label {
  font-size: 1rem; }

/* form-quiz__label--input modifier */
.form-quiz__label--input {
  display: inline !important;
  border: 1px solid transparent; }
.form-quiz__label--input:hover,
.form-quiz__label--input:focus {
  border-bottom-color: #e6e6e6; /* fallback */
  border-bottom-color: var(--app-light-grey); }

/* form-quiz__label--select modifier */
.form-quiz__label--select {
  white-space: nowrap; }

.form-quiz__label.form-quiz__true::after {
  content: '\2713';
  font-size: 36px;
  line-height: 0;
  margin-left: 0.5rem;
  vertical-align: 0px;
  color: #78cc7d;
  color: var(--app-green); }

/* form-quiz__label--slider modifier */
.form-quiz__label--slider {
  border: 1px solid transparent;
  padding: 0 0.375em; }
@media screen and (max-width: 29.9375em) {
.form-quiz__label--slider {
    font-size: 0.75em; }}
@media screen and (min-width: 30em) and (max-width: 39.9375em) {
.form-quiz__label--slider {
    font-size: 0.875em; }}

/* quiz__true toggler for slider */
.form-quiz__block--slider label[id$="-label-left"].form-quiz__label.form-quiz__true::after,
.form-quiz__block--slider label[id$="-label-right"].form-quiz__label.form-quiz__true::after {
  content: '\2713';
  font-size: 36px;
  line-height: 0;
  margin-left: 0.5rem;
  vertical-align: -2px;
  color: #78cc7d;
  color: var(--app-green); }

.form-quiz__term-text {
  font-style: italic; }

.form-quiz__select {
  padding: .25rem .5rem; }
  @media screen and (max-width: 29.9375em) {
    .form-quiz__select {
      max-width: 90%; }}
  @media screen and (min-width: 30em) and (max-width: 59.9375em) {
    .form-quiz__select {
      max-width: 95%; }}
.form-quiz__select > option:not(:first-of-type)[disabled] {
  color: #e6e6e6; /* fallback */
  color: var(--app-light-grey);
  background-color: #7a7a7a; /* fallback */
  background-color: var(--app-mediumdark-grey); }

/* quiz__true toggler for matching terms */
.form-quiz__select.form-quiz__true {
  background-color: #fefefe;  /* fallback */
  background-color: var(--app-white); }
.form-quiz__select.form-quiz__true + span::after {
  position: inherit;
  content: '\2713';
  font-size: 36px;
  line-height: 0;
  margin-left: 0.25rem;
  vertical-align: -0.125rem;
  font-weight: 600;
  color: #78cc7d; /* fallback */
  color: var(--app-green); }

/* scored test quiz feedback */
.form-quiz--score div[data-app-quiz-result] {
  border-radius: 0.5rem; }
.form-quiz--score div[data-app-quiz-result].quiz-result__true > div::before {
  content: '\2713';
  margin-right: 1rem;
  font-size: 48px;
  position: inherit;
  vertical-align: -0.5rem;
  line-height: 0;
  color: #78cc7d;
  color: var(--app-green); }
.form-quiz--score div[data-app-quiz-result].quiz-result__false> div::before {
  content: '\2718';
  margin-right: 1rem;
  font-size: 48px;
  position: inherit;
  vertical-align: -0.5rem;
  line-height: 0;
  color: #a1a1a1;
  color: var(--app-mediumplus-grey); }

/* tabs-block block */
.tabs-block {
  margin-bottom: 1rem; }

/* tabs--app modifier*/
.tabs--app {
  margin-bottom: 0 !important;
  border: none;
  background-color: inherit; }
/* tabs-title--app modifier */
.tabs-title--app {
  background-color: #4b2e83; /* fallback */
  background-color:var(--brand-primary);
  margin-right: 0.5em;
  margin-bottom: 0;
  float: left;
  -webkit-border-radius:  0 0 0 0;
  -moz-border-radius:  0 0 0 0;
  border-radius: 0 0 0 0; }
/* tabs-title--arrow modifier */
.tabs-title--app.tabs-title--arrow {
  margin-right: 0.625em; }
.tabs-title--app.is-active {
  color: #4b2e83; /* fallback */
  color: var(--brand-primary);
  background-color: #ece9e2; /* fallback */
  background-color: var(--brand-tertiary-light);
  border-left: 1px solid #bebebe; /* fallback */
  border-left: 1px solid var(--app-medium-grey);
  border-top: 1px solid #bebebe; /* fallback */
  border-top: 1px solid var(--app-medium-grey);
  border-right: 1px solid #bebebe; /* fallback */
  border-right: 1px solid var(--app-medium-grey); }

/* verical modifiers */
.vertical > .tabs-title--app {
  margin-bottom: 0.5em;
  max-width: 100%; }
.vertical > .tabs-title--app.tabs-title--arrow {
  margin-bottom: 0.625em; }
.vertical > .tabs-title--app.is-active {
  border-right: none;
  position: relative;
  border-bottom: 1px solid #bebebe; /* fallback */
  border-bottom: 1px solid var(--app-medium-grey);
}
/* tabs-title--app > a modifier */
.tabs-title--app > a {
  color: #fafafa; /* fallback */
  color: var(--app-xxlight-grey);
  font-weight: 600;
  font-size: 1em;
  padding: .75em .75em; }
@media screen and (max-width: 29.9375em) {
  .tabs-title--app > a {
    font-size: 0.625em; }}
@media screen and (min-width: 30em) and (max-width: 39.9375em) {
  .tabs-title--app > a {
    font-size: 0.875em; }}
.tabs-title--app > a:focus,
.tabs-title--app > a:hover,
.tabs-title--app > a[aria-selected='true'] {
  text-decoration: none;
  -webkit-border-radius:  0 0 0 0;
  -moz-border-radius:  0 0 0 0;
  border-radius:  0 0 0 0; }
.tabs-title--app > a:focus,
.tabs-title--app > a:hover {
  background-color: #613ba9; /* fallback */
  background-color: var(--brand-primary-light);
  border-color: transparent;
  color: #fefefe; /* fallback */
  color: var(--app-white); }
.tabs-title--app > a[aria-selected='true'] {
  background-color: #ece9e2; /* fallback */
  background-color: var(--brand-tertiary-light);
  border-color: inherit;
  color: #4b2e83; /* fallback */
  color: var(--brand-primary); }

/* tabs-title__img element */
.tabs-title__img {
  width: 9.375rem; }
/* tabs-title__img--silhouette modifier */
.tabs-title__img--silhouette {
  background: url('../img/silhouette.png') center no-repeat transparent;
  background-size: contain;
  height: 9.375rem; }
@media screen and (max-width: 39.9375em) {
  .tabs-title__img--silhouette {
    width: 3.125rem;
    height: 3.125rem; }}
@media screen and (min-width: 40em) and (max-width: 49.9375em) {
  .tabs-title__img--silhouette {
    width: 6.25rem;
    height: 6.25rem; }}

/* tabs-title__caption element */
.tabs-title__caption {
  text-align: center;
  padding: .3125rem 0 .3125rem 0; }

/* tabs-title__arrow element */
.tabs-title__arrow {
  position: relative;
  border: 0px solid #4b2e83; /* fallback */
  border: 0px solid var(--brand-primary); }
.tabs-title__arrow:hover,
.tabs-title__arrow:focus {
  position: relative;
  border: 0px solid #613ba9; /* fallback */
  border: 0px solid var(--brand-primary-light); }
.tabs-title__arrow:after,
.tabs-title__arrow:before  {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

/* tabs-title__arrow--top modifier */
.tabs-title__arrow--top:after,
.tabs-title__arrow--top:before {
  bottom: 100%;
  left: 50%; }
.tabs-title__arrow--top:after {
  border-color: transparent;
  border-bottom-color: inherit;
  border-width: 0.5rem;
  margin-left: -0.5rem; }
a[aria-selected='true'].tabs-title__arrow--top:after {
  border-bottom-color: inherit; }
.tabs-title__arrow--top:hover:after,
.tabs-title__arrow--top:focus:after {
  color: #613ba9; /* fallback */
  color: var(--brand-primary-light);
  border-bottom-color: #613ba9; /* fallback */
  border-bottom-color: var(--brand-primary-light);
  border-width: 0.5rem;
  margin-left: -0.5rem; }

/* tabs-title__arrow--right modifier */
.tabs-title__arrow--right:after,
.tabs-title__arrow--right:before {
  left: 100%;
  top: 50%; }
.tabs-title__arrow--right:after {
  border-color: transparent;
  border-left-color: inherit;
  border-width: 0.5rem;
  margin-top: -0.5rem; }
a[aria-selected='true'].tabs-title__arrow--right:after {
  border-left-color: inherit; }
.tabs-title__arrow--right:hover:after,
.tabs-title__arrow--right:focus:after {
  color: #613ba9; /* fallback */
  color: var(--brand-primary-light);
  border-left-color: #613ba9; /* fallback */
  border-left-color: var(--brand-primary-light);
  border-width: 0.5rem;
  margin-top: -0.5rem; }

/* tabs-title__arrow--bottom modifier */
.tabs-title__arrow--bottom:after,
.tabs-title__arrow--bottom:before {
  top: 100%;
  left: 50%; }
.tabs-title__arrow--bottom:after {
  border-color: transparent;
  border-top-color: inherit;
  border-width: 0.5rem;
  margin-left: -0.5rem; }
a[aria-selected='true'].tabs-title__arrow--bottom:after {
  border-top-color: inherit; }
.tabs-title__arrow--bottom:hover:after,
.tabs-title__arrow--bottom:focus:after {
  color: #613ba9; /* fallback */
  color: var(--brand-primary-light);
  border-top-color: #613ba9; /* fallback */
  border-top-color: var(--brand-primary-light);
  border-width: 0.5rem;
  margin-left: -0.5rem; }

/* tabs-title__arrow--left modifier */
.tabs-title__arrow--left:after,
.tabs-title__arrow--left:before {
  right: 100%;
  top: 50%; }
.tabs-title__arrow--left:after {
  border-color: transparent;
  border-right-color: inherit;
  border-width: 0.5rem;
  margin-top: -0.5rem; }
a[aria-selected='true'].tabs-title__arrow--left:after {
  border-right-color: inherit; }
.tabs-title__arrow--left:hover:after,
.tabs-title__arrow--left:focus:after {
  color: #613ba9; /* fallback */
  color: var(--brand-primary-light);
  border-right-color: #613ba9; /* fallback */
  border-right-color: var(--brand-primary-light);
  border-width: 0.5rem;
  margin-top: -0.5rem; }

/* tabs-content--app modifiers */
.tabs-content--app {
  border: none; }
.tabs-content--app.vertical {
  border: none;
  margin-left: -0.563em; }
.tabs-content--app.tabs-content--arrow.vertical {
  margin-left: -0.688em; }

/* tabs-panel--app modifier*/
.tabs-panel--app {
  background-color: #ece9e2; /* fallback */
  background-color: var(--brand-tertiary-light);
  border: 1px solid #bebebe; /* fallback */
  border: 1px solid var(--app-medium-grey);
  margin-top: -1px;
  margin-right: -0.1875em; }
.vertical > .tabs-panel--app {
  margin-top: 0; }

/* slider-row block */
.slider-row {}
/* slider modifier */
.slider--app {
  margin-top: .75rem;
  margin-bottom: 1rem; }
/* slider-handle modifier */
.slider-handle--app {
  top: -100%;
  -ms-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
  border-radius: 1em;
  border: 1px solid #85754d; /* fallback */
  border: 1px solid var(--brand-secondary);
  background-color: #4b2e83; /* fallback */
  background-color: var(--brand-primary); }
.slider-handle--app:hover {
  background-color: #613ba9; /* fallback */
  background-color: var(--brand-primary-light); }
/* slider-fill modifier */
.slider-fill--app {}

/* reveal--app modifier */
.reveal--app {
  opacity: .98;
  padding-top: 2.5rem; }

/* reveal--orbit modifier */
.reveal--orbit {
  opacity: 1; }
.reveal--orbit .orbit-container {
  max-width: 74.9375em;
  margin-left: auto;
  margin-right: auto; }
.reveal--orbit .orbit-slide {
  padding: 0 0.25rem 1rem 0.25rem; }

/* close-button--app modifier */
.close-button--app {
  color: #4a4a4a; /* fallback */
  color: var(--app-dark-grey);
  font-size: 2.5em;
  font-weight: 700;
  right: 0;
  top: 0;
  width: 5rem;
  transition: all 0.3s ease; }
.close-button--app:hover,
.close-button--app:focus {
  color: #fefefe; /* fallback */
  color: var(--app-white);
  background-color: #dd9999; /* fallback */
  background-color: var(--app-red); }
.close-button--app:before {
  font-size: 0.875rem;
  margin-left: 0;
  font-weight: normal;
  vertical-align: 50%; }
.close-button--app.en:before {
  content: "Close\0020"; }
.close-button--app.fr:before {
  content: "Fermer\0020"; }
.close-button--app:hover:before,
.close-button--app:focus:before {}

/* new button class .orbit-bullet */
button.orbit-bullet {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 85%;
  width: 1.75rem;
  height: 1.75rem;
  color: #fafafa; /* fallback */
  color: var(--app-xxlight-grey);
  background-color: #85754d; /* fallback */
  background-color: var(--brand-secondary); }
  button.orbit-bullet:hover {
    color: #fefefe; /* fallback */
    color: var(--app-white);
    background-color: #b7a57a; /* fallback */
    background-color: var(--brand-secondary-light); }
  button.orbit-bullet.is-active {
    color: #fefefe; /* fallback */
    color: var(--app-white);
    background-color: #b7a57a; /* fallback */
    background-color: var(--brand-secondary-light); }

/* .orbit-next--app/previous--app modifiers */
.orbit-next--app,
.orbit-previous--app {
  z-index: 4;
  color: #fefefe; /* fallback */
  color: var(--app-white);
  background-color: #85754d; /* fallback */
  background-color: var(--brand-secondary); }
.orbit-next--app:focus, .orbit-next--app:active, .orbit-next--app:hover,
.orbit-previous--app:focus, .orbit-previous--app:active, .orbit-previous--app:hover {
  background-color: #b7a57a; /* 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 #85754d; /* fallback */
  border: 1px solid var(--brand-secondary);
  color: #85754d; /* fallback */
  color: var(--brand-secondary);
  background-color: transparent; }
.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 #b7a57a; /* fallback */
  border: 1px solid var(--brand-secondary-light);
  color: #b7a57a; /* fallback */
  color: var(--brand-secondary-light);}

/* orbit-previous--below/orbit-next--below modifier */
.orbit-previous--below,
.orbit-next--below {
  top: 100%;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* orbit-previous--below modifier */
.orbit-previous--below{
  margin-left: 33.3334%; }
/* orbit-next--below modifier */
.orbit-next--below{
  margin-right: 33.3334%; }

/* orbit-slide--app modifier */
.orbit-slide--app {
  padding: 0 3.25rem 0 3.25rem; }

/* orbit-caption--app modifier */
.orbit-caption--app {
  position: relative;
  line-height: 1.6;
  color: #0a0a0a; /* fallback */
  color: var(--app-black);
  background-color: #e8e3d3; /* fallback */
  background-color: var(--brand-tertiary); }

/* generic instruction span */
.span__instruction {
  display: block;
  font-size: 0.625em;
  color: #7a7a7a;
  color: var(--app-mediumdark-grey);
  text-align: left; }