/* ========================================================== */
/* === LATEST CORE 2.O CUSTOM STYLES ======================== */
/* ========================================================== */
/* ========================================================== */
/* === 1.0 OVERALL HTML ELEMENTS ============================ */

/* body {
  background-color: #2c334a; } */

body {
  background: #77adb2;
  background: -moz-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77adb2), color-stop(70%, #2c334a), color-stop(100%, #1f2843)) fixed;
  background: -webkit-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -o-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -ms-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: linear-gradient(to bottom, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77adb2', endColorstr='#1f2843',GradientType=0 ) fixed; }

/* 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: #1e1f48;
  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: #184f53; }

::selection {
  color: #fff;
  background: #184f53; }

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

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

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

/* === 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: #184f53;
  color: #fff; }

/* ========================================================== */
/* === 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; }

#splash-page .module-title {
  font-size: 56px;
  line-height: 56px; }

/* Module Title Media Queries */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #module-title {
    font-size: 41px;
    line-height: 41px; }

  #splash-page .module-title {
    font-size: 44px;
    line-height: 44px; } }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #module-title {
    font-size: 43px;
    line-height: 43px; }

  #splash-page .module-title {
    font-size: 53px;
    line-height: 53px; } }
/* 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; */ }

  #splash-page .module-title {
    font-size: 60px;
    line-height: 60px; } }
#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: #a0c64b; }

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

#collapsible-toc .panel-default .panel-heading {
  background: #a0c64b;
  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: #63697b;
  text-decoration: none; }

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

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

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

body#splash-page {
  background: #77adb2;
  background: -moz-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77adb2), color-stop(70%, #2c334a), color-stop(100%, #1f2843)) fixed;
  background: -webkit-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -o-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: -ms-linear-gradient(top, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  background: linear-gradient(to bottom, #77adb2 0%, #2c334a 70%, #1f2843 100%) fixed;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77adb2', endColorstr='#1f2843',GradientType=0 ) fixed; }

#module-splash-sidebar {
  background: rgba(255, 255, 255, 0.4); }


body#splash-page #module-footer {
    background-color: #051c20; }

#splash-page .footer-text a {
  /* color: #90ccb6; */
	color: #a3c15f;
}

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

#module-topbanner a small {
	color: #fff; }

#splash-page .module-title small {
  color: #b1bbb8; }


dt, dd { display: block; float: left; clear: both; }
dd { margin-bottom: 1.1em; }

.equation {
	background-color:#e2f1f2;
	font-size:1.2em;
	text-align:center;
	padding-top:.8em;
	padding-bottom:.7em;
	margin-top:1.1em;
	margin-bottom:1.1em;
}

.animation-loop {
	margin-bottom: 35px;
}

.table-shaded-header-row th {
	background-color: #e2f1f2;
}

/* for calculator */

body#sww_calc_body {
	background: #fff;
	background-color: #fff;
}
#calculator-content {
	background-color: #fff;
}
#calculator-content .calc_container {
	min-width:640px; 
	max-width:760px;
}

#sww_calc_body p {
	font-size: 0.9em;
}

.tooltip_popup {
	font-size:1.1em;
}