@charset "UTF-8";
/* COLORS */
/* Main */
/* #7BA741 */
/* #00A9A7 */
/* #41BFBB */
/* #DA4427 */
/* #F5A62D */
/* #C4E7E7 */
.green {
  color: #7ba741 !important; }

.green-bg {
  background: #7ba741 !important; }

.green-grad {
  background: linear-gradient(to right, transparent 5%, rgba(123, 167, 65, 0.8) 25%, rgba(123, 167, 65, 0.8) 75%, transparent 95%) !important; }

.teal {
  color: #00a9a7 !important; }

.teal-bg {
  background: #00a9a7 !important; }

.teal-grad {
  background: linear-gradient(to right, transparent 5%, rgba(0, 169, 167, 0.8) 25%, rgba(0, 169, 167, 0.8) 75%, transparent 95%) !important; }

.light-teal {
  color: #41bfbb !important; }

.light-teal-bg {
  background: #41bfbb !important; }

.light-teal-grad {
  background: linear-gradient(to right, transparent 5%, rgba(65, 191, 187, 0.8) 25%, rgba(65, 191, 187, 0.8) 75%, transparent 95%) !important; }

.rust {
  color: #da4427 !important; }

.rust-bg {
  background: #da4427 !important; }

.rust-grad {
  background: linear-gradient(to right, transparent 5%, rgba(218, 68, 39, 0.8) 25%, rgba(218, 68, 39, 0.8) 75%, transparent 95%) !important; }

.medium-orange {
  color: #f5a62d !important; }

.medium-orange-bg {
  background: #f5a62d !important; }

.medium-orange-grad {
  background: linear-gradient(to right, transparent 5%, rgba(245, 166, 45, 0.8) 25%, rgba(245, 166, 45, 0.8) 75%, transparent 95%) !important; }

.light-mint {
  color: #c4e7e7 !important; }

.light-mint-bg {
  background: #c4e7e7 !important; }

.light-mint-grad {
  background: linear-gradient(to right, transparent 5%, rgba(196, 231, 231, 0.8) 25%, rgba(196, 231, 231, 0.8) 75%, transparent 95%) !important; }

/* Complementary */
/* #4F2A51 */
/* #9D1C20 */
/* #C6D67B */
/* #EBD467 */
/* #5386C5 */
/* #3AAFD9 */
.purple {
  color: #4f2a51 !important; }

.purple-bg {
  background: #4f2a51 !important; }

.purple-grad {
  background: linear-gradient(to right, transparent 5%, rgba(79, 42, 81, 0.8) 25%, rgba(79, 42, 81, 0.8) 75%, transparent 95%) !important; }

.red {
  color: #9d1c20 !important; }

.red-bg {
  background: #9d1c20 !important; }

.red-grad {
  background: linear-gradient(to right, transparent 5%, rgba(157, 28, 32, 0.8) 25%, rgba(157, 28, 32, 0.8) 75%, transparent 95%) !important; }

.light-green {
  color: #c6d67b !important; }

.light-green-bg {
  background: #c6d67b !important; }

.light-green-grad {
  background: linear-gradient(to right, transparent 5%, rgba(198, 214, 123, 0.8) 25%, rgba(198, 214, 123, 0.8) 75%, transparent 95%) !important; }

.yellow {
  color: #ebd467 !important; }

.yellow-bg {
  background: #ebd467 !important; }

.tyellow-grad {
  background: linear-gradient(to right, transparent 5%, rgba(235, 212, 103, 0.8) 25%, rgba(235, 212, 103, 0.8) 75%, transparent 95%) !important; }

.light-indigo {
  color: #5386c5 !important; }

.light-indigo-bg {
  background: #5386c5 !important; }

.light-indigo-grad {
  background: linear-gradient(to right, transparent 5%, rgba(83, 134, 197, 0.8) 25%, rgba(83, 134, 197, 0.8) 75%, transparent 95%) !important; }

.sky-blue {
  color: #3aafd9 !important; }

.sky-blue-bg {
  background: #3aafd9 !important; }

.sky-blue-grad {
  background: linear-gradient(to right, transparent 5%, rgba(58, 175, 217, 0.8) 25%, rgba(58, 175, 217, 0.8) 75%, transparent 95%) !important; }

/* Accent */
/* #2B2738 */
/* #EF4A44 */
/* #72C8B7 */
/* #01C1C1 */
/* #F7931F */
/* #4289A0 */
.dark-purple {
  color: #2b2738 !important; }

.dark-purple-bg {
  background: #2b2738 !important; }

.dark-purple-grad {
  background: linear-gradient(to right, transparent 5%, rgba(43, 39, 56, 0.8) 25%, rgba(43, 39, 56, 0.8) 75%, transparent 95%) !important; }

.coral {
  color: #ef4a44 !important; }

.coral-bg {
  background: #ef4a44 !important; }

.coral-grad {
  background: linear-gradient(to right, transparent 5%, rgba(239, 74, 68, 0.8) 25%, rgba(239, 74, 68, 0.8) 75%, transparent 95%) !important; }

.mint {
  color: #72c8b7 !important; }

.mint-bg {
  background: #72c8b7 !important; }

.mint-grad {
  background: linear-gradient(to right, transparent 5%, rgba(114, 200, 183, 0.8) 25%, rgba(114, 200, 183, 0.8) 75%, transparent 95%) !important; }

.turquoise {
  color: #01c1c1 !important; }

.turquoise-bg {
  background: #01c1c1 !important; }

.turquoise-grad {
  background: linear-gradient(to right, transparent 5%, rgba(1, 193, 193, 0.8) 25%, rgba(1, 193, 193, 0.8) 75%, transparent 95%) !important; }

.orange {
  color: #f7931f !important; }

.orange-bg {
  background: #f7931f !important; }

.orange-grad {
  background: linear-gradient(to right, transparent 5%, rgba(247, 147, 31, 0.8) 25%, rgba(247, 147, 31, 0.8) 75%, transparent 95%) !important; }

.slate {
  color: #4289a0 !important; }

.slate-bg {
  background: #4289a0 !important; }

.slate-grad {
  background: linear-gradient(to right, transparent 5%, rgba(66, 137, 160, 0.8) 25%, rgba(66, 137, 160, 0.8) 75%, transparent 95%) !important; }

/* Cool */
/* #549DD0 */
/* #337AB7 */
/* #286090 */
/* #161F60 */
/* #00807B */
/* #006460 */
/* #4676BB */
/* #5F75B6 */
/* #2B437E */
/* #254B5B */
/* #283B26 */
.powder-blue {
  color: #549dd0 !important; }

.powder-blue-bg {
  background: #549dd0 !important; }

.powder-blue-grad {
  background: linear-gradient(to right, transparent 5%, rgba(84, 157, 208, 0.8) 25%, rgba(84, 157, 208, 0.8) 75%, transparent 95%) !important; }

.light-blue {
  color: #337ab7 !important; }

.light-blue-bg {
  background: #337ab7 !important; }

.light-blue-grad {
  background: linear-gradient(to right, transparent 5%, rgba(51, 122, 183, 0.8) 25%, rgba(51, 122, 183, 0.8) 75%, transparent 95%) !important; }

.medium-blue {
  color: #286090 !important; }

.medium-blue-bg {
  background: #286090 !important; }

.medium-blue-grad {
  background: linear-gradient(to right, transparent 5%, rgba(40, 96, 144, 0.8) 25%, rgba(40, 96, 144, 0.8) 75%, transparent 95%) !important; }

.blue {
  color: #161f60; }

.blue-bg {
  background: #161f60 !important; }

.blue-grad {
  background: linear-gradient(to right, transparent 5%, rgba(22, 31, 96, 0.8) 25%, rgba(22, 31, 96, 0.8) 75%, transparent 95%) !important; }

.medium-teal {
  color: #00807b !important; }

.medium-teal-bg {
  background: #00807b !important; }

.medium-teal-grad {
  background: linear-gradient(to right, transparent 5%, rgba(0, 128, 123, 0.8) 25%, rgba(0, 128, 123, 0.8) 75%, transparent 95%) !important; }

.dark-teal {
  color: #006460 !important; }

.dark-teal-bg {
  background: #006460 !important; }

.dark-teal-grad {
  background: linear-gradient(to right, transparent 5%, rgba(0, 100, 96, 0.8) 25%, rgba(0, 100, 96, 0.8) 75%, transparent 95%) !important; }

.medium-indigo {
  color: #4676bb !important; }

.medium-indigo-bg {
  background: #4676bb !important; }

.medium-indigo-grad {
  background: linear-gradient(to right, transparent 5%, rgba(70, 118, 187, 0.8) 25%, rgba(70, 118, 187, 0.8) 75%, transparent 95%) !important; }

.indigo {
  color: #5f75b6 !important; }

.indigo-bg {
  background: #5f75b6 !important; }

.indigo-grad {
  background: linear-gradient(to right, transparent 5%, rgba(95, 117, 182, 0.8) 25%, rgba(95, 117, 182, 0.8) 75%, transparent 95%) !important; }

.dark-indigo {
  color: #2b437e !important; }

.dark-indigo-bg {
  background: #2b437e !important; }

.dark-indigo-grad {
  background: linear-gradient(to right, transparent 5%, rgba(43, 67, 126, 0.8) 25%, rgba(43, 67, 126, 0.8) 75%, transparent 95%) !important; }

.dark-slate {
  color: #254b5b !important; }

.dark-slate-bg {
  background: #254b5b !important; }

.dark-slate-grad {
  background: linear-gradient(to right, transparent 5%, rgba(37, 75, 91, 0.8) 25%, rgba(37, 75, 91, 0.8) 75%, transparent 95%) !important; }

.dark-green {
  color: #283b26 !important; }

.dark-green-bg {
  background: #283b26 !important; }

.dark-green-grad {
  background: linear-gradient(to right, transparent 5%, rgba(40, 59, 38, 0.8) 25%, rgba(40, 59, 38, 0.8) 75%, transparent 95%) !important; }

/* Warm */
/* #E88F4A */
/* #D13B7B */
/* #EB4649 */
/* #E9343B */
/* #7F1F1C */
.light-orange {
  color: #e88f4a !important; }

.light-orange-bg {
  background: #e88f4a !important; }

.light-orange-grad {
  background: linear-gradient(to right, transparent 5%, rgba(232, 143, 74, 0.8) 25%, rgba(232, 143, 74, 0.8) 75%, transparent 95%) !important; }

.pink {
  color: #d13b7b !important; }

.pink-bg {
  background: #d13b7b !important; }

.pink-grad {
  background: linear-gradient(to right, transparent 5%, rgba(209, 59, 123, 0.8) 25%, rgba(209, 59, 123, 0.8) 75%, transparent 95%) !important; }

.medium-coral {
  color: #eb4649 !important; }

.medium-coral-bg {
  background: #eb4649 !important; }

.medium-coral-grad {
  background: linear-gradient(to right, transparent 5%, rgba(235, 70, 73, 0.8) 25%, rgba(235, 70, 73, 0.8) 75%, transparent 95%) !important; }

.dark-coral {
  color: #e9343b !important; }

.dark-coral-bg {
  background: #e9343b !important; }

.dark-coral-grad {
  background: linear-gradient(to right, transparent 5%, rgba(233, 52, 59, 0.8) 25%, rgba(233, 52, 59, 0.8) 75%, transparent 95%) !important; }

.dark-red {
  color: #7f1f1c !important; }

.dark-red-bg {
  background: #7f1f1c !important; }

.dark-red-grad {
  background: linear-gradient(to right, transparent 5%, rgba(127, 31, 28, 0.8) 25%, rgba(127, 31, 28, 0.8) 75%, transparent 95%) !important; }

/* Neutral */
/* #000000 */
/* #333333 */
/* #333333 */
/* #F3F3F5 */
/* #F3F3F5 */
/* #FFFFFF */
.black {
  color: black !important; }

.black-bg {
  background: black !important; }

.black-grad {
  background: linear-gradient(to right, transparent 5%, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0.8) 75%, transparent 95%) !important; }

.dark-grey {
  color: #333333 !important; }

.dark-grey-bg {
  background: #333333 !important; }

.dark-grey-grad {
  background: linear-gradient(to right, transparent 5%, rgba(51, 51, 51, 0.8) 25%, rgba(51, 51, 51, 0.8) 75%, transparent 95%) !important; }

.dark-gray {
  color: #333333 !important; }

.dark-gray-bg {
  background: #333333 !important; }

.dark-gray-grad {
  background: linear-gradient(to right, transparent 5%, rgba(51, 51, 51, 0.8) 25%, rgba(51, 51, 51, 0.8) 75%, transparent 95%) !important; }

.light-grey {
  color: #f3f3f3 !important; }

.light-grey-bg {
  background: #f3f3f3 !important; }

.light-grey-grad {
  background: linear-gradient(to right, transparent 5%, rgba(243, 243, 243, 0.8) 25%, rgba(243, 243, 243, 0.8) 75%, transparent 95%) !important; }

.light-gray {
  color: #f3f3f3 !important; }

.light-gray-bg {
  background: #f3f3f3 !important; }

.light-gray-grad {
  background: linear-gradient(to right, transparent 5%, rgba(243, 243, 243, 0.8) 25%, rgba(243, 243, 243, 0.8) 75%, transparent 95%) !important; }

.white {
  color: white !important; }

.white-bg {
  background: white !important; }

.white-grad {
  background: linear-gradient(to right, transparent 5%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0.8) 75%, transparent 95%) !important; }

/* FONTS */
/* 

Font Weight Guide:
----------------------------------
100 	Thin / Hairline
200 	Extra Light / Ultra Light
300 	Light
400 	Normal
500 	Medium
600 	Semibold / Demibold
700 	Bold
800 	Extra Bold / Ultra Bold
900 	Black / Heavy

*/
/* Webfont Installation */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans.svg#OpenSans") format("svg");
  font-weight: normal;
  font-weight: 400;
  font-style: normal; }
/* Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* Light */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg");
  font-weight: normal;
  font-weight: 400;
  font-style: italic; }
/* Extra Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* Extra Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-weight: 700;
  font-style: normal; }
/* Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");
  font-weight: bold;
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Jenna Sue';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.eot");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.eot?#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.woff2") format("woff2"), url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.woff") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.ttf") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/JennaSue.svg#JennaSue") format("svg");
  font-weight: normal;
  font-weight: 400;
  font-style: normal; }
/* Header */
/* Body */
/* Monospace */
/* Script */
/* eGLYPHS */
@font-face {
  font-family: 'eGlyphs';
  src: url("https://ecore.usg.edu/videos/template/css/fonts/eGlyphs.eot?h4efw9");
  src: url("https://ecore.usg.edu/videos/template/css/fonts/eGlyphs.eot?h4efw9#iefix") format("embedded-opentype"), url("https://ecore.usg.edu/videos/template/css/fonts/eGlyphs.ttf?h4efw9") format("truetype"), url("https://ecore.usg.edu/videos/template/css/fonts/eGlyphs.woff?h4efw9") format("woff"), url("https://ecore.usg.edu/videos/template/css/fonts/eGlyphs.svg?h4efw9#eGlyphs") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="ecore-"], [class*=" ecore-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'eGlyphs' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ecore-cc-on:before {
  content: "\e91b"; }

.ecore-cc-off:before {
  content: "\e91c"; }

.ecore-down:before {
  content: "\f0a3"; }

.ecore-left:before {
  content: "\f0a4"; }

.ecore-right:before {
  content: "\f078"; }

.ecore-up:before {
  content: "\f0a2"; }

.ecore-heavy-info:before {
  content: "\f059"; }

.ecore-heavy-notification:before {
  content: "\f026"; }

.ecore-bottom:before {
  content: "\f072"; }

.ecore-previous:before {
  content: "\f0a5"; }

.ecore-next:before {
  content: "\f0a6"; }

.ecore-top:before {
  content: "\f073"; }

.ecore-mute:before {
  content: "\f080"; }

.ecore-forward:before {
  content: "\f0bd"; }

.ecore-pause:before {
  content: "\f0bb"; }

.ecore-play:before {
  content: "\f0bf"; }

.ecore-rewind:before {
  content: "\f0bc"; }

.ecore-record:before {
  content: "\f052"; }

.ecore-stop:before {
  content: "\f053"; }

.ecore-fullscreen:before {
  content: "\f066"; }

.ecore-normscreen:before {
  content: "\f067"; }

.ecore-controls:before {
  content: "\f07c"; }

.ecore-menu:before {
  content: "\f05e"; }

.ecore-tridown:before {
  content: "\f05b"; }

.ecore-trileft:before {
  content: "\f044"; }

.ecore-triright:before {
  content: "\f05a"; }

.ecore-triup:before {
  content: "\f0aa"; }

.ecore-loud:before {
  content: "\f0ba"; }

.ecore-expand:before {
  content: "\e900"; }

.ecore-shrink:before {
  content: "\e901"; }

.ecore-compact-menu:before {
  content: "\e902"; }

.ecore-warning:before {
  content: "\e903"; }

.ecore-notification:before {
  content: "\e904"; }

.ecore-question:before {
  content: "\e905"; }

.ecore-plus:before {
  content: "\e91d"; }

.ecore-minus:before {
  content: "\e91e"; }

.ecore-info:before {
  content: "\e906"; }

.ecore-error:before {
  content: "\e907"; }

.ecore-xmark:before {
  content: "\e91f"; }

.ecore-checkmark:before {
  content: "\e920"; }

.ecore-heavy-play:before {
  content: "\e908"; }

.ecore-heavy-pause:before {
  content: "\e909"; }

.ecore-heavy-stop:before {
  content: "\e90a"; }

.ecore-heavy-rewind:before {
  content: "\e90b"; }

.ecore-heavy-forward:before {
  content: "\e90c"; }

.ecore-first:before {
  content: "\e90d"; }

.ecore-last:before {
  content: "\e90e"; }

.ecore-heavy-previous:before {
  content: "\e90f"; }

.ecore-heavy-next:before {
  content: "\e910"; }

.ecore-eject:before {
  content: "\e911"; }

.ecore-volume-max:before {
  content: "\e912"; }

.ecore-volume-mid:before {
  content: "\e913"; }

.ecore-volume-low:before {
  content: "\e914"; }

.ecore-volume-min:before {
  content: "\e915"; }

.ecore-volume-mute:before {
  content: "\e916"; }

.ecore-volume-up:before {
  content: "\e917"; }

.ecore-volume-down:before {
  content: "\e918"; }

.ecore-repeat:before {
  content: "\e919"; }

.ecore-shuffle:before {
  content: "\e91a"; }

/* MIXINS */
/* HEADERS */
/* 

Header Defaults:
----------------------------------
Header 	Font-Size 	Margin-Top 	Margin-Bottom

h1		2em 		0.67em 		0.67em
h2 		1.5em 		0.83em 		0.83em
h3 	 	1.17em 		1em 		1em
h4 		1em 		1.33em 		1.33em
h5 	 	0.83em 		1.67em 		1.67em
h6 	 	0.67em 		2.33em 		2.33em

*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font: bold 30px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  font-weight: bold;
  margin-left: 0;
  margin-right: 0; }

h1 {
  font-size: 2em;
  margin-top: 20px;
  margin-bottom: 20px; }

h2 {
  font-size: 1.5em;
  margin-top: 18px;
  margin-bottom: 18px; }

h3 {
  font-size: 1.25em;
  margin-top: 16px;
  margin-bottom: 16px; }

h4 {
  font-size: 1em;
  margin-top: 14px;
  margin-bottom: 14px; }

h5 {
  font-size: 0.75em;
  margin-top: 12px;
  margin-bottom: 12px; }

h6 {
  font-size: 0.5em;
  margin-top: 10px;
  margin-bottom: 10px; }

sh1, .sh1,
sh2, .sh2,
sh3, .sh3,
sh4, .sh4,
sh5, .sh5,
sh6, .sh6 {
  font: 16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  margin-left: 0;
  margin-right: 0;
  font-style: italic; }

sh1 {
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 20px; }

sh2 {
  font-size: 0.75em;
  margin-top: 18px;
  margin-bottom: 18px; }

sh3 {
  font-size: 0.625em;
  margin-top: 16px;
  margin-bottom: 16px; }

sh4 {
  font-size: 0.5em;
  margin-top: 14px;
  margin-bottom: 14px; }

sh5 {
  font-size: 0.375em;
  margin-top: 12px;
  margin-bottom: 12px; }

sh6 {
  font-size: 0.25em;
  margin-top: 10px;
  margin-bottom: 10px; }

/* LISTS */
/* 

List Style Types:
----------------------------------
Unordered Lists

circle						\25CF
white-circle 				\25CB
dotted-circle 				\25CC
square 						\25A0
white-square 				\25A1
triangle 					\25B6
white-triangle 				\25B7
dash 						\2012
bar 						\2015
diamond 					\25C6
asterisk 					\2217
heavy-asterisk 				\2731
arrowhead 					\27A4
checkbox 					\2611
xbox 						\2612
checkmark 					\2713
heavy-checkmark 			\2714
xmark 						\2717
heavy-xmark 				\2718
angle 		 				\276F
arrow 						\2192 		→
heavy-arrow 				\2794
round-arrow 				\279C
triangle-head-arrow 		\279D
heavy-triangle-head-arrow 	\279E
double-arrow 				\21D2 		⇒
open-head-arrow				\21FE
squiggle-arrow 				\21DD
dashed-arrow 				\21E2
white-arrow 				\21E8

Ordered Lists

decimal
decimal-leading-zero
*filled-circled-decimal
*circled-decimal
*fullwidth-decimal
lower-alpha
upper-alpha
*fullwidth-lower-alpha
*fullwidth-upper-alpha
*circled-upper-alpha
*circled-lower-alpha
lower-roman
upper-roman
*fullwidth-lower-roman
*fullwidth-upper-roman
*footnotes

*Browser compatibility is limited. Currently works in Firefox only.

*/
/* Custom Counter Styles */
@counter-style filled-circled-decimal {
  symbols: '\2776' '\2777' '\2778' '\2779' '\277a' '\277b' '\277c' '\277d' '\277e' '\277f' '\24EB' '\24EC' '\24ED' '\24EE' '\24EF' '\24F0' '\24F1' '\24F2' '\24F3' '\24F4';
  /* '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾' '❿' '⓫' '⓬' '⓭' '⓮' '⓯' '⓰' '⓱' '⓲' '⓳' '⓴' */
  suffix: ''; }
@counter-style fullwidth-upper-roman {
  symbols: '\2160' '\2161' '\2162' '\2163' '\2164' '\2165' '\2166' '\2167' '\2168' '\2169' '\216A' '\216B';
  /* 'Ⅰ' 'Ⅱ' 'Ⅲ' 'Ⅳ' 'Ⅴ' 'Ⅵ' 'Ⅶ' 'Ⅷ' 'Ⅸ' 'Ⅹ' 'Ⅺ' 'Ⅻ' */
  suffix: ''; }
@counter-style fullwidth-lower-roman {
  symbols: '\2170' '\2171' '\2172' '\2173' '\2174' '\2175' '\2176' '\2177' '\2178' '\2179' '\217A' '\217B';
  /* 'ⅰ' 'ⅱ' 'ⅲ' 'ⅳ' 'ⅴ' 'ⅵ' 'ⅶ' 'ⅷ' 'ⅸ' 'ⅹ' 'ⅺ' 'ⅻ' */
  suffix: ''; }
@counter-style circled-decimal {
  symbols: '\24EA' '\2460' '\2461' '\2462' '\2463' '\2464' '\2465' '\2466' '\2467' '\2468' '\2469' '\246A' '\246B' '\246C' '\246D' '\246E' '\246F' '\2470' '\2471' '\2472' '\2473' '\3251' '\3252' '\3253' '\3254' '\3255' '\3256' '\3257' '\3258' '\3259' '\325a' '\325b' '\325c' '\325d' '\325e' '\325f' '\32b1' '\32b2' '\32b3' '\32b4' '\32b5' '\32b6' '\32b7' '\32b8' '\32b9' '\32ba' '\32bb' '\32bc' '\32bd' '\32be' '\32bf';
  /* '⓪' '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩' '⑪' '⑫' '⑬' '⑭' '⑮' '⑯' '⑰' '⑱' '⑲' '⑳' '㉑' '㉒' '㉓' '㉔' '㉕' '㉖' '㉗' '㉘' '㉙' '㉚' '㉛' '㉜' '㉝' '㉞' '㉟' '㊱' '㊲' '㊳' '㊴' '㊵' '㊶' '㊷' '㊸' '㊹' '㊺' '㊻' '㊼' '㊽' '㊾' '㊿' */
  suffix: ''; }
@counter-style circled-lower-alpha {
  symbols: '\24D0' '\24D1' '\24D2' '\24D3' '\24D4' '\24D5' '\24D6' '\24D7' '\24D8' '\24D9' '\24DA' '\24DB' '\24DC' '\24DD' '\24DE' '\24DF' '\24E0' '\24E1' '\24E2' '\24E3' '\24E4' '\24E5' '\24E6' '\24E7' '\24E8' '\24E9';
  /* 'ⓐ' 'ⓑ' 'ⓒ' 'ⓓ' 'ⓔ' 'ⓕ' 'ⓖ' 'ⓗ' 'ⓘ' 'ⓙ' 'ⓚ' 'ⓛ' 'ⓜ' 'ⓝ' 'ⓞ' 'ⓟ' 'ⓠ' 'ⓡ' 'ⓢ' 'ⓣ' 'ⓤ' 'ⓥ' 'ⓦ' 'ⓧ' 'ⓨ' 'ⓩ' */
  suffix: ''; }
@counter-style circled-upper-alpha {
  symbols: '\24B6' '\24B7' '\24B8' '\24B9' '\24BA' '\24BB' '\24BC' '\24BD' '\24BE' '\24BF' '\24C0' '\24C1' '\24C2' '\24C3' '\24C4' '\24C5' '\24C6' '\24C7' '\24C8' '\24C9' '\24CA' '\24CB' '\24CC' '\24CD' '\24CE' '\24CF';
  /* 'Ⓐ' 'Ⓑ' 'Ⓒ' 'Ⓓ' 'Ⓔ' 'Ⓕ' 'Ⓖ' 'Ⓗ' 'Ⓘ' 'Ⓙ' 'Ⓚ' 'Ⓛ' 'Ⓜ' 'Ⓝ' 'Ⓞ' 'Ⓟ' 'Ⓠ' 'Ⓡ' 'Ⓢ' 'Ⓣ' 'Ⓤ' 'Ⓥ' 'Ⓦ' 'Ⓧ' 'Ⓨ' 'Ⓩ' */
  suffix: ''; }
@counter-style footnotes {
  symbols: '\2A' '\2051' '\2020' '\2021';
  /* '*' '⁑' '†' '‡' */
  suffix: ''; }
@counter-style fullwidth-decimal {
  symbols: '\FF10' '\FF11' '\FF12' '\FF13' '\FF14' '\FF15' '\FF16' '\FF17' '\FF18' '\FF19';
  /* '０' '１' '２' '３' '４' '５' '６' '７' '８' '９' */ }
@counter-style fullwidth-lower-alpha {
  symbols: '\FF41' '\FF42' '\FF43' '\FF44' '\FF45' '\FF46' '\FF47' '\FF48' '\FF49' '\FF4A' '\FF4B' '\FF4C' '\FF4D' '\FF4E' '\FF4F' '\FF50' '\FF51' '\FF52' '\FF53' '\FF54' '\FF55' '\FF56' '\FF57' '\FF58' '\FF59' '\FF5A';
  /* 'ａ' 'ｂ' 'ｃ' 'ｄ' 'ｅ' 'ｆ' 'ｇ' 'ｈ' 'ｉ' 'ｊ' 'ｋ' 'ｌ' 'ｍ' 'ｎ' 'ｏ' 'ｐ' 'ｑ' 'ｒ' 'ｓ' 'ｔ' 'ｕ' 'ｖ' 'ｗ' 'ｘ' 'ｙ' 'ｚ' */
  suffix: '．'; }
@counter-style fullwidth-upper-alpha {
  symbols: '\FF21' '\FF22' '\FF23' '\FF24' '\FF25' '\FF26' '\FF27' '\FF28' '\FF29' '\FF2A' '\FF2B' '\FF2C' '\FF2D' '\FF2E' '\FF2F' '\FF30' '\FF31' '\FF32' '\FF33' '\FF34' '\FF35' '\FF36' '\FF37' '\FF38' '\FF39' '\FF3A';
  /* 'Ａ' 'Ｂ' 'Ｃ' 'Ｄ' 'Ｅ' 'Ｆ' 'Ｇ' 'Ｈ' 'Ｉ' 'Ｊ' 'Ｋ' 'Ｌ' 'Ｍ' 'Ｎ' 'Ｏ' 'Ｐ' 'Ｑ' 'Ｒ' 'Ｓ' 'Ｔ' 'Ｕ' 'Ｖ' 'Ｗ' 'Ｘ' 'Ｙ' 'Ｚ' */
  suffix: '．'; }
/* Custom Markers */
ul, ol {
  list-style-position: inside;
  line-height: 150%;
  list-style-type: none;
  counter-reset: count;
  position: relative;
  display: block;
  padding-left: 3.5em; }

ul:before,
ol:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: calc(1em - 1px);
  margin: 0;
  top: 0;
  width: 2px; }

lt > ul,
lt > ol,
li > ul,
li > ol,
ls > ul,
ls > ol {
  padding-left: 2em; }

lt > ul:before,
lt > ol:before,
li > ul:before,
li > ol:before,
ls > ul:before,
ls > ol:before {
  content: none;
  display: none; }

/* List Title should only be applied to first-level lists. */
lt {
  display: block;
  font-weight: bold;
  color: white;
  margin-left: -2.5em;
  margin-bottom: 10px;
  padding: 2px 1.5em;
  /*background-image:*/
  /* Background to be added by js. */
  background-repeat: no-repeat; }

/* List Subs can be applied to subsequent list levels. */
ls {
  font-weight: 600; }

li {
  font-weight: normal; }

li, ls {
  display: table-row;
  counter-increment: count;
  position: relative; }

li:before, ls:before {
  left: -1em;
  display: table-cell;
  position: relative;
  text-align: center; }

/* First-Level */
ul li:before,
ul ls:before {
  content: "●"; }

ol li:before,
ol ls:before {
  content: counter(count,decimal) "."; }

/* Second-Level */
ul li ul li:before,
ul li ul ls:before,
ul ls ul li:before,
ul ls ul ls:before,
ol li ul li:before,
ol li ul ls:before,
ol ls ul li:before,
ol ls ul ls:before {
  content: "○"; }

ol li ol li:before,
ol li ol ls:before,
ol ls ol li:before,
ol ls ol ls:before,
ul li ol li:before,
ul li ol ls:before,
ul ls ol li:before,
ul ls ol ls:before {
  content: counter(count,upper-roman) "."; }

/* Third-Level */
ul li ul li ul li:before,
ul li ul ls ul li:before,
ul ls ul li ul li:before,
ul li ul li ul ls:before,
ul ls ul ls ul li:before,
ul ls ul li ul ls:before,
ul li ul ls ul ls:before,
ul ls ul ls ul ls:before,
ul li ol li ul li:before,
ul li ol ls ul li:before,
ul ls ol li ul li:before,
ul li ol li ul ls:before,
ul ls ol ls ul li:before,
ul ls ol li ul ls:before,
ul li ol ls ul ls:before,
ul ls ol ls ul ls:before,
ol li ul li ul li:before,
ol li ul ls ul li:before,
ol ls ul li ul li:before,
ol li ul li ul ls:before,
ol ls ul ls ul li:before,
ol ls ul li ul ls:before,
ol li ul ls ul ls:before,
ol ls ul ls ul ls:before,
ol li ol li ul li:before,
ol li ol ls ul li:before,
ol ls ol li ul li:before,
ol li ol li ul ls:before,
ol ls ol ls ul li:before,
ol ls ol li ul ls:before,
ol li ol ls ul ls:before,
ol ls ol ls ul ls:before {
  content: "■"; }

ol li ul li ol li:before,
ol li ul ls ol li:before,
ol ls ul li ol li:before,
ol li ul li ol ls:before,
ol ls ul ls ol li:before,
ol ls ul li ol ls:before,
ol li ul ls ol ls:before,
ol ls ul ls ol ls:before,
ol li ol li ol li:before,
ol li ol ls ol li:before,
ol ls ol li ol li:before,
ol li ol li ol ls:before,
ol ls ol ls ol li:before,
ol ls ol li ol ls:before,
ol li ol ls ol ls:before,
ol ls ol ls ol ls:before,
ul li ul li ol li:before,
ul li ul ls ol li:before,
ul ls ul li ol li:before,
ul li ul li ol ls:before,
ul ls ul ls ol li:before,
ul ls ul li ol ls:before,
ul li ul ls ol ls:before,
ul ls ul ls ol ls:before,
ul li ol li ol li:before,
ul li ol ls ol li:before,
ul ls ol li ol li:before,
ul li ol li ol ls:before,
ul ls ol ls ol li:before,
ul ls ol li ol ls:before,
ul li ol ls ol ls:before,
ul ls ol ls ol ls:before {
  content: counter(count,upper-alpha) "."; }

/* Ordered List Markers */
ul[marker=decimal] li:before,
ol[marker=decimal] li:before,
ul[marker=decimal] ls:before,
ol[marker=decimal] ls:before,
li[marker=decimal]:before,
ls[marker=decimal]:before {
  content: counter(count,decimal) "."; }

ul[marker=decimal-leading-zero] li:before,
ol[marker=decimal-leading-zero] li:before,
ul[marker=decimal-leading-zero] ls:before,
ol[marker=decimal-leading-zero] ls:before,
li[marker=decimal-leading-zero]:before,
ls[marker=decimal-leading-zero]:before {
  content: counter(count,decimal-leading-zero) "."; }

/* Limited Compatibility */
ul[marker=filled-circled-decimal] li:before,
ol[marker=filled-circled-decimal] li:before,
ul[marker=filled-circled-decimal] ls:before,
ol[marker=filled-circled-decimal] ls:before,
li[marker=filled-circled-decimal]:before,
ls[marker=filled-circled-decimal]:before {
  content: counter(count,filled-circled-decimal); }

/* Limited Compatibility */
ul[marker=circled-decimal] li:before,
ol[marker=circled-decimal] li:before,
ul[marker=circled-decimal] ls:before,
ol[marker=circled-decimal] ls:before,
li[marker=circled-decimal]:before,
ls[marker=circled-decimal]:before {
  content: counter(count,circled-decimal); }

/* Limited Compatibility */
ul[marker=fullwidth-decimal] li:before,
ol[marker=fullwidth-decimal] li:before,
ul[marker=fullwidth-decimal] ls:before,
ol[marker=fullwidth-decimal] ls:before,
li[marker=fullwidth-decimal]:before,
ls[marker=fullwidth-decimal]:before {
  content: counter(count,fullwidth-decimal); }

ul[marker=lower-alpha] li:before,
ol[marker=lower-alpha] li:before,
ul[marker=lower-alpha] ls:before,
ol[marker=lower-alpha] ls:before,
li[marker=lower-alpha]:before,
ls[marker=lower-alpha]:before {
  content: counter(count,lower-alpha) "."; }

ul[marker=upper-alpha] li:before,
ol[marker=upper-alpha] li:before,
ul[marker=upper-alpha] ls:before,
ol[marker=upper-alpha] ls:before,
li[marker=upper-alpha]:before,
ls[marker=upper-alpha]:before {
  content: counter(count,upper-alpha) "."; }

/* Limited Compatibility */
ul[marker=fullwidth-lower-alpha] li:before,
ol[marker=fullwidth-lower-alpha] li:before,
ul[marker=fullwidth-lower-alpha] ls:before,
ol[marker=fullwidth-lower-alpha] ls:before,
li[marker=fullwidth-lower-alpha]:before,
ls[marker=fullwidth-lower-alpha]:before {
  content: counter(count,fullwidth-lower-alpha); }

/* Limited Compatibility */
ul[marker=fullwidth-upper-alpha] li:before,
ol[marker=fullwidth-upper-alpha] li:before,
ul[marker=fullwidth-upper-alpha] ls:before,
ol[marker=fullwidth-upper-alpha] ls:before,
li[marker=fullwidth-upper-alpha]:before,
ls[marker=fullwidth-upper-alpha]:before {
  content: counter(count,fullwidth-upper-alpha); }

/* Limited Compatibility */
ul[marker=circled-lower-alpha] li:before,
ol[marker=circled-lower-alpha] li:before,
ul[marker=circled-lower-alpha] ls:before,
ol[marker=circled-lower-alpha] ls:before,
li[marker=circled-lower-alpha]:before,
ls[marker=circled-lower-alpha]:before {
  content: counter(count,circled-lower-alpha); }

/* Limited Compatibility */
ul[marker=circled-upper-alpha] li:before,
ol[marker=circled-upper-alpha] li:before,
ul[marker=circled-upper-alpha] ls:before,
ol[marker=circled-upper-alpha] ls:before,
li[marker=circled-upper-alpha]:before,
ls[marker=circled-upper-alpha]:before {
  content: counter(count,circled-upper-alpha); }

ul[marker=lower-roman] li:before,
ol[marker=lower-roman] li:before,
ul[marker=lower-roman] ls:before,
ol[marker=lower-roman] ls:before,
li[marker=lower-roman]:before,
ls[marker=lower-roman]:before {
  content: counter(count,lower-roman) "."; }

ul[marker=upper-roman] li:before,
ol[marker=upper-roman] li:before,
ul[marker=upper-roman] ls:before,
ol[marker=upper-roman] ls:before,
li[marker=upper-roman]:before,
ls[marker=upper-roman]:before {
  content: counter(count,upper-roman) "."; }

/* Limited Compatibility */
ul[marker=fullwidth-lower-roman] li:before,
ol[marker=fullwidth-lower-roman] li:before,
ul[marker=fullwidth-lower-roman] ls:before,
ol[marker=fullwidth-lower-roman] ls:before,
li[marker=fullwidth-lower-roman]:before,
ls[marker=fullwidth-lower-roman]:before {
  content: counter(count,fullwidth-lower-roman); }

/* Limited Compatibility */
ul[marker=fullwidth-upper-roman] li:before,
ol[marker=fullwidth-upper-roman] li:before,
ul[marker=fullwidth-upper-roman] ls:before,
ol[marker=fullwidth-upper-roman] ls:before,
li[marker=fullwidth-upper-roman]:before,
ls[marker=fullwidth-upper-roman]:before {
  content: counter(count,fullwidth-upper-roman); }

/* Limited Compatibility */
ul[marker=footnotes] li:before,
ol[marker=footnotes] li:before,
ul[marker=footnotes] ls:before,
ol[marker=footnotes] ls:before,
li[marker=footnotes]:before,
ls[marker=footnotes]:before {
  content: counter(count,footnotes); }

/* Unordered List Markers */
ul[marker=circle] li,
ol[marker=circle] li,
ul[marker=circle] ls,
ol[marker=circle] ls,
li[marker=circle],
ls[marker=circle] {
  list-style-type: none; }
  ul[marker=circle] li:before,
  ol[marker=circle] li:before,
  ul[marker=circle] ls:before,
  ol[marker=circle] ls:before,
  li[marker=circle]:before,
  ls[marker=circle]:before {
    content: "●"; }

ul[marker=white-circle] li,
ol[marker=white-circle] li,
ul[marker=white-circle] ls,
ol[marker=white-circle] ls,
li[marker=white-circle],
ls[marker=white-circle] {
  list-style-type: none; }
  ul[marker=white-circle] li:before,
  ol[marker=white-circle] li:before,
  ul[marker=white-circle] ls:before,
  ol[marker=white-circle] ls:before,
  li[marker=white-circle]:before,
  ls[marker=white-circle]:before {
    content: "○"; }

ul[marker=dotted-circle] li,
ol[marker=dotted-circle] li,
ul[marker=dotted-circle] ls,
ol[marker=dotted-circle] ls,
li[marker=dotted-circle],
ls[marker=dotted-circle] {
  list-style-type: none; }
  ul[marker=dotted-circle] li:before,
  ol[marker=dotted-circle] li:before,
  ul[marker=dotted-circle] ls:before,
  ol[marker=dotted-circle] ls:before,
  li[marker=dotted-circle]:before,
  ls[marker=dotted-circle]:before {
    content: "◌"; }

ul[marker=square] li,
ol[marker=square] li,
ul[marker=square] ls,
ol[marker=square] ls,
li[marker=square],
ls[marker=square] {
  list-style-type: none; }
  ul[marker=square] li:before,
  ol[marker=square] li:before,
  ul[marker=square] ls:before,
  ol[marker=square] ls:before,
  li[marker=square]:before,
  ls[marker=square]:before {
    content: "■"; }

ul[marker=white-square] li,
ol[marker=white-square] li,
ul[marker=white-square] ls,
ol[marker=white-square] ls,
li[marker=white-square],
ls[marker=white-square] {
  list-style-type: none; }
  ul[marker=white-square] li:before,
  ol[marker=white-square] li:before,
  ul[marker=white-square] ls:before,
  ol[marker=white-square] ls:before,
  li[marker=white-square]:before,
  ls[marker=white-square]:before {
    content: "□"; }

ul[marker=triangle] li,
ol[marker=triangle] li,
ul[marker=triangle] ls,
ol[marker=triangle] ls,
li[marker=triangle],
ls[marker=triangle] {
  list-style-type: none; }
  ul[marker=triangle] li:before,
  ol[marker=triangle] li:before,
  ul[marker=triangle] ls:before,
  ol[marker=triangle] ls:before,
  li[marker=triangle]:before,
  ls[marker=triangle]:before {
    content: "▶"; }

ul[marker=white-triangle] li,
ol[marker=white-triangle] li,
ul[marker=white-triangle] ls,
ol[marker=white-triangle] ls,
li[marker=white-triangle],
ls[marker=white-triangle] {
  list-style-type: none; }
  ul[marker=white-triangle] li:before,
  ol[marker=white-triangle] li:before,
  ul[marker=white-triangle] ls:before,
  ol[marker=white-triangle] ls:before,
  li[marker=white-triangle]:before,
  ls[marker=white-triangle]:before {
    content: "▷"; }

ul[marker=dash] li,
ol[marker=dash] li,
ul[marker=dash] ls,
ol[marker=dash] ls,
li[marker=dash],
ls[marker=dash] {
  list-style-type: none; }
  ul[marker=dash] li:before,
  ol[marker=dash] li:before,
  ul[marker=dash] ls:before,
  ol[marker=dash] ls:before,
  li[marker=dash]:before,
  ls[marker=dash]:before {
    content: "‒"; }

ul[marker=bar] li,
ol[marker=bar] li,
ul[marker=bar] ls,
ol[marker=bar] ls,
li[marker=bar],
ls[marker=bar] {
  list-style-type: none; }
  ul[marker=bar] li:before,
  ol[marker=bar] li:before,
  ul[marker=bar] ls:before,
  ol[marker=bar] ls:before,
  li[marker=bar]:before,
  ls[marker=bar]:before {
    content: "―"; }

ul[marker=diamond] li,
ol[marker=diamond] li,
ul[marker=diamond] ls,
ol[marker=diamond] ls,
li[marker=diamond],
ls[marker=diamond] {
  list-style-type: none; }
  ul[marker=diamond] li:before,
  ol[marker=diamond] li:before,
  ul[marker=diamond] ls:before,
  ol[marker=diamond] ls:before,
  li[marker=diamond]:before,
  ls[marker=diamond]:before {
    content: "◆"; }

ul[marker=asterisk] li,
ol[marker=asterisk] li,
ul[marker=asterisk] ls,
ol[marker=asterisk] ls,
li[marker=asterisk],
ls[marker=asterisk] {
  list-style-type: none; }
  ul[marker=asterisk] li:before,
  ol[marker=asterisk] li:before,
  ul[marker=asterisk] ls:before,
  ol[marker=asterisk] ls:before,
  li[marker=asterisk]:before,
  ls[marker=asterisk]:before {
    content: "∗"; }

ul[marker=heavy-asterisk] li,
ol[marker=heavy-asterisk] li,
ul[marker=heavy-asterisk] ls,
ol[marker=heavy-asterisk] ls,
li[marker=heavy-asterisk],
ls[marker=heavy-asterisk] {
  list-style-type: none; }
  ul[marker=heavy-asterisk] li:before,
  ol[marker=heavy-asterisk] li:before,
  ul[marker=heavy-asterisk] ls:before,
  ol[marker=heavy-asterisk] ls:before,
  li[marker=heavy-asterisk]:before,
  ls[marker=heavy-asterisk]:before {
    content: "✱"; }

ul[marker=arrowhead] li,
ol[marker=arrowhead] li,
ul[marker=arrowhead] ls,
ol[marker=arrowhead] ls,
li[marker=arrowhead],
ls[marker=arrowhead] {
  list-style-type: none; }
  ul[marker=arrowhead] li:before,
  ol[marker=arrowhead] li:before,
  ul[marker=arrowhead] ls:before,
  ol[marker=arrowhead] ls:before,
  li[marker=arrowhead]:before,
  ls[marker=arrowhead]:before {
    content: "➤"; }

ul[marker=checkbox] li,
ol[marker=checkbox] li,
ul[marker=checkbox] ls,
ol[marker=checkbox] ls,
li[marker=checkbox],
ls[marker=checkbox] {
  list-style-type: none; }
  ul[marker=checkbox] li:before,
  ol[marker=checkbox] li:before,
  ul[marker=checkbox] ls:before,
  ol[marker=checkbox] ls:before,
  li[marker=checkbox]:before,
  ls[marker=checkbox]:before {
    content: "☑"; }

ul[marker=xbox] li,
ol[marker=xbox] li,
ul[marker=xbox] ls,
ol[marker=xbox] ls,
li[marker=xbox],
ls[marker=xbox] {
  list-style-type: none; }
  ul[marker=xbox] li:before,
  ol[marker=xbox] li:before,
  ul[marker=xbox] ls:before,
  ol[marker=xbox] ls:before,
  li[marker=xbox]:before,
  ls[marker=xbox]:before {
    content: "☒"; }

ul[marker=checkmark] li,
ol[marker=checkmark] li,
ul[marker=checkmark] ls,
ol[marker=checkmark] ls,
li[marker=checkmark],
ls[marker=checkmark] {
  list-style-type: none; }
  ul[marker=checkmark] li:before,
  ol[marker=checkmark] li:before,
  ul[marker=checkmark] ls:before,
  ol[marker=checkmark] ls:before,
  li[marker=checkmark]:before,
  ls[marker=checkmark]:before {
    content: "✓"; }

ul[marker=heavy-checkmark] li,
ol[marker=heavy-checkmark] li,
ul[marker=heavy-checkmark] ls,
ol[marker=heavy-checkmark] ls,
li[marker=heavy-checkmark],
ls[marker=heavy-checkmark] {
  list-style-type: none; }
  ul[marker=heavy-checkmark] li:before,
  ol[marker=heavy-checkmark] li:before,
  ul[marker=heavy-checkmark] ls:before,
  ol[marker=heavy-checkmark] ls:before,
  li[marker=heavy-checkmark]:before,
  ls[marker=heavy-checkmark]:before {
    content: "✔"; }

ul[marker=xmark] li,
ol[marker=xmark] li,
ul[marker=xmark] ls,
ol[marker=xmark] ls,
li[marker=xmark],
ls[marker=xmark] {
  list-style-type: none; }
  ul[marker=xmark] li:before,
  ol[marker=xmark] li:before,
  ul[marker=xmark] ls:before,
  ol[marker=xmark] ls:before,
  li[marker=xmark]:before,
  ls[marker=xmark]:before {
    content: "✗"; }

ul[marker=heavy-xmark] li,
ol[marker=heavy-xmark] li,
ul[marker=heavy-xmark] ls,
ol[marker=heavy-xmark] ls,
li[marker=heavy-xmark],
ls[marker=heavy-xmark] {
  list-style-type: none; }
  ul[marker=heavy-xmark] li:before,
  ol[marker=heavy-xmark] li:before,
  ul[marker=heavy-xmark] ls:before,
  ol[marker=heavy-xmark] ls:before,
  li[marker=heavy-xmark]:before,
  ls[marker=heavy-xmark]:before {
    content: "✘"; }

ul[marker=angle] li,
ol[marker=angle] li,
ul[marker=angle] ls,
ol[marker=angle] ls,
li[marker=angle],
ls[marker=angle] {
  list-style-type: none; }
  ul[marker=angle] li:before,
  ol[marker=angle] li:before,
  ul[marker=angle] ls:before,
  ol[marker=angle] ls:before,
  li[marker=angle]:before,
  ls[marker=angle]:before {
    content: "❯"; }

ul[marker=arrow] li,
ol[marker=arrow] li,
ul[marker=arrow] ls,
ol[marker=arrow] ls,
li[marker=arrow],
ls[marker=arrow] {
  list-style-type: none; }
  ul[marker=arrow] li:before,
  ol[marker=arrow] li:before,
  ul[marker=arrow] ls:before,
  ol[marker=arrow] ls:before,
  li[marker=arrow]:before,
  ls[marker=arrow]:before {
    content: "→"; }

ul[marker=heavy-arrow] li,
ol[marker=heavy-arrow] li,
ul[marker=heavy-arrow] ls,
ol[marker=heavy-arrow] ls,
li[marker=heavy-arrow],
ls[marker=heavy-arrow] {
  list-style-type: none; }
  ul[marker=heavy-arrow] li:before,
  ol[marker=heavy-arrow] li:before,
  ul[marker=heavy-arrow] ls:before,
  ol[marker=heavy-arrow] ls:before,
  li[marker=heavy-arrow]:before,
  ls[marker=heavy-arrow]:before {
    content: "➔"; }

ul[marker=round-arrow] li,
ol[marker=round-arrow] li,
ul[marker=round-arrow] ls,
ol[marker=round-arrow] ls,
li[marker=round-arrow],
ls[marker=round-arrow] {
  list-style-type: none; }
  ul[marker=round-arrow] li:before,
  ol[marker=round-arrow] li:before,
  ul[marker=round-arrow] ls:before,
  ol[marker=round-arrow] ls:before,
  li[marker=round-arrow]:before,
  ls[marker=round-arrow]:before {
    content: "➜"; }

ul[marker=triangle-head-arrow] li,
ol[marker=triangle-head-arrow] li,
ul[marker=triangle-head-arrow] ls,
ol[marker=triangle-head-arrow] ls,
li[marker=triangle-head-arrow],
ls[marker=triangle-head-arrow] {
  list-style-type: none; }
  ul[marker=triangle-head-arrow] li:before,
  ol[marker=triangle-head-arrow] li:before,
  ul[marker=triangle-head-arrow] ls:before,
  ol[marker=triangle-head-arrow] ls:before,
  li[marker=triangle-head-arrow]:before,
  ls[marker=triangle-head-arrow]:before {
    content: "➝"; }

ul[marker=heavy-triangle-head-arrow] li,
ol[marker=heavy-triangle-head-arrow] li,
ul[marker=heavy-triangle-head-arrow] ls,
ol[marker=heavy-triangle-head-arrow] ls,
li[marker=heavy-triangle-head-arrow],
ls[marker=heavy-triangle-head-arrow] {
  list-style-type: none; }
  ul[marker=heavy-triangle-head-arrow] li:before,
  ol[marker=heavy-triangle-head-arrow] li:before,
  ul[marker=heavy-triangle-head-arrow] ls:before,
  ol[marker=heavy-triangle-head-arrow] ls:before,
  li[marker=heavy-triangle-head-arrow]:before,
  ls[marker=heavy-triangle-head-arrow]:before {
    content: "➞"; }

ul[marker=double-arrow] li,
ol[marker=double-arrow] li,
ul[marker=double-arrow] ls,
ol[marker=double-arrow] ls,
li[marker=double-arrow],
ls[marker=double-arrow] {
  list-style-type: none; }
  ul[marker=double-arrow] li:before,
  ol[marker=double-arrow] li:before,
  ul[marker=double-arrow] ls:before,
  ol[marker=double-arrow] ls:before,
  li[marker=double-arrow]:before,
  ls[marker=double-arrow]:before {
    content: "⇒"; }

ul[marker=open-head-arrow] li,
ol[marker=open-head-arrow] li,
ul[marker=open-head-arrow] ls,
ol[marker=open-head-arrow] ls,
li[marker=open-head-arrow],
ls[marker=open-head-arrow] {
  list-style-type: none; }
  ul[marker=open-head-arrow] li:before,
  ol[marker=open-head-arrow] li:before,
  ul[marker=open-head-arrow] ls:before,
  ol[marker=open-head-arrow] ls:before,
  li[marker=open-head-arrow]:before,
  ls[marker=open-head-arrow]:before {
    content: "⇾"; }

ul[marker=squiggle-arrow] li,
ol[marker=squiggle-arrow] li,
ul[marker=squiggle-arrow] ls,
ol[marker=squiggle-arrow] ls,
li[marker=squiggle-arrow],
ls[marker=squiggle-arrow] {
  list-style-type: none; }
  ul[marker=squiggle-arrow] li:before,
  ol[marker=squiggle-arrow] li:before,
  ul[marker=squiggle-arrow] ls:before,
  ol[marker=squiggle-arrow] ls:before,
  li[marker=squiggle-arrow]:before,
  ls[marker=squiggle-arrow]:before {
    content: "⇝"; }

ul[marker=dashed-arrow] li,
ol[marker=dashed-arrow] li,
ul[marker=dashed-arrow] ls,
ol[marker=dashed-arrow] ls,
li[marker=dashed-arrow],
ls[marker=dashed-arrow] {
  list-style-type: none; }
  ul[marker=dashed-arrow] li:before,
  ol[marker=dashed-arrow] li:before,
  ul[marker=dashed-arrow] ls:before,
  ol[marker=dashed-arrow] ls:before,
  li[marker=dashed-arrow]:before,
  ls[marker=dashed-arrow]:before {
    content: "⇢"; }

ul[marker=white-arrow] li,
ol[marker=white-arrow] li,
ul[marker=white-arrow] ls,
ol[marker=white-arrow] ls,
li[marker=white-arrow],
ls[marker=white-arrow] {
  list-style-type: none; }
  ul[marker=white-arrow] li:before,
  ol[marker=white-arrow] li:before,
  ul[marker=white-arrow] ls:before,
  ol[marker=white-arrow] ls:before,
  li[marker=white-arrow]:before,
  ls[marker=white-arrow]:before {
    content: "⇨"; }

ul.keywords {
  display: table;
  padding: 10px;
  margin-left: 0;
  margin-right: 0;
  background: rgba(51, 51, 51, 0.05);
  box-sizing: border-box;
  width: 100%; }
  ul.keywords lt, ul.keywords li, ul.keywords ls {
    display: block;
    margin: 2px;
    float: left;
    padding: 2.5px 7.5px;
    box-sizing: border-box;
    /*background:*/
    /* Background to be added by js. */
    position: relative;
    list-style-type: none !important;
    /*color:*/
    /* Color to be added by js. */
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 3px; }
  ul.keywords lt:before, ul.keywords li:before, ul.keywords ls:before {
    content: '';
    display: none; }

ul.keywords *:first-child {
  margin-left: 0; }

ul.keywords *:last-child {
  margin-right: 0; }

ul.keywords:before {
  content: '';
  display: none; }

/* ACCORDION */
accordion {
  display: block;
  width: 100%;
  position: relative;
  margin: 1em 0em; }
  accordion button {
    display: block;
    position: relative;
    width: 100px;
    height: 25px;
    outline: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #333333;
    background: white;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    margin-left: calc(100% - 100px); }
  accordion button:hover {
    background: rgba(0, 0, 0, 0.15); }
  accordion input {
    display: none; }
  accordion label {
    display: block;
    width: 100%;
    padding: 10px 50px;
    background: #333333;
    color: white;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }
  accordion label:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  accordion label:hover {
    background: rgba(51, 51, 51, 0.9); }
  accordion label:before,
  accordion label:after {
    display: block;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    font-family: eGlyphs; }
  accordion label:before {
    content: 'right';
    left: 0;
    font-size: 1.25em;
    line-height: 160%; }
  accordion input[toggle=yes]:not(:checked) + label:before {
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out; }
  accordion input[toggle=yes]:checked + label:before {
    transform: rotate(90deg);
    transition: transform 0.5s ease-in-out; }
  accordion label:after {
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    line-height: 200%; }
  accordion input[toggle=yes]:not(:checked) + label:after,
  accordion input.closed + label:after {
    content: 'plus'; }
  accordion input[toggle=yes]:checked + label:after,
  accordion input.open + label:after {
    content: 'minus'; }
  accordion panel {
    /* Opacity, Max-Height, and Margin are toggled by js to create accordion effect. */
    display: block;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    /* Set Opacity to 0 by default to prevent flicker on page load before js kicks in. */
    padding: 0em 1em;
    /*margin:*/
    /*max-height:*/
    transition: 0.5s ease-in-out; }

/* BOX */
boxes {
  display: block;
  position: relative;
  margin: 1em 0px;
  padding-bottom: 25px;
  text-align: center; }
  boxes box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px;
    box-sizing: border-box;
    padding: 10px 10px;
    font-size: 0.9em;
    box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.25);
    transition: background 0.25s ease-in-out;
    /*color:*/
    /* Color to be set by js. */ }
    boxes box heading {
      display: block;
      position: relative;
      width: 100%;
      text-align: center;
      box-sizing: border-box; }
    boxes box heading:after,
    boxes box heading:before {
      content: none; }
    boxes box img,
    boxes box audio,
    boxes box video,
    boxes box object,
    boxes box table {
      max-width: 100%; }
  boxes box:hover,
  boxes box:focus {
    transition: background 0.25s ease-in-out; }

/* MULTIMEDIA */
multimedia {
  display: block;
  position: relative;
  margin: 1em 0px;
  padding: 25px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.25);
  /*background:*/
  /* Background to be set by js. */ }
  multimedia description {
    display: block;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.6); }
  multimedia media {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 10px 0px;
    width: 100%;
    overflow: hidden;
    text-align: left; }
    multimedia media iframe:not([fluid]),
    multimedia media video,
    multimedia media audio,
    multimedia media img {
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      cursor: pointer; }
    multimedia media audio::-webkit-media-controls-enclosure {
      max-width: 100%; }
    multimedia media video::-webkit-media-controls-enclosure {
      max-width: 99.9%; }
  multimedia input {
    display: none; }
  multimedia label {
    display: block;
    width: 100%;
    padding: 10px 50px;
    background: #333333;
    color: white;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-align: left; }
  multimedia label:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  multimedia label:hover {
    background: rgba(51, 51, 51, 0.9); }
  multimedia label:before,
  multimedia label:after {
    display: block;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 175%;
    width: 30px; }
  multimedia label:before {
    content: '\276F';
    left: 0; }
  multimedia input[toggle=yes]:not(:checked) + label:before {
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out; }
  multimedia input[toggle=yes]:checked + label:before {
    transform: rotate(90deg);
    transition: transform 0.5s ease-in-out; }
  multimedia label:after {
    right: 0;
    background: rgba(255, 255, 255, 0.1); }
  multimedia input[toggle=yes]:not(:checked) + label:after,
  multimedia input.closed + label:after {
    content: '\FF0B'; }
  multimedia input[toggle=yes]:checked + label:after,
  multimedia input.open + label:after {
    content: '\FF0D'; }
  multimedia transcript {
    display: block;
    position: relative;
    width: calc(100% - 20px);
    background: white;
    /* Opacity, Max-Height, Padding-Top, and Padding-Bottom are toggled by js to create accordion effect. */
    overflow: hidden;
    opacity: 0;
    /* Set Opacity to 0 by default to prevent flicker on page load before js kicks in. */
    /*padding-top:*/
    /*padding-bottom:*/
    padding-left: 10px;
    padding-right: 10px;
    /*max-height:*/
    transition: 0.6s ease-in-out; }
    multimedia transcript trans {
      display: table;
      border-collapse: separate;
      border-spacing: 0.5ex;
      position: relative;
      line-height: 1.5em;
      text-align: left; }
      multimedia transcript trans time,
      multimedia transcript trans person,
      multimedia transcript trans noise,
      multimedia transcript trans span {
        display: table-cell;
        vertical-align: baseline;
        padding: 0; }
      multimedia transcript trans time {
        padding: 5px 10px;
        background: #333333;
        border-radius: 5px;
        color: white; }
      multimedia transcript trans person {
        font-size: 0.8em;
        /*background:*/
        /* Background to be set by js. */
        padding: 5px 10px;
        border-radius: 5px; }
      multimedia transcript trans noise {
        font-size: 0.8em;
        text-transform: uppercase;
        /*background:*/
        /* Background to be set by js. */
        padding: 5px 10px;
        border-radius: 5px; }
    multimedia transcript trans.highlight {
      border-radius: 5px;
      background-color: rgba(235, 212, 103, 0.25); }

media[contents=video] *.tabfocus {
  outline-color: rgba(243, 243, 243, 0.5); }

/* ICONS */
section icon {
  /* Positioning (left, right, transform) and Shape (border-radius) of Icon to be added by js. */
  display: block;
  position: absolute;
  top: 30px;
  margin: 0 auto;
  background: white;
  overflow: hidden;
  width: 100px;
  height: 100px;
  left: 50%;
  transform: translatex(-50%); }
  section icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    width: 100%;
    /*width:*/
    /* Width to be set by js. */
    /*height:*/
    /* Height to be set by js. */ }

section subsection icon {
  /* Fit and Shape (border-radius) of Icon to be added by js. */
  display: block;
  position: absolute;
  top: calc(0% - 100px / 2);
  margin: 0 auto;
  background: white;
  overflow: hidden;
  width: 100px;
  height: 100px;
  left: 20px;
  transform: none; }
  section subsection icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    width: 100%;
    /*width:*/
    /* Width to be set by js. */
    /*height:*/
    /* Height to be set by js. */ }

section callout icon {
  /* Fit and Shape (border-radius) of Icon to be added by js. */
  display: block;
  position: absolute;
  top: 50%;
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  width: 100px;
  height: 100px;
  left: 25px;
  transform: translatey(-50%); }
  section callout icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    width: 100%;
    /*width:*/
    /* Width to be set by js. */
    /*height:*/
    /* Height to be set by js. */ }

section boxes icon,
section subsection boxes icon {
  /* Positioning (left, right, transform) and Shape (border-radius) of Icon to be added by js. */
  display: block;
  position: absolute;
  top: calc(0% - 100px / 2);
  margin: 0 auto;
  background: white;
  overflow: hidden;
  width: 100px;
  height: 100px;
  z-index: 1; }
  section boxes icon img,
  section subsection boxes icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    /*width:*/
    /* Width to be set by js. */
    /*height:*/
    /* Height to be set by js. */ }

section multimedia icon {
  /* Positioning (left, right, transform) and Shape (border-radius) of Icon to be added by js. */
  display: block;
  position: absolute;
  top: calc(0% - 100px / 2);
  margin: 0 auto;
  background: white;
  overflow: hidden;
  width: 100px;
  height: 100px;
  z-index: 1; }
  section multimedia icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    /*width:*/
    /* Width to be set by js. */
    /*height:*/
    /* Height to be set by js. */ }

/* CLASSES */
.left-align {
  text-align: left; }

.right-align {
  text-align: right; }

.center-align {
  text-align: center; }

.justify-align {
  text-align: justify; }

.f-indent {
  text-indent: 50px; }

.f-indent-small {
  text-indent: 25px; }

.f-indent-big {
  text-indent: 100px; }

.h-indent {
  padding-left: 50px;
  text-indent: -50px; }

.h-indent-small {
  padding-left: 25px;
  text-indent: -25px; }

.h-indent-big {
  padding-left: 100px;
  text-indent: -100px; }

.p-indent {
  padding-left: 50px; }

.p-indent-small {
  padding-left: 25px; }

.p-indent-big {
  padding-left: 100px; }

.big-text {
  font-size: 1.2em; }

.bigger-text {
  font-size: 1.33em; }

.biggest-text {
  font-size: 1.5em; }

.small-text {
  font-size: 0.8em; }

.smaller-text {
  font-size: 0.66em; }

.smallest-text {
  font-size: 0.5em; }

.single-space {
  line-height: 100%; }

.half-space {
  line-height: 150%; }

.double-space {
  line-height: 200%; }

.outline {
  border: 1px solid #333333; }

.outline-children > * {
  border: 1px solid #333333; }

.reference {
  display: block;
  padding: 5px 10px 5px 40px;
  box-sizing: border-box;
  background: rgba(243, 243, 243, 0.25);
  text-indent: -30px;
  text-align: left;
  line-height: 200%;
  font-size: 0.8rem; }

.quote {
  display: block; }

.quote:before {
  content: '“'; }

.quote:after {
  content: '”'; }

.quote-styled {
  display: block; }

.quote-styled:before {
  content: '❝ '; }

.quote-styled:after {
  content: ' ❞'; }

.quote-byline {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-style: italic; }

.quote-byline:before {
  content: '― '; }

.pronun {
  font-size: 1rem; }

.pronun:before,
.pronun:after {
  content: '/';
  font-size: 1em; }

/* CAPTIONS */
figure {
  margin: 0;
  max-width: 100%; }

figure.captionjs {
  margin: 0; }
  figure.captionjs figcaption {
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 150%;
    padding: 10px 15px;
    background: #f3f3f3;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: #333333;
    border-top: none; }
    figure.captionjs figcaption attribution {
      display: block;
      position: relative;
      font-size: 0.7em;
      color: #333333; }
      figure.captionjs figcaption attribution license,
      figure.captionjs figcaption attribution by,
      figure.captionjs figcaption attribution from,
      figure.captionjs figcaption attribution copyright {
        display: inline-block;
        padding: 0px 0.3ex; }
      figure.captionjs figcaption attribution license img {
        display: block;
        position: relative;
        height: 1.5em;
        width: auto;
        bottom: -.375em; }
      figure.captionjs figcaption attribution a {
        color: rgba(51, 51, 51, 0.7); }
      figure.captionjs figcaption attribution a:hover {
        color: rgba(51, 51, 51, 0.8); }
      figure.captionjs figcaption attribution *:first-child {
        padding-left: 0; }
    figure.captionjs figcaption attribution by:before,
    figure.captionjs figcaption attribution.derivative by:before {
      content: 'by '; }
    figure.captionjs figcaption attribution from:before,
    figure.captionjs figcaption attribution.derivative from:before {
      content: 'via '; }
    figure.captionjs figcaption attribution from:after {
      content: '.'; }
    figure.captionjs figcaption attribution.derivative from:after {
      content: ' (derivative).'; }
    figure.captionjs figcaption attribution copyright:before,
    figure.captionjs figcaption attribution.derivative copyright:before {
      content: '\00A9\0020'; }
    figure.captionjs figcaption attribution copyright:after,
    figure.captionjs figcaption attribution.derivative copyright:after {
      content: '.'; }

figure.captionjs.show figcaption,
figure.captionjs.hide figcaption,
figure.captionjs.overlay figcaption {
  background: rgba(0, 0, 0, 0.75);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.9);
  border: none; }
  figure.captionjs.show figcaption a,
  figure.captionjs.hide figcaption a,
  figure.captionjs.overlay figcaption a {
    color: rgba(255, 255, 255, 0.8); }
  figure.captionjs.show figcaption a:hover,
  figure.captionjs.hide figcaption a:hover,
  figure.captionjs.overlay figcaption a:hover {
    color: rgba(255, 255, 255, 0.9); }
  figure.captionjs.show figcaption license img,
  figure.captionjs.hide figcaption license img,
  figure.captionjs.overlay figcaption license img {
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    filter: invert(100%);
    opacity: 0.4; }
  figure.captionjs.show figcaption license img:hover,
  figure.captionjs.hide figcaption license img:hover,
  figure.captionjs.overlay figcaption license img:hover {
    opacity: 0.5; }
  figure.captionjs.show figcaption attribution,
  figure.captionjs.hide figcaption attribution,
  figure.captionjs.overlay figcaption attribution {
    color: rgba(255, 255, 255, 0.3); }
    figure.captionjs.show figcaption attribution a,
    figure.captionjs.hide figcaption attribution a,
    figure.captionjs.overlay figcaption attribution a {
      color: rgba(255, 255, 255, 0.4); }
    figure.captionjs.show figcaption attribution a:hover,
    figure.captionjs.hide figcaption attribution a:hover,
    figure.captionjs.overlay figcaption attribution a:hover {
      color: rgba(255, 255, 255, 0.5); }

leader {
  display: block;
  height: 30px;
  line-height: 20px;
  box-sizing: border-box;
  padding: 5px 10px;
  text-align: left;
  background: #333333;
  color: white;
  text-transform: uppercase;
  font-size: 10px; }

leader[type=intro][lang=en]:before,
leader[type=intro]:before {
  content: "INTRODUCTION "; }

leader[type=advorg][lang=en]:before,
leader[type=advorg]:before {
  content: "ADVANCED ORGANIZER "; }

leader[type=lesson][lang=en]:before,
leader[type=lesson]:before {
  content: "LESSON "; }

leader[type=unit][lang=en]:before,
leader[type=unit]:before {
  content: "UNIT "; }

leader[type=module][lang=en]:before,
leader[type=module]:before {
  content: "MODULE "; }

leader[type=chapter][lang=en]:before,
leader[type=chapter]:before {
  content: "CHAPTER "; }

leader[type=preface][lang=en]:before,
leader[type=precase]:before {
  content: "PREFACE "; }

leader[type=prologue][lang=en]:before,
leader[type=prologue]:before {
  content: "PROLOGUE "; }

leader[type=epilogue][lang=en]:before,
leader[type=epilogue]:before {
  content: "EPILOGUE "; }

leader[type=glossary][lang=en]:before,
leader[type=glossary]:before {
  content: "GLOSSARY "; }

leader[type=appendix][lang=en]:before,
leader[type=appendix]:before {
  content: "APPENDIX "; }

leader[type=index][lang=en]:before,
leader[type=index]:before {
  content: "INDEX "; }

leader[type=foreword][lang=en]:before,
leader[type=foreword]:before {
  content: "FOREWORD "; }

leader[type=afterword][lang=en]:before,
leader[type=afterword]:before {
  content: "AFTERWORD "; }

leader[type=footnotes][lang=en]:before,
leader[type=footnotes]:before {
  content: "FOOTNOTES "; }

leader[type=endnotes][lang=en]:before,
leader[type=endnotes]:before {
  content: "ENDNOTES "; }

leader[type=part][lang=en]:before,
leader[type=part]:before {
  content: "PART "; }

leader[type=intro][lang=es]:before {
  content: "INTRODUCCIÓN "; }

leader[type=advorg][lang=es]:before {
  content: "ORGANIZADOR AVANZADO "; }

leader[type=lesson][lang=es]:before {
  content: "LECCIÓN "; }

leader[type=unit][lang=es]:before {
  content: "UNIDAD "; }

leader[type=module][lang=es]:before {
  content: "MÓDULO "; }

leader[type=chapter][lang=es]:before {
  content: "CAPÍTULO "; }

leader[type=preface][lang=es]:before {
  content: "PREFACIO "; }

leader[type=prologue][lang=es]:before {
  content: "PRÓLOGO "; }

leader[type=epilogue][lang=es]:before {
  content: "EPÍLOGO "; }

leader[type=glossary][lang=es]:before {
  content: "GLOSARIO "; }

leader[type=appendix][lang=es]:before {
  content: "APÉNDICE "; }

leader[type=index][lang=es]:before {
  content: "ÍNDICE "; }

leader[type=foreword][lang=es]:before {
  content: "PREFACIO "; }

leader[type=afterword][lang=es]:before {
  content: "EPÍLOGO "; }

leader[type=footnotes][lang=es]:before {
  content: "NOTAS AL PIE DE PÁGINA "; }

leader[type=endnotes][lang=es]:before {
  content: "NOTAS FINALES "; }

leader[type=part][lang=es]:before {
  content: "PARTE "; }

leader[type=intro][lang=fr]:before {
  content: "INTRODUCTION "; }

leader[type=advorg][lang=fr]:before {
  content: "ORGANISATEUR AVANCÉ "; }

leader[type=lesson][lang=fr]:before {
  content: "LEÇON "; }

leader[type=unit][lang=fr]:before {
  content: "UNITÉ "; }

leader[type=module][lang=fr]:before {
  content: "MODULE "; }

leader[type=chapter][lang=fr]:before {
  content: "CHAPITRE "; }

leader[type=preface][lang=fr]:before {
  content: "PRÉFACE "; }

leader[type=prologue][lang=fr]:before {
  content: "PROLOGUE "; }

leader[type=epilogue][lang=fr]:before {
  content: "ÉPILOGUE "; }

leader[type=glossary][lang=fr]:before {
  content: "GLOSSAIRE "; }

leader[type=appendix][lang=fr]:before {
  content: "ANNEXE "; }

leader[type=index][lang=fr]:before {
  content: "INDICE "; }

leader[type=foreword][lang=fr]:before {
  content: "AVANT-PROPOS "; }

leader[type=afterword][lang=fr]:before {
  content: "ÉPILOGUE "; }

leader[type=footnotes][lang=fr]:before {
  content: "NOTES EN BAS DE PAGE "; }

leader[type=endnotes][lang=fr]:before {
  content: "NOTAS DE FIN "; }

leader[type=part][lang=fr]:before {
  content: "PARTIE "; }

leader[cont=yes]:after {
  content: " (continued)"; }

hoverable {
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 0;
  max-width: 100%; }
  hoverable hoveritem {
    position: relative;
    display: inline-block;
    margin: 2.5px;
    box-sizing: border-box;
    font-size: 1rem; }
    hoverable hoveritem background,
    hoverable hoveritem content {
      display: block;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    hoverable hoveritem background {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      hoverable hoveritem background img {
        width: 100%;
        height: auto; }
    hoverable hoveritem content {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      padding: 5px;
      text-align: center;
      background: transparent;
      transition: background 0.25s ease-in-out; }
      hoverable hoveritem content showing,
      hoverable hoveritem content hiding {
        display: block;
        position: absolute;
        width: calc(100% - 20px);
        padding: 5px;
        top: 50%;
        transform: translatey(-50%);
        max-width: 100%;
        max-height: 100%;
        overflow: hidden; }
      hoverable hoveritem content showing[align=left],
      hoverable hoveritem content hiding[align=left] {
        text-align: left; }
      hoverable hoveritem content showing[align=right],
      hoverable hoveritem content hiding[align=right] {
        text-align: right; }
      hoverable hoveritem content showing[align=center],
      hoverable hoveritem content hiding[align=center] {
        text-align: center; }
      hoverable hoveritem content showing[valign=middle],
      hoverable hoveritem content hiding[valign=middle] {
        top: 50%;
        transform: translatey(-50%); }
      hoverable hoveritem content showing[valign=top],
      hoverable hoveritem content hiding[valign=top] {
        top: 5px;
        transform: none; }
      hoverable hoveritem content showing[valign=bottom],
      hoverable hoveritem content hiding[valign=bottom] {
        bottom: 5px;
        transform: none; }
      hoverable hoveritem content showing {
        opacity: 1;
        transition: opacity 0.25s ease-in-out; }
      hoverable hoveritem content showing.bg {
        background: rgba(255, 255, 255, 0.5); }
      hoverable hoveritem content hiding {
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
        color: white; }
    hoverable hoveritem content:before,
    hoverable hoveritem content:after {
      display: block;
      margin: auto;
      left: 0;
      right: 0;
      width: 40px;
      height: 40px;
      position: absolute;
      background: rgba(255, 255, 255, 0.25);
      font-family: 'eGlyphs';
      text-align: center;
      font-size: 40px;
      line-height: 40px;
      z-index: 10;
      transition: background 0.25s ease-in-out;
      border-radius: 50%; }
    hoverable hoveritem content.uparr:before {
      content: 'up';
      top: 5px;
      left: 5px;
      transition: background 0.25s ease-in-out; }
    hoverable hoveritem content.downarr:after {
      content: 'down';
      bottom: 5px;
      left: 5px;
      transition: background 0.25s ease-in-out; }
  hoverable hoveritem:hover background img,
  hoverable hoveritem:focus background img {
    -o-filter: grayscale(100%) saturate(10%);
    -ms-filter: grayscale(100%) saturate(10%);
    -webkit-filter: grayscale(100%) saturate(10%);
    -moz-filter: grayscale(100%) saturate(10%);
    filter: grayscale(100%) saturate(10%); }
  hoverable hoveritem:hover content,
  hoverable hoveritem:focus content {
    background: rgba(51, 51, 51, 0.75); }
    hoverable hoveritem:hover content showing,
    hoverable hoveritem:focus content showing {
      opacity: 0;
      transition: opacity 0.25s ease-in-out; }
    hoverable hoveritem:hover content hiding,
    hoverable hoveritem:focus content hiding {
      opacity: 1;
      transition: opacity 0.25s ease-in-out; }

html[ecore] {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden; }

body {
  width: 100%;
  background: gray;
  margin: 0 auto;
  font: 16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  position: relative;
  overflow-x: hidden;
  background: white; }

a {
  text-decoration: none; }

header {
  position: relative;
  width: 100%;
  height: 200px;
  text-align: center; }
  header background {
    display: block;
    margin: 0;
    padding: 0;
    z-index: -1;
    position: absolute;
    /* Absolutely positioned in header. */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden; }
    header background img,
    header background pattern,
    header background colorize {
      position: absolute;
      display: block;
      border: 0;
      outline: 0; }
    header background img {
      width: 100%;
      min-height: 200px; }
    header background colorize {
      display: block;
      width: 100%;
      height: 100%; }
    header background pattern {
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: repeat; }
  header content {
    display: block;
    position: relative;
    width: 100%;
    padding: 1%;
    box-sizing: border-box;
    color: white;
    top: 50%;
    transform: translatey(-50%); }
    header content h1 {
      font-size: "2em";
      margin-top: 13.2px;
      margin-bottom: 13.2px; }
    header content h2 {
      font-size: "1.5em";
      margin-top: 11.88px;
      margin-bottom: 11.88px; }
    header content h3 {
      font-size: "1.25em";
      margin-top: 10.56px;
      margin-bottom: 10.56px; }
    header content h4 {
      font-size: "1em";
      margin-top: 9.24px;
      margin-bottom: 9.24px; }
    header content h5 {
      font-size: "0.75em";
      margin-top: 7.92px;
      margin-bottom: 7.92px; }
    header content h6 {
      font-size: "0.5em";
      margin-top: 6.6px;
      margin-bottom: 6.6px; }
    header content sh1 {
      font-size: "1em";
      margin-top: 13.2px;
      margin-bottom: 13.2px; }
    header content sh2 {
      font-size: "0.75em";
      margin-top: 11.88px;
      margin-bottom: 11.88px; }
    header content sh3 {
      font-size: "0.625em";
      margin-top: 10.56px;
      margin-bottom: 10.56px; }
    header content sh4 {
      font-size: "0.5em";
      margin-top: 9.24px;
      margin-bottom: 9.24px; }
    header content sh5 {
      font-size: "0.375em";
      margin-top: 7.92px;
      margin-bottom: 7.92px; }
    header content sh6 {
      font-size: "0.25em";
      margin-top: 6.6px;
      margin-bottom: 6.6px; }

nav {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 0;
  position: relative; }
  nav button {
    font-size: 0.75rem;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 125px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
    transition: 0.5s ease-in-out; }
  nav button:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.25); }

nav[responsive] {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
  position: relative;
  font-size: 0.75em; }
  nav[responsive] label {
    display: block;
    position: relative;
    font-family: eGlyphs;
    width: 100%;
    height: 50px;
    line-height: 52.5px;
    font-size: 30px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.5s ease-in-out; }
  nav[responsive] input {
    display: none; }
  nav[responsive] subnav {
    /* Opacity and Max-Height are toggled by js to create accordion effect. */
    display: block;
    position: relative;
    overflow: hidden;
    opacity: 0;
    /* Set Opacity to 0 by default to prevent flicker on page load before js kicks in. */
    /*max-height:*/
    transition: 0.5s ease-in-out; }
    nav[responsive] subnav button {
      display: block;
      margin: 0 auto;
      padding: 10px;
      height: 100%;
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      box-sizing: border-box;
      padding: 5px;
      cursor: pointer; }
    nav[responsive] subnav button:last-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

menu {
  display: block;
  position: absolute;
  /* Position the menu relative to the Body, and use js to make it float. */
  z-index: 999;
  margin: 0;
  padding: 0;
  width: 125px;
  box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.2); }
  menu button {
    font-size: 13px;
    display: block;
    margin: 0;
    padding: 0;
    height: 25px;
    width: 100%;
    border: 0;
    outline: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    cursor: pointer; }
  menu button:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.25); }

menu:before,
menu:after {
  content: 'menu';
  font-family: eGlyphs;
  display: block;
  position: absolute;
  right: 100%;
  width: 40px;
  height: 40px;
  padding: 5px;
  line-height: 42.5px;
  text-align: center;
  font-size: 25px;
  top: 0;
  background: #333333;
  color: white;
  border-radius: 5px 0px 0px 5px;
  box-shadow: -2px 2px 2px rgba(51, 51, 51, 0.1); }

menu[status=inactive] {
  right: -125px;
  transition: right 0.5s ease-in-out; }

menu[status=active] {
  right: 0;
  transition: right 0.5s ease-in-out; }

section {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 25px; }
  section heading,
  section subheading,
  section content,
  section subcontent,
  section subsection {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box; }
  section heading {
    text-align: center;
    margin-bottom: 20px; }
  section heading:after {
    content: "";
    display: block;
    position: relative;
    bottom: -1px;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    /*background:*/
    /* Background to be added by js. */ }
  section content {
    text-align: justify;
    padding-top: 10px; }
    section content subsection {
      display: block;
      position: relative;
      box-sizing: border-box;
      padding: 20px;
      margin: 25px auto;
      width: 100%;
      background: rgba(51, 51, 51, 0.05); }
      section content subsection subheading {
        text-align: left;
        margin-bottom: 20px; }
      section content subsection subheading:after {
        content: "";
        display: block;
        position: relative;
        bottom: -1px;
        width: 100px;
        height: 3px;
        /*background-image:*/
        /* Background to be added by js. */
        background-size: 5px 100%;
        background-repeat: repeat-x;
        margin: 0; }
      section content subsection subcontent {
        text-align: justify; }
    section content img {
      max-width: 100%; }
    section content img:not(icon img):not(multimedia img) {
      display: block;
      position: relative;
      max-width: 100%;
      margin: 10px 20px; }
    section content callout {
      display: table;
      position: relative;
      box-sizing: border-box;
      margin: 25px auto;
      width: 100%;
      /* min-height:*/
      /* Min-Height to be set by js. */
      background: rgba(255, 255, 255, 0.75);
      border: 1px solid #333333;
      padding: 25px;
      text-align: left; }
      section content callout memo {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%; }
    section content table {
      border-collapse: collapse;
      border-color: #333333; }
      section content table td, section content table th {
        padding: 2px; }
    section content grid {
      display: block;
      position: relative;
      box-sizing: border-box; }
      section content grid griditem {
        display: block;
        box-sizing: border-box;
        background: rgba(51, 51, 51, 0.05); }
        section content grid griditem * {
          box-sizing: border-box;
          max-width: 100%; }
        section content grid griditem heading {
          display: block;
          text-align: center; }
        section content grid griditem header:after {
          content: none; }
        section content grid griditem p {
          padding-left: 10px;
          padding-right: 10px; }

section:nth-child(odd) {
  background: white; }
  section:nth-child(odd) accordion panel {
    background: rgba(243, 243, 243, 0.5); }

section:nth-child(even) {
  background: #f3f3f3; }
  section:nth-child(even) accordion panel {
    background: rgba(255, 255, 255, 0.5); }

*:focus {
  outline: 0; }

*.tabfocus {
  outline-color: #333333;
  outline-width: 2px;
  outline-style: dotted;
  outline-offset: -2px;
  animation: focusring 10s ease-in-out 60s infinite; }

*.tabfocus:focus {
  z-index: 10; }

@keyframes focusring {
  0% {
    outline-width: 2px;
    outline-offset: -2px; }
  10% {
    outline-width: 4px;
    outline-offset: 2px; }
  15% {
    outline-width: 4px;
    outline-offset: 2px; }
  25% {
    outline-width: 2px;
    outline-offset: -2px; }
  100% {
    outline-width: 2px;
    outline-offset: -2px; } }
@-o-keyframes focusring {
  0% {
    outline-width: 2px;
    outline-offset: -2px; }
  10% {
    outline-width: 4px;
    outline-offset: 2px; }
  15% {
    outline-width: 4px;
    outline-offset: 2px; }
  25% {
    outline-width: 2px;
    outline-offset: -2px; }
  100% {
    outline-width: 2px;
    outline-offset: -2px; } }
@-ms-keyframes focusring {
  0% {
    outline-width: 2px;
    outline-offset: -2px; }
  10% {
    outline-width: 4px;
    outline-offset: 2px; }
  15% {
    outline-width: 4px;
    outline-offset: 2px; }
  25% {
    outline-width: 2px;
    outline-offset: -2px; }
  100% {
    outline-width: 2px;
    outline-offset: -2px; } }
@-webkit-keyframes focusring {
  0% {
    outline-width: 2px;
    outline-offset: -2px; }
  10% {
    outline-width: 4px;
    outline-offset: 2px; }
  15% {
    outline-width: 4px;
    outline-offset: 2px; }
  25% {
    outline-width: 2px;
    outline-offset: -2px; }
  100% {
    outline-width: 2px;
    outline-offset: -2px; } }
@-moz-keyframes focusring {
  0% {
    outline-width: 2px;
    outline-offset: -2px; }
  10% {
    outline-width: 4px;
    outline-offset: 2px; }
  15% {
    outline-width: 4px;
    outline-offset: 2px; }
  25% {
    outline-width: 2px;
    outline-offset: -2px; }
  100% {
    outline-width: 2px;
    outline-offset: -2px; } }
a.tabfocus {
  outline: 0;
  border-bottom: 2px dotted #333333;
  animation: focusline 10s ease-in-out 60s infinite; }

@keyframes focusline {
  0% {
    border-width: 2px; }
  10% {
    border-width: 4px; }
  15% {
    border-width: 4px; }
  25% {
    border-width: 2px; }
  100% {
    border-width: 2px; } }
@-o-keyframes focusline {
  0% {
    border-width: 2px; }
  10% {
    border-width: 4px; }
  15% {
    border-width: 4px; }
  25% {
    border-width: 2px; }
  100% {
    border-width: 2px; } }
@-ms-keyframes focusline {
  0% {
    border-width: 2px; }
  10% {
    border-width: 4px; }
  15% {
    border-width: 4px; }
  25% {
    border-width: 2px; }
  100% {
    border-width: 2px; } }
@-webkit-keyframes focusline {
  0% {
    border-width: 2px; }
  10% {
    border-width: 4px; }
  15% {
    border-width: 4px; }
  25% {
    border-width: 2px; }
  100% {
    border-width: 2px; } }
@-moz-keyframes focusline {
  0% {
    border-width: 2px; }
  10% {
    border-width: 4px; }
  15% {
    border-width: 4px; }
  25% {
    border-width: 2px; }
  100% {
    border-width: 2px; } }
.tooltip:focus:after {
  content: attr(title);
  display: block;
  position: absolute;
  white-space: pre-wrap;
  min-width: 200px;
  max-width: 300px;
  bottom: -2em;
  right: -2em;
  padding: 5px;
  background: #f3f3f3;
  color: #333333;
  border: 1px solid #333333;
  box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.2);
  font-size: 12px;
  transition: 0.25s ease-in-out;
  text-align: left;
  z-index: 100; }

:not(.tooltip):focus:after {
  transition: 0.25s ease-in-out; }

/*# sourceMappingURL=style.css.map */