@charset "UTF-8";
/* COLORS */
/* MIXINS */
/* 
-----------------------------------------------------------------------------------
DEVICE SIZE REFERENCE GUIDE
-----------------------------------------------------------------------------------
TYPE			ORIENTATION			MIN-WIDTH	MAX-WIDTH	MIN-HEIGHT	MAX-HEIGHT
desktop								1280px
tablet			landscape(horz)		1020px		1280px		600px		840px
tablet			portrait(vert)		600px		840px		1020px		1280px
mobile			landscape(horz)		320px		640px		200px		350px
mobile			portrait(vert)		200px		350px		320px		640px
-----------------------------------------------------------------------------------
*/
/* LARGER */
@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-radio-checked:before {
  content: "\e921"; }

.ecore-radio-unchecked:before {
  content: "\e922"; }

.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"; }

.ecore-checkbox-checked:before {
  content: "\e923"; }

.ecore-checkbox-unchecked:before {
  content: "\e924"; }

playstate {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1 !important; }
  playstate span {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    cursor: pointer;
    font-size: 100px;
    color: #00a9a7;
    text-align: center;
    font-family: eGlyphs; }

playstate.flashout {
  animation: flashout 0.5s ease-in-out 0.1s forwards; }

video cue {
  display: none; }

controls {
  display: table;
  width: 100%;
  position: absolute;
  bottom: -40px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: bottom 0.25s ease-in-out;
  padding: 15px 5px 5px;
  font-size: 14px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.9);
  z-index: 5; }
  controls button,
  controls input,
  controls display,
  controls volume {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  controls .controls-play,
  controls .controls-mute,
  controls .controls-level,
  controls .controls-captions,
  controls .controls-settings,
  controls .controls-fullscreen {
    height: 30px; }
  controls .controls-play,
  controls .controls-mute,
  controls .controls-captions,
  controls .controls-settings,
  controls .controls-fullscreen {
    width: 40px; }
  controls .controls-timer {
    width: 80px; }
  controls volume {
    position: absolute;
    left: 180px;
    top: 10px;
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    transition: width 0.5s ease-in-out; }
  controls .controls-level {
    width: 100px; }
  controls .controls-leveler {
    width: 40px; }
  controls .controls-captions,
  controls .controls-settings,
  controls .controls-fullscreen {
    position: absolute; }
  controls .controls-captions {
    right: 85px; }
  controls .controls-settings {
    right: 45px; }
  controls .controls-fullscreen {
    right: 5px; }
  controls display {
    font-size: 12px;
    color: white; }
  controls .controls-timer {
    text-align: left; }
  controls .controls-leveler {
    text-align: right; }
  controls .controls-play,
  controls .controls-mute,
  controls .controls-settings,
  controls .controls-fullscreen {
    font-size: 24px; }
  controls .controls-play {
    margin-right: 5px; }
  controls .controls-captions {
    font-size: 30px; }
  controls button {
    background: none;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: eGlyphs;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-align: center;
    position: relative; }
    controls button span {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translatey(-50%) translatex(-50%); }
  controls .controls-captions[state=on][active=yes] {
    color: rgba(0, 169, 167, 0.9); }
  controls .controls-captions[state=on][active=no] {
    color: rgba(255, 255, 255, 0.9); }
  controls .controls-captions[state=off] {
    color: rgba(255, 255, 255, 0.3);
    cursor: default; }
  controls .controls-settings[active=yes] {
    color: rgba(255, 255, 255, 0.9); }
  controls .controls-settings[active=no] {
    color: rgba(255, 255, 255, 0.3);
    cursor: default; }
  controls .controls-play:hover,
  controls .controls-mute:hover,
  controls .controls-fullscreen:hover,
  controls .controls-captions[state=on]:hover,
  controls .controls-settings[active=yes]:hover {
    animation: pulse 2s ease-in-out 0s infinite; }
  controls volume.show {
    transition: width 0.5s ease-in-out;
    width: 200px; }
  controls volume.hide {
    transition: width 0.5s ease-in-out;
    width: 0; }
  controls .controls-timeline {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  controls .controls-level {
    display: inline-block; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    height: 10px; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    height: 10px; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    height: 10px; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    height: 10px; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    border-radius: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    border-radius: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    border-radius: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    border-radius: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    margin: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    margin: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    margin: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    margin: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    padding: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    padding: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    padding: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    padding: 0; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    border-top: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    border-top: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    border-top: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    border-top: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    border-bottom: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    border-bottom: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    border-bottom: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    border-bottom: 1px solid #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    background: #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    background: #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    background: #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    background: #333333; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    color: transparent; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    color: transparent; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    color: transparent; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    color: transparent; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    box-sizing: border-box; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    box-sizing: border-box; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    box-sizing: border-box; }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    box-sizing: border-box; }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-webkit-slider-runnable-track {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-moz-range-track {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); }
  controls .controls-timeline, controls .controls-level, controls input[type=range]::-ms-track {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); }
  controls .controls-timeline, controls .controls-level, controls input[type=range] {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); }
  controls input[type=range] {
    -webkit-appearance: none; }
  controls input[type=range]:focus {
    outline: none; }
  controls input[type=range]:focus::-webkit-slider-runnable-track {
    background: #f3f3f5; }
  controls input[type=range]:focus::-moz-range-track {
    background: #f3f3f5; }
  controls input[type=range]:focus::-ms-track {
    background: #f3f3f5; }
  controls input[type=range]:focus {
    background: #f3f3f5; }
  controls input[type=range]::-ms-fill-lower {
    background: #006460; }
  controls input[type=range]::-ms-fill-upper {
    background: #333333; }
  controls input[type=range]:focus::-ms-fill-lower {
    background: #c4e7e7; }
  controls input[type=range]:focus::-ms-fill-upper {
    background: #f3f3f5; }
  controls input[type=range]::-ms-tooltip {
    display: none; }
  controls input[type=range]::-moz-focusring {
    outline: 1px solid #333333; }
  controls input[type=range]::-moz-focusring {
    outline-offset: -1px; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: 0; }
  controls input[type=range]::-moz-range-thumb {
    margin-top: 0; }
  controls input[type=range]::-ms-thumb {
    margin-top: 0; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-bottom: 0; }
  controls input[type=range]::-moz-range-thumb {
    margin-bottom: 0; }
  controls input[type=range]::-ms-thumb {
    margin-bottom: 0; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 0; }
  controls input[type=range]::-moz-range-thumb {
    border: 0; }
  controls input[type=range]::-ms-thumb {
    border: 0; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px; }
  controls input[type=range]::-moz-range-thumb {
    height: 10px; }
  controls input[type=range]::-ms-thumb {
    height: 10px; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px; }
  controls input[type=range]::-moz-range-thumb {
    width: 10px; }
  controls input[type=range]::-ms-thumb {
    width: 10px; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 0; }
  controls input[type=range]::-moz-range-thumb {
    border-radius: 0; }
  controls input[type=range]::-ms-thumb {
    border-radius: 0; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00a9a7; }
  controls input[type=range]::-moz-range-thumb {
    background: #00a9a7; }
  controls input[type=range]::-ms-thumb {
    background: #00a9a7; }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
  controls input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
  controls input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
  controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -1px; }
  controls input[type=range]::-ms-thumb {
    margin-top: -1px; }

settings {
  display: block;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 10px;
  bottom: 65px;
  min-width: 150px;
  min-height: 25px;
  line-height: 25px;
  text-align: left;
  color: white;
  padding: 5px;
  overflow: hidden; }
  settings * {
    display: block; }
  settings label {
    display: inherit;
    position: relative;
    left: 0;
    font-weight: bold;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px 5px;
    background: transparent;
    color: inherit;
    border: 0;
    text-align: inherit; }
  settings label:hover {
    background: rgba(0, 0, 0, 0.3); }
  settings label:before, settings label::before {
    content: none;
    display: none; }
  settings label:after {
    content: "up";
    font-family: eGlyphs;
    float: right;
    position: relative;
    display: inherit;
    font-size: 1.5em;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    line-height: inherit; }
  settings label.closed:after {
    transform: none;
    color: white;
    transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; }
  settings label.open:after {
    transform: rotate(180deg);
    color: #00a9a7;
    transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; }
  settings subsettings {
    display: block;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.1);
    padding: 0px 5px;
    box-sizing: border-box;
    position: relative;
    left: 0;
    overflow: hidden; }
    settings subsettings ul {
      list-style-type: none;
      margin: 0;
      padding-left: 0;
      line-height: inherit; }
      settings subsettings ul li {
        position: relative;
        padding-left: 40px;
        cursor: pointer;
        font-weight: normal;
        line-height: inherit; }
      settings subsettings ul li:hover {
        background: rgba(255, 255, 255, 0.1); }
      settings subsettings ul li:before {
        display: inline-block;
        margin-left: -30px;
        width: 30px;
        font-family: eGlyphs; }
      settings subsettings ul li[active=yes]:before {
        content: ""; }
      settings subsettings ul li[active=no]:before {
        content: ""; }
    settings subsettings ul::before, settings subsettings ul:before,
    settings subsettings ul::after, settings subsettings ul:after {
      content: none;
      display: none; }
  settings subsettings.inactive {
    max-height: 0px;
    transition: max-height 0.5s ease-in-out; }
  settings subsettings.active {
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out; }

settings.show ~ controls .controls-settings {
  color: rgba(0, 169, 167, 0.9); }

settings.hide ~ controls .controls-settings {
  color: rgba(255, 255, 255, 0.9); }

cuebar {
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 20px;
  margin: 0 auto;
  border: 1px solid #333333;
  margin-bottom: calc(20px + 5px + 1px + 10px + 10px); }
  cuebar button {
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 2px;
    top: 0;
    border: 0;
    font-size: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin-left: -1px; }
  cuebar button:before {
    top: 0px; }
  cuebar button:hover:before,
  cuebar button:focus:before {
    content: attr(name);
    display: block;
    position: absolute;
    top: 19px;
    left: -1px;
    min-width: 150px;
    padding: 5px 5px 10px;
    text-align: center;
    background: #333333;
    color: #f3f3f5;
    border-radius: 0 0 5px 5px;
    transition: top 0.25s ease-in-out;
    box-shadow: 1px 2px 3px rgba(51, 51, 51, 0.2); }
  cuebar button:hover:before {
    z-index: 1; }
  cuebar button:hover,
  cuebar button:focus {
    background: rgba(0, 0, 0, 0.2); }

settings.show {
  opacity: 1.0;
  visibility: visible;
  z-index: 6; }

settings.hide {
  opacity: 0.0;
  visibility: hidden; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.2); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }
@keyframes flashout {
  0% {
    transform: scale(1);
    opacity: 1.0; }
  99% {
    transform: scale(1.5);
    opacity: 0.0; }
  100% {
    transform: scale(1);
    opacity: 0.0; } }
@media screen and (max-width: 450px) and (min-width: 351px) {
  controls {
    display: block;
    height: 100%; }
    controls volume {
      top: 50px;
      left: 45%; }

  settings {
    left: 0;
    right: 0; }
    settings subsettings ul li {
      display: inline-block;
      width: calc((100% / 3) - 40px - 10px);
      padding-right: 10px; }

  settings.hide {
    bottom: auto;
    top: 100%; }

  settings.show {
    bottom: 0;
    top: auto; } }
@media screen and (max-width: 350px) {
  controls {
    display: block;
    height: 100%; }
    controls .controls-mute {
      display: block;
      position: absolute;
      top: 50px; }
    controls volume {
      top: 50px;
      height: 30px;
      left: 45px; }
    controls .controls-level,
    controls .controls-leveler {
      position: absolute;
      top: 50%;
      transform: translatey(-50%); }
    controls .controls-level {
      width: 100px; }
    controls .controls-leveler {
      left: 105px; }

  settings {
    left: 0;
    right: 0; }
    settings subsettings ul li {
      display: inline-block;
      width: calc((100% / 3) - 25px - 10px);
      padding-left: 25px;
      padding-right: 10px; }
    settings subsettings ul li::before {
      display: block;
      position: absolute;
      width: 25px;
      left: 0;
      top: 0;
      margin-left: 0; }

  settings.hide {
    bottom: auto;
    top: 100%; }

  settings.show {
    bottom: 0;
    top: auto; } }

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