/* ========================================================== */
/* === LATEST CORE 2.O CUSTOM STYLES ======================== */
/* ========================================================== */
/* ========================================================== */
/* === 1.0 OVERALL HTML ELEMENTS ============================ */
body {
  background-color: #101010; }

/* WebFont Stack 1 - Normal Weight */
@font-face {
  font-family: "futurapro-normal";
  src: url("fonts/futurapro/futurapro-normal.eot");
  src: url("fonts/futurapro/futurapro-normal.eot?#iefix") format("embedded-opentype"), url("fonts/futurapro/futurapro-normal.woff") format("woff"), url("fonts/futurapro/futurapro-normal.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
/* WebFont Stack 2 - Bold, Black, or Heavy */
@font-face {
  font-family: "futurapro-bold";
  src: url("fonts/futurapro/futurapro-bold.eot");
  src: url("fonts/futurapro/futurapro-bold.eot?#iefix") format("embedded-opentype"), url("fonts/futurapro/futurapro-bold.woff") format("woff"), url("fonts/futurapro/futurapro-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }
/* Links */
a {
  color: #0A64AC;
  text-decoration: none; }

a:hover,
a:focus {
  color: #2E89D2;
  text-decoration: underline; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "futurapro-bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Text Selection */
::-moz-selection {
  color: #fff;
  background: #300CD2; }

::selection {
  color: #fff;
  background: #300CD2; }

/* ========================================================== */
/* === 2.0 BOOTSTRAP COMPONENTS ============================= */
/* === PAGE NAVIGATOR (pager) =============================== */
.pager li > a,
.pager li > span {
  color: #303E55;
  background-color: transparent;
  border: 2px solid #303E55; }

.pager li > a:hover,
.pager li > a:focus {
  background-color: #303E55;
  color: #fff; }

/* === DROPDOWN MENUS ======================================= */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #303E55; }

/* === PILLS ================================================ */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #535353; }

/* === PRIMARY BUTTON ========================================
.btn-primary {
  background-color: $module-color1;
  background-image: -webkit-linear-gradient(top, $module-color1 0%, $module-color4 100%);
  background-image: -o-linear-gradient(top, $module-color1 0%, $module-color4 100%);
  background-image: linear-gradient(to bottom, $module-color1 0%, $module-color4 100%);
  background-repeat: repeat-x;
  border-color: $module-color1;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: $module-color4;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: $module-color4;
  border-color: $module-color3;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #B9B287;
  background-image: none;
  border-color: $module-color4;
} */
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #F8E19D;
  color: #000; }

/* ========================================================== */
/* === 3.0 LATEST CORE 2 COMPONENTS ========================= */
/* === MODULE HEADER ======================================== */
#module-title {
	color: #fff;
	font-family: "futurapro-bold";
	font-size: 35px;
	line-height: 35px;
	text-shadow: 1px 1px 0px #000, 2px 2px 0px #000;
	padding-top: 25px;
}

#module-title small, .module-title small {
  color: #535353;
  font-weight: normal !important; }

/* Module Title Media Queries */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #module-title {
    font-size: 41px;
    line-height: 41px; } }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #module-title {
    font-size: 43px;
    line-height: 43px; } }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #module-title {
    font-size: 47px;
    line-height: 47px;
    /* text-align:left;
    padding-left:16px; */ } }
#module-credit {
  color: #fff;
  font-family: "futurapro-bold";
  text-shadow: 1px 1px 0px #000, 2px 2px 0px #000;
  font-size: 12px; }

/* === MODULE NAVIGATION MENU =============================== */
.module-nav li.active a,
.module-nav li.active a:focus,
.module-nav li.active a:hover {
  background-color: #303E55; }

/* === MODULE UNIT/CHAPTER DROPDOWN MENU ==================== */
.unit-header {
  background: #303E55;
  color: #fff; }

#collapsible-toc .panel-default .panel-heading {
  background: #303E55;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important; }

#collapsible-toc .panel-default .panel-heading a,
#collapsible-toc .panel-default .panel-heading a:hover,
#collapsible-toc .panel-default .panel-heading a:active {
  color: #fff !important; }

/* === BACK TO TOP BUTTON =================================== */
.back-top a {
  color: #ccc;
  text-decoration: none; }

.back-top a:hover {
  color: #2E89D2;
  text-decoration: none; }

/* === IMAGE AND TEXT CAPTIONS ============================== */
.image-caption, .text-caption {
  background: #d7d7d7; }

/* ========================================================== */
/* === 4.0 MODULE-SPECIFIC COMPONENTS ======================= */
body#splash-page {
  background-color: #101010; }

.module-splash-nav li a:hover {
  color: #2E89D2; }

#splash-page .footer-text a {
  color: #2E89D2; }

#module-topbanner {
  background-image: url("../assets/module-banner.jpg");
  background-repeat: no-repeat;
  background-size: 1168px 170px;
  background-position: top center; }

body#splash-page #module-footer {
  background-color: #101010; }
  
/* Lesson narrated video fixes */
#module-content .center > .videowrap-16x9 {
  margin-top: 20px;
  max-width: 620px; }