/* Last updated: 2019-05-07T15:33:47.966Z */ /* Theme generated using the following dle-acme-common component version: 0.0.87 */ /* $mheThemePrimaryColorLighterStep4: mix(#0988aa, white, 40%); */ /* $mheThemePrimaryColorLighterStep3: mix(#0988aa, white, 55%); */ /* $mheThemePrimaryColorLighterStep2: mix(#0988aa, white, 70%); */ /* $mheThemePrimaryColorLighterStep1: mix(#0988aa, white, 85%); */ /* $mheThemePrimaryColor: #0988aa; */ /* $mheThemePrimaryColorDarkerStep1: mix(#0988aa, black, 85%); */ /* $mheThemePrimaryColorDarkerStep2: mix(#0988aa, black, 70%); */ /* $mheThemePrimaryColorDarkerStep3: mix(#0988aa, black, 55%); */ /* $mheThemePrimaryColorDarkerStep4: mix(#0988aa, black, 40%); */ /* $mheThemeSecondaryColorLighterStep4: mix(#e65c00, white, 40%); */ /* $mheThemeSecondaryColorLighterStep3: mix(#e65c00, white, 55%); */ /* $mheThemeSecondaryColorLighterStep2: mix(#e65c00, white, 70%); */ /* $mheThemeSecondaryColorLighterStep1: mix(#e65c00, white, 85%); */ /* $mheThemeSecondaryColor: #e65c00; */ /* $mheThemeSecondaryColorDarkerStep1: mix(#e65c00, black, 85%); */ /* $mheThemeSecondaryColorDarkerStep2: mix(#e65c00, black, 70%); */ /* $mheThemeSecondaryColorDarkerStep3: mix(#e65c00, black, 55%); */ /* $mheThemeSecondaryColorDarkerStep4: mix(#e65c00, black, 40%); */ /* $mheThemeBorderRadius: 6px; */ /* $mheThemeBorderWidth: 1px; */ /* $mheThemeBlockquoteColor: #000000; */ /* $mheThemeBlockquoteFontFamily: ProximaNova; */ /* $mheThemeBlockquoteFontSize: 14pt; */ /* $mheThemeBlockquoteFontStyle: normal; */ /* $mheThemeBlockquoteFontWeight: normal; */ /* $mheThemeHeading1Color: #ffffff; */ /* $mheThemeHeading1FontFamily: MuseoSlab700; */ /* $mheThemeHeading1FontSize: 24pt; */ /* $mheThemeHeading1FontStyle: normal; */ /* $mheThemeHeading1FontWeight: normal; */ /* $mheThemeHeading2Color: #0988aa; */ /* $mheThemeHeading2FontFamily: MuseoSlab700; */ /* $mheThemeHeading2FontSize: 22pt; */ /* $mheThemeHeading2FontStyle: normal; */ /* $mheThemeHeading2FontWeight: normal; */ /* $mheThemeHeading3Color: #e65c00; */ /* $mheThemeHeading3FontFamily: MuseoSlab700; */ /* $mheThemeHeading3FontSize: 24pt; */ /* $mheThemeHeading3FontStyle: normal; */ /* $mheThemeHeading3FontWeight: normal; */ /* $mheThemeHeading4Color: #0988aa; */ /* $mheThemeHeading4FontFamily: ProximaNova; */ /* $mheThemeHeading4FontSize: 22pt; */ /* $mheThemeHeading4FontStyle: normal; */ /* $mheThemeHeading4FontWeight: bold; */ /* $mheThemeHeading5Color: #0988aa; */ /* $mheThemeHeading5FontFamily: ProximaNova; */ /* $mheThemeHeading5FontSize: 20pt; */ /* $mheThemeHeading5FontStyle: normal; */ /* $mheThemeHeading5FontWeight: bold; */ /* $mheThemeHeading6Color: #0988aa; */ /* $mheThemeHeading6FontFamily: ProximaNova; */ /* $mheThemeHeading6FontSize: 16pt; */ /* $mheThemeHeading6FontStyle: normal; */ /* $mheThemeHeading6FontWeight: bold; */ /* $mheThemeParagraph1Color: #ffffff; */ /* $mheThemeParagraph1FontFamily: MuseoSlab700; */ /* $mheThemeParagraph1FontSize: 24pt; */ /* $mheThemeParagraph1FontStyle: normal; */ /* $mheThemeParagraph1FontWeight: normal; */ /* $mheThemeParagraph2Color: #e65c00; */ /* $mheThemeParagraph2FontFamily: MuseoSlab700; */ /* $mheThemeParagraph2FontSize: 16pt; */ /* $mheThemeParagraph2FontStyle: normal; */ /* $mheThemeParagraph2FontWeight: normal; */ /* $mheThemeParagraph3Color: #000000; */ /* $mheThemeParagraph3FontFamily: ProximaNova; */ /* $mheThemeParagraph3FontSize: 16pt; */ /* $mheThemeParagraph3FontStyle: normal; */ /* $mheThemeParagraph3FontWeight: bold; */ /* $mheThemeParagraph4Color: #000000; */ /* $mheThemeParagraph4FontFamily: ProximaNova; */ /* $mheThemeParagraph4FontSize: 14pt; */ /* $mheThemeParagraph4FontStyle: normal; */ /* $mheThemeParagraph4FontWeight: normal; */ /* $mheThemeParagraph5Color: #000000; */ /* $mheThemeParagraph5FontFamily: ProximaNova; */ /* $mheThemeParagraph5FontSize: 12pt; */ /* $mheThemeParagraph5FontStyle: normal; */ /* $mheThemeParagraph5FontWeight: normal; */ /* $mheThemeParagraph6Color: #000000; */ /* $mheThemeParagraph6FontFamily: ProximaNova; */ /* $mheThemeParagraph6FontSize: 10pt; */ /* $mheThemeParagraph6FontStyle: normal; */ /* $mheThemeParagraph6FontWeight: normal; */ /* $mheThemeColor3: inherit; */ /* $mheThemeColor4: inherit; */ /* $mheThemeInputRangeThumbBackground: inherit; */ /* Fonts */ /* https://dle-cdn.mheducation.com/mhe/fonts/billy/billy.css */ /* Webfont: Billy-Bold */ @font-face { font-family: 'Billy'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/billy/billy-bold.woff") format("woff"); font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: Billy-Light */ @font-face { font-family: 'BillyLight'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/billy/billy-light.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Billy */ @font-face { font-family: 'Billy'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/billy/billy.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* https://dle-cdn.mheducation.com/mhe/fonts/mheelemsans/mheelemsans-woff.css */ /* * We only include WOFF format fonts to limit the size of the exported epub. * According to http://caniuse.com/#feat=woff, this should work on * IE9+, Firefox 3.6+, Chrome 5+, Safari 5.1+, iOS Safari 5.1+ */ /* Webfont: MHEelemsans-Regular */ @font-face { font-family: 'MHEelemsans'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/mheelemsans/mheelemsans-regular.woff") format("woff"); /* Modern Browsers */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MHEelemsans-RegularIt */ @font-face { font-family: 'MHEelemsans'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/mheelemsans/mheelemsans-italic.woff") format("woff"); /* Modern Browsers */ font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MHEelemsans-Bold */ @font-face { font-family: 'MHEelemsans'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/mheelemsans/mheelemsans-bold.woff") format("woff"); /* Modern Browsers */ font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: MHEelemsans-BoldIt */ @font-face { font-family: 'MHEelemsans'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/mheelemsans/mheelemsans-bolditalic.woff") format("woff"); /* Modern Browsers */ font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; } /* https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab.css */ /* Webfont: MuseoSlab-100 */ @font-face { font-family: 'MuseoSlab100'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-100.woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-100Italic */ @font-face { font-family: 'MuseoSlab100'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-100italic.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-300 */ @font-face { font-family: 'MuseoSlab300'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-300.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-300Italic */ @font-face { font-family: 'MuseoSlab300'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-300italic.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-500 */ @font-face { font-family: 'MuseoSlab500'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museoslab-500.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museoslab-500.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-500Italic */ @font-face { font-family: 'MuseoSlab500'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-500italic.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-700 */ @font-face { font-family: 'MuseoSlab700'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-700.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: MuseoSlab-700Italic */ @font-face { font-family: 'MuseoSlab700'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/museo-slab/museo-slab-700italic.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-woff.css */ /* * We only include WOFF format fonts to limit the size of the exported epub. * According to http://caniuse.com/#feat=woff, this should work on * IE9+, Firefox 3.6+, Chrome 5+, Safari 5.1+, iOS Safari 5.1+ */ /* Webfont: ProximaNova-BlackIt */ @font-face { font-family: 'ProximaNovaBlack'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-black-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Black */ @font-face { font-family: 'ProximaNovaBlack'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-black.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-BoldIt */ @font-face { font-family: 'ProximaNova'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-bold-it.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-bold-it.woff") format("woff"); font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Bold */ @font-face { font-family: 'ProximaNova'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-bold.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-bold.woff") format("woff"); font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-ExtrabldIt */ @font-face { font-family: 'ProximaNovaExtrabld'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-extrabld-it-webfont.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-extrabld-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Extrabld */ @font-face { font-family: 'ProximaNovaExtrabld'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-extrabld.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-extrabld.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-LightIt */ @font-face { font-family: 'ProximaNovaLight'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-light-it-webfont.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-light-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Light */ @font-face { font-family: 'ProximaNovaLight'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-light.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-light.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-MediumIt */ @font-face { font-family: 'ProximaNovaMedium'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-medium-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Medium */ @font-face { font-family: 'ProximaNovaMedium'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-medium.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-RegularIt */ @font-face { font-family: 'ProximaNova'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-regular-it.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-regular-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Regular */ @font-face { font-family: 'ProximaNova'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-regular.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-regular.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-SemiboldIt */ @font-face { font-family: 'ProximaNovaSemibold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-semibold-it-webfont.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-semibold-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Semibold */ @font-face { font-family: 'ProximaNovaSemibold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-semibold-webfont.woff2") format("woff2"), url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-semibold.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-ThinIt */ @font-face { font-family: 'ProximaNovaThin'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-thin-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNova-Thin */ @font-face { font-family: 'ProximaNovaThin'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova/proxima-nova-thin.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed.css */ /* Webfont: ProximaNovaCond-BlackIt */ @font-face { font-family: 'ProximaNovaCondBlack'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-black-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Black */ @font-face { font-family: 'ProximaNovaCondBlack'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-black.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-BoldIt */ @font-face { font-family: 'ProximaNovaCond'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-bold-it.woff") format("woff"); font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Bold */ @font-face { font-family: 'ProximaNovaCond'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-bold.woff") format("woff"); font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-ExtrabldIt */ @font-face { font-family: 'ProximaNovaCondExtrabold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-extrabld-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Extrabld */ @font-face { font-family: 'ProximaNovaCondExtrabold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-extrabld.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Light */ @font-face { font-family: 'ProximaNovaCondLight'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-light.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-MediumIt */ @font-face { font-family: 'ProximaNovaCondMedium'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-medium-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Medium */ @font-face { font-family: 'ProximaNovaCondMedium'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-medium.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-RegularIt */ @font-face { font-family: 'ProximaNovaCond'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-regular-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Regular */ @font-face { font-family: 'ProximaNovaCond'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-regular.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-SemiboldIt */ @font-face { font-family: 'ProximaNovaCondSemibold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-semibold-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Semibold */ @font-face { font-family: 'ProximaNovaCondSemibold'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-semibold.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-ThinIt */ @font-face { font-family: 'ProximaNovaCondThin'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-thin-it.woff") format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: ProximaNovaCond-Thin */ @font-face { font-family: 'ProximaNovaCondThin'; src: url("https://dle-cdn.mheducation.com/mhe/fonts/proxima-nova-condensed/proxima-nova-condensed-thin.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Styling */ /* Courseware class names */ .mhe-cw-global blockquote > p { color: #000000; font-family: ProximaNova; font-size: 14pt; font-style: normal; font-weight: normal; } .mhe-cw-global h1 { color: #ffffff; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; text-align: center; } .mhe-cw-global h2 { color: #0988aa; font-family: MuseoSlab700; font-size: 22pt; font-style: normal; font-weight: normal; text-align: center; } .mhe-cw-global h3 { color: #e65c00; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; text-align: center; } .mhe-cw-global h4 { color: #0988aa; font-family: ProximaNova; font-size: 22pt; font-style: normal; font-weight: bold; text-align: center; } .mhe-cw-global h5 { color: #0988aa; font-family: ProximaNova; font-size: 20pt; font-style: normal; font-weight: bold; text-align: center; } .mhe-cw-global h6 { color: #0988aa; font-family: ProximaNova; font-size: 16pt; font-style: normal; font-weight: bold; text-align: center; } .mhe-cw-global p, .mhe-cw-global .mhe-cw-paragraph1 { color: #ffffff; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-cw-global .mhe-cw-paragraph2 { color: #e65c00; font-family: MuseoSlab700; font-size: 16pt; font-style: normal; font-weight: normal; } .mhe-cw-global .mhe-cw-paragraph3 { color: #000000; font-family: ProximaNova; font-size: 16pt; font-style: normal; font-weight: bold; } .mhe-cw-global .mhe-cw-paragraph4 { color: #000000; font-family: ProximaNova; font-size: 14pt; font-style: normal; font-weight: normal; } .mhe-cw-global .mhe-cw-paragraph5 { color: #000000; font-family: ProximaNova; font-size: 12pt; font-style: normal; font-weight: normal; } .mhe-cw-global .mhe-cw-paragraph6 { color: #000000; font-family: ProximaNova; font-size: 10pt; font-style: normal; font-weight: normal; } /* * * For Theme Park to work, all they need to do is inject their own variables and import a single partial. ALL of the * minimum required variables must be present to prevent transpiling errors. Take a peek at the variables partial to * see which ones you must define. Alternately you can import the variables partial first, then overwrite with your * own values where applicable. * * @import '../../mhe-base/sass/_variables'; * */ /* Generic theme class names */ /* * * For theme park we are providing a set of generic classes mapped to the available varibales. This allows applications * to plan for an consume the course styling simply by adding class names to their HTML elements. * * The class names here should NOT change much or change often as they could likely break compatibility with consumers of the stylesheet. * * The naming convention mimics the variable name. CSS class names are case INSENSITIVE so we are lowercasing the variables. * * These selectors have !important applied to make it easier to override application-level selectors. * * Note that the default variables in mhe-base/sass/_variables use !default to promote inheritance as well. * */ .mhetheme-border-width { border-width: 1px !important; } .mhetheme-border-radius { border-radius: 6px !important; } .mhetheme-primarycolor-font, .mhetheme-color1-font { color: #0988aa !important; } .mhetheme-primarycolor-border, .mhetheme-color1-border { border-color: #0988aa !important; } .mhetheme-primarycolor-background, .mhetheme-color1-background { background-color: #0988aa !important; } .mhetheme-primarycolor-lighterstep4-font { color: #9dcfdd !important; } .mhetheme-primarycolor-lighterstep4-border { border-color: #9dcfdd !important; } .mhetheme-primarycolor-lighterstep4-background { background-color: #9dcfdd !important; } .mhetheme-primarycolor-lighterstep3-font { color: #78bed0 !important; } .mhetheme-primarycolor-lighterstep3-border { border-color: #78bed0 !important; } .mhetheme-primarycolor-lighterstep3-background { background-color: #78bed0 !important; } .mhetheme-primarycolor-lighterstep2-font { color: #53acc4 !important; } .mhetheme-primarycolor-lighterstep2-border { border-color: #53acc4 !important; } .mhetheme-primarycolor-lighterstep2-background { background-color: #53acc4 !important; } .mhetheme-primarycolor-lighterstep1-font { color: #2e9ab7 !important; } .mhetheme-primarycolor-lighterstep1-border { border-color: #2e9ab7 !important; } .mhetheme-primarycolor-lighterstep1-background { background-color: #2e9ab7 !important; } .mhetheme-primarycolor-darkerstep4-font { color: #043644 !important; } .mhetheme-primarycolor-darkerstep4-border { border-color: #043644 !important; } .mhetheme-primarycolor-darkerstep4-background { background-color: #043644 !important; } .mhetheme-primarycolor-darkerstep3-font { color: #054b5e !important; } .mhetheme-primarycolor-darkerstep3-border { border-color: #054b5e !important; } .mhetheme-primarycolor-darkerstep3-background { background-color: #054b5e !important; } .mhetheme-primarycolor-darkerstep2-font { color: #065f77 !important; } .mhetheme-primarycolor-darkerstep2-border { border-color: #065f77 !important; } .mhetheme-primarycolor-darkerstep2-background { background-color: #065f77 !important; } .mhetheme-primarycolor-darkerstep1-font { color: #087491 !important; } .mhetheme-primarycolor-darkerstep1-border { border-color: #087491 !important; } .mhetheme-primarycolor-darkerstep1-background { background-color: #087491 !important; } .mhetheme-secondarycolor-font, .mhetheme-color2-font { color: #e65c00 !important; } .mhetheme-secondarycolor-border, .mhetheme-color2-border { border-color: #e65c00 !important; } .mhetheme-secondarycolor-background, .mhetheme-color2-background { background-color: #e65c00 !important; } .mhetheme-secondarycolor-lighterstep4-font { color: #f5be99 !important; } .mhetheme-secondarycolor-lighterstep4-border { border-color: #f5be99 !important; } .mhetheme-secondarycolor-lighterstep4-background { background-color: #f5be99 !important; } .mhetheme-secondarycolor-lighterstep3-font { color: #f1a573 !important; } .mhetheme-secondarycolor-lighterstep3-border { border-color: #f1a573 !important; } .mhetheme-secondarycolor-lighterstep3-background { background-color: #f1a573 !important; } .mhetheme-secondarycolor-lighterstep2-font { color: #ee8d4d !important; } .mhetheme-secondarycolor-lighterstep2-border { border-color: #ee8d4d !important; } .mhetheme-secondarycolor-lighterstep2-background { background-color: #ee8d4d !important; } .mhetheme-secondarycolor-lighterstep1-font { color: #ea7426 !important; } .mhetheme-secondarycolor-lighterstep1-border { border-color: #ea7426 !important; } .mhetheme-secondarycolor-lighterstep1-background { background-color: #ea7426 !important; } .mhetheme-secondarycolor-darkerstep4-font { color: #5c2500 !important; } .mhetheme-secondarycolor-darkerstep4-border { border-color: #5c2500 !important; } .mhetheme-secondarycolor-darkerstep4-background { background-color: #5c2500 !important; } .mhetheme-secondarycolor-darkerstep3-font { color: #7f3300 !important; } .mhetheme-secondarycolor-darkerstep3-border { border-color: #7f3300 !important; } .mhetheme-secondarycolor-darkerstep3-background { background-color: #7f3300 !important; } .mhetheme-secondarycolor-darkerstep2-font { color: #a14000 !important; } .mhetheme-secondarycolor-darkerstep2-border { border-color: #a14000 !important; } .mhetheme-secondarycolor-darkerstep2-background { background-color: #a14000 !important; } .mhetheme-secondarycolor-darkerstep1-font { color: #c44e00 !important; } .mhetheme-secondarycolor-darkerstep1-border { border-color: #c44e00 !important; } .mhetheme-secondarycolor-darkerstep1-background { background-color: #c44e00 !important; } /* * These mhetheme-color3* and mhetheme-color4* variants are for Danny Lin development of school group request. * Danny Lin will coordinate with Irvin Wong and Charles Corley to implement in Theme Park interface. */ .mhetheme-color3-font { color: inherit !important; } .mhetheme-color3-border { border-color: inherit !important; } .mhetheme-color3-background { background-color: inherit !important; } .mhetheme-color4-font { color: inherit !important; } .mhetheme-color4-border { border-color: inherit !important; } .mhetheme-color4-background { background-color: inherit !important; } .mhetheme-blockquotecolor-font { color: #000000 !important; } .mhetheme-blockquotecolor-border { border-color: #000000 !important; } .mhetheme-blockquotecolor-background { background-color: #000000 !important; } .mhetheme-blockquotefont-family { font-family: ProximaNova !important; } .mhetheme-blockquotefont-size { font-size: 14pt !important; } /* PENDING MAPPING TO CSS CLASSES: $mheThemeBlockquoteFontStyle: 'normal'; $mheThemeBlockquoteFontWeight: 'normal'; $mheThemeHeading1Color: $mheThemePrimaryColor; $mheThemeHeading1FontFamily: "Museo Slab", Verdana, Helvetica, sans; $mheThemeHeading1FontSize: 24pt; $mheThemeHeading1FontStyle: 'normal'; $mheThemeHeading1FontWeight: 'normal'; $mheThemeHeading2Color: $mheThemePrimaryColorLighterStep1; $mheThemeHeading2FontFamily: "Museo Slab", Verdana, Helvetica, sans; $mheThemeHeading2FontSize: 22pt; $mheThemeHeading2FontStyle: 'normal'; $mheThemeHeading2FontWeight: 'normal'; $mheThemeHeading3Color: $mheThemePrimaryColorLighterStep3; $mheThemeHeading3FontFamily: "Museo Slab", Verdana, Helvetica, sans; $mheThemeHeading3FontSize: 20pt; $mheThemeHeading3FontStyle: 'normal'; $mheThemeHeading3FontWeight: 'normal'; $mheThemeHeading4Color: $mheThemePrimaryColor; $mheThemeHeading4FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeHeading4FontSize: 18pt; $mheThemeHeading4FontStyle: 'normal'; $mheThemeHeading4FontWeight: 'normal'; $mheThemeHeading5Color: $mheThemePrimaryColorLighterStep1; $mheThemeHeading5FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeHeading5FontSize: 16pt; $mheThemeHeading5FontStyle: 'normal'; $mheThemeHeading5FontWeight: 'normal'; $mheThemeHeading6Color: $mheThemePrimaryColorLighterStep3; $mheThemeHeading6FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeHeading6FontSize: 14pt; $mheThemeHeading6FontStyle: 'normal'; $mheThemeHeading6FontWeight: 'normal'; $mheThemeParagraph1Color: $mheThemePrimaryColor; $mheThemeParagraph1FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph1FontSize: 24pt; $mheThemeParagraph1FontStyle: 'normal'; $mheThemeParagraph1FontWeight: 'normal'; $mheThemeParagraph2Color: $mheThemePrimaryColorLighterStep1; $mheThemeParagraph2FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph2FontSize: 22pt; $mheThemeParagraph2FontStyle: 'normal'; $mheThemeParagraph2FontWeight: 'normal'; $mheThemeParagraph3Color: $mheThemePrimaryColorLighterStep3; $mheThemeParagraph3FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph3FontSize: 20pt; $mheThemeParagraph3FontStyle: 'normal'; $mheThemeParagraph3FontWeight: 'normal'; $mheThemeParagraph4Color: $mheThemePrimaryColor; $mheThemeParagraph4FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph4FontSize: 18pt; $mheThemeParagraph4FontStyle: 'normal'; $mheThemeParagraph4FontWeight: 'normal'; $mheThemeParagraph5Color: $mheThemePrimaryColorLighterStep1; $mheThemeParagraph5FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph5FontSize: 16pt; $mheThemeParagraph5FontStyle: 'normal'; $mheThemeParagraph5FontWeight: 'normal'; $mheThemeParagraph6Color: $mheThemePrimaryColorLighterStep3; $mheThemeParagraph6FontFamily: "Proxima Nova Regular", Verdana, Helvetica, sans; $mheThemeParagraph6FontSize: 14pt; $mheThemeParagraph6FontStyle: 'normal'; $mheThemeParagraph6FontWeight: 'normal'; */ /* Widget-level theme park styles */ /* * * Since it is a single stylesheet from page to widget and other applications, elements defined outside the .mhe-theme-namespace class could affect both page-level and widget-level content. * * widget-level content does not need to be wrapped in a body tag since widgets do not ingest a dpg-custom stylesheet also the widget theme-park styles use a .mhe-theme-namespace class to gain CSS specificity. * */ .mhe-theme-namespace .mhe-bottom-buttons { border-color: #0988aa; } .mhe-theme-namespace .mhe-button, .mhe-theme-namespace .mhe-button-default, .mhe-theme-namespace .mhe-button-primary, .mhe-theme-namespace .mhe-button-secondary { border-radius: 6px; border-width: 1px; } .mhe-theme-namespace .mhe-button-primary, .mhe-theme-namespace .mhe-button.btn-primary { background-color: #0988aa; border-color: #0988aa; color: #ffffff; } .mhe-theme-namespace .mhe-button-primary:hover, .mhe-theme-namespace .mhe-button-primary:focus, .mhe-theme-namespace .mhe-button.btn-primary:hover, .mhe-theme-namespace .mhe-button.btn-primary:focus { background-color: #53acc4; border-color: #53acc4; color: #ffffff; } .mhe-theme-namespace .mhe-button-primary:active, .mhe-theme-namespace .mhe-button.btn-primary:active { background-color: #065f77; border-color: #065f77; color: #ffffff; } .mhe-theme-namespace .mhe-button-primary:disabled, .mhe-theme-namespace .mhe-button-primary.disabled, .mhe-theme-namespace .mhe-button.btn-primary:disabled, .mhe-theme-namespace .mhe-button.btn-primary.disabled { background-color: #cccccc; } .mhe-theme-namespace .mhe-button-secondary, .mhe-theme-namespace .mhe-button.btn-secondary { background-color: #ffffff; border-color: #0988aa; color: #0988aa; } .mhe-theme-namespace .mhe-button-secondary:hover, .mhe-theme-namespace .mhe-button-secondary:focus, .mhe-theme-namespace .mhe-button.btn-secondary:hover, .mhe-theme-namespace .mhe-button.btn-secondary:focus { background-color: #ffffff; border-color: #53acc4; color: #0988aa; } .mhe-theme-namespace .mhe-button-secondary:active, .mhe-theme-namespace .mhe-button.btn-secondary:active { background-color: #9dcfdd; border-color: #0988aa; color: #ffffff; } .mhe-theme-namespace .mhe-button-secondary:disabled, .mhe-theme-namespace .mhe-button-secondary.disabled, .mhe-theme-namespace .mhe-button.btn-secondary:disabled, .mhe-theme-namespace .mhe-button.btn-secondary.disabled { background-color: #ffffff; border-color: #cccccc; } .mhe-theme-namespace .mhe-button.btn-primary.active { background-color: #065f77; border-color: #065f77; color: #ffffff; } .mhe-theme-namespace .mhe-button.btn-primary.active { background-color: #9dcfdd; border-color: #0988aa; color: #ffffff; } /* * Styling created with ACME-304 originally for Layer Reveal, but should be made available to other widgets to make * use of when they want a consistent look and feel. * * This is the Theme Park stylable SASS (also imported in the mhe-base-widget stylesheet). */ input[type=range].mhe-input:focus::-webkit-slider-runnable-track { background: #c4c4c4; } input[type=range].mhe-input:focus::-ms-fill-upper { background: #c4c4c4; } input[type=range].mhe-input:focus::-ms-fill-lower { background: #969696; } input[type=range].mhe-input::-webkit-slider-runnable-track { background: #969696; } input[type=range].mhe-input::-moz-range-track { background: #969696; } input[type=range].mhe-input::-ms-fill-upper { background: #969696; } input[type=range].mhe-input::-webkit-slider-thumb { background: inherit; } input[type=range].mhe-input::-moz-range-thumb { background: inherit; } input[type=range].mhe-input::-ms-thumb { background: inherit; } input[type=range].mhe-input::-ms-fill-lower { background: #686868; } .mhe-theme-namespace .ui-dialog { border-width: 1px; border-color: #0988aa; } .mhe-theme-namespace button.ui-button-icon-only, .mhe-theme-namespace button.ui-button-icon-only:hover, .mhe-theme-namespace button.ui-button-icon-only:active, .mhe-theme-namespace button.ui-button-icon-only:focus { background-color: #FFFFFF; color: #0988aa; } .mhe-theme-namespace button.ui-button-icon-only:hover, .mhe-theme-namespace button.ui-button-icon-only:hover:hover, .mhe-theme-namespace button.ui-button-icon-only:active:hover, .mhe-theme-namespace button.ui-button-icon-only:focus:hover { background-color: #FFFFFF; color: #53acc4; } .mhe-theme-namespace button.ui-button-icon-only:active, .mhe-theme-namespace button.ui-button-icon-only:hover:active, .mhe-theme-namespace button.ui-button-icon-only:active:active, .mhe-theme-namespace button.ui-button-icon-only:focus:active { background-color: #065f77; color: #FFFFFF; } .mhe-theme-namespace.widget-choose-your-path .nav .icon { color: #0988aa; } .mhe-theme-namespace.widget-choose-your-path .nav .icon:hover, .mhe-theme-namespace.widget-choose-your-path .nav .icon:focus { color: #53acc4; } .mhe-theme-namespace.widget-choose-your-path .nav .icon:active { color: #065f77; } .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.solid, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.dotted { border-color: #5c2500; } .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.solid.highlight, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.solid[data-state="highlighted"], .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.dotted.highlight, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.dotted[data-state="highlighted"] { outline-color: #043644; } .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-solid, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-dotted { border-color: #f5be99; } .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-solid.highlight, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-solid[data-state="highlighted"], .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-dotted.highlight, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.light-dotted[data-state="highlighted"] { outline-color: #9dcfdd; } .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.none.highlight, .mhe-theme-namespace.widget-drag-and-drop .drop_objects > .drop_object.none[data-state="highlighted"] { outline-color: #0988aa; } .mhe-theme-namespace.widget-flashcard-plus #flip-button { color: #0988aa; } .mhe-theme-namespace.widget-flashcard-plus #flip-button:hover, .mhe-theme-namespace.widget-flashcard-plus #flip-button:focus { color: #53acc4; } .mhe-theme-namespace.widget-flashcard-plus #flip-button:active { color: #065f77; } .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-next, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-previous { color: #0988aa; } .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-next .tl-slidenav-icon, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-next .tl-slidenav-title, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-next .tl-slidenav-description, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-previous .tl-slidenav-icon, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-previous .tl-slidenav-title, .mhe-theme-namespace.widget-timeline-plus .tl-slidenav-previous .tl-slidenav-description { color: inherit; } .mhe-theme-namespace.widget-timeline-plus .tl-timeaxis .tl-timeaxis-tick { color: inherit; } /* Page-level theme park styles */ .mhe-context-view-digital, .mhe-context-view-print { /*------------------------------------------------------------------ * Headings: Variables *----------------------------------------------------------------*/ /* * This SASS is supporting patterns delivered in the mhe.dpg-text module created by Danny Lin. */ } .mhe-context-view-digital h1, .mhe-context-view-print h1 { color: #ffffff; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital h2, .mhe-context-view-print h2 { color: #0988aa; font-family: MuseoSlab700; font-size: 22pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital h3, .mhe-context-view-print h3 { color: #e65c00; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital h4, .mhe-context-view-print h4 { color: #0988aa; font-family: ProximaNova; font-size: 22pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital h5, .mhe-context-view-print h5 { color: #0988aa; font-family: ProximaNova; font-size: 20pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital h6, .mhe-context-view-print h6 { color: #0988aa; font-family: ProximaNova; font-size: 16pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital .dpg-header--one, .mhe-context-view-print .dpg-header--one { color: #ffffff; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-header--two, .mhe-context-view-print .dpg-header--two { color: #0988aa; font-family: MuseoSlab700; font-size: 22pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-header--three, .mhe-context-view-print .dpg-header--three { color: #e65c00; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-header--four, .mhe-context-view-print .dpg-header--four { color: #0988aa; font-family: ProximaNova; font-size: 22pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital .dpg-header--five, .mhe-context-view-print .dpg-header--five { color: #0988aa; font-family: ProximaNova; font-size: 20pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital .dpg-header--six, .mhe-context-view-print .dpg-header--six { color: #0988aa; font-family: ProximaNova; font-size: 16pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital .dpg-paragraph--one, .mhe-context-view-print .dpg-paragraph--one { color: #ffffff; font-family: MuseoSlab700; font-size: 24pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-paragraph--two, .mhe-context-view-print .dpg-paragraph--two { color: #e65c00; font-family: MuseoSlab700; font-size: 16pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-paragraph--three, .mhe-context-view-print .dpg-paragraph--three { color: #000000; font-family: ProximaNova; font-size: 16pt; font-style: normal; font-weight: bold; } .mhe-context-view-digital .dpg-paragraph--four, .mhe-context-view-print .dpg-paragraph--four { color: #000000; font-family: ProximaNova; font-size: 14pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-paragraph--five, .mhe-context-view-print .dpg-paragraph--five { color: #000000; font-family: ProximaNova; font-size: 12pt; font-style: normal; font-weight: normal; } .mhe-context-view-digital .dpg-paragraph--six, .mhe-context-view-print .dpg-paragraph--six { color: #000000; font-family: ProximaNova; font-size: 10pt; font-style: normal; font-weight: normal; } /* Courseware specific classes */