@font-face {
  font-family: 'montserratbold';
  src: url('/fonts/montserrat-bold-webfont.eot');
  src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('/fonts/montserrat-bold-webfont.woff') format('woff'), url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratregular';
  src: url('/fonts/montserrat-regular-webfont.eot');
  src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('/fonts/montserrat-regular-webfont.woff') format('woff'), url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratlight';
  src: url('/fonts/montserrat-light-webfont.eot');
  src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-light-webfont.woff2') format('woff2'), url('/fonts/montserrat-light-webfont.woff') format('woff'), url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-mono {
  font-family: monospace;
}

.course-list {
  margin: 0 auto;
}

.course-title {
  padding-top: 15px;
}

.textbook {
  width: 290px;
  height: 160px;
  margin: 0 auto;
}

.textbook {
  width: 90%;
}

.push {
  height: 100px;
  width: 100%;
}

.ch-Instruct {
  padding-left: 20px;
}

.ch-Instruct li {
  list-style: none;
}

header nav {
  margin-right: -15px;
  margin-left: -15px;
}

.card-pad {
  margin: 10px auto;
}

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

.hits {
  padding: 0;
}

.hits li {
  list-style: none;
  text-align: left;
  margin: 5px 0;
}

.input-group label {
  margin: 0;
}

.project-list h3 {
  font-size: 1.5rem;
}

.list-reset {
  list-style-type: none;
  padding-left: 0;
}

.two-column {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}

.two-column li {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE */
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

kbd,
samp {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: transparent;
  display: inline;
  color: inherit;
  padding: inherit;
  font-size: 1em;
  border-radius: 0;
  font-weight: bold;
}

kbd.formula,
samp.formula {
  font-family: monospace;
  font-weight: normal;
}

kbd.formula.r-input,
samp.formula.r-output {
  font-weight: bold;
}

kbd.formula.r-input {
  color: blue;
}

kbd.comment {
  color: #8F5902;
  font-style: italic;
  font-family: monospace;
}

kbd.package {
  color: #4E9A06;
  font-family: monospace
}

.r-output-table {
  text-align: right;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: transparent;
  display: inline;
  color: inherit;
  padding: inherit;
  font-size: 1em;
  border-radius: 0;
  font-weight: bold;
  font-family: monospace;
  font-weight: normal;
}

.r-output-table td {
  padding: 2px 6px;
}

section {
  padding-top: 0.5em;
}

section.instructions {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  padding-top: 1em;
  border-top: 2px solid #f7f7f7;
}

section img {
  display: block;
  margin: 0.5em auto;
  padding: 4px;
  border: 1px solid #ccc;
}

section img.img-calc {
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  width: 180px;
}

section img.img-jmp {
  border: none;
}

section table.table-excel {
  font-size: 0.8em;
  display: table;
  margin: 0.15em auto;
  text-align: right;
}

section table.table-excel thead td,
section table.table-excel th {
  background: #eee;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
}

section table.table-excel,
section table.table-excel th,
section table.table-excel td {
  border: 1px solid #ddd;
  padding: 0 1em
}

section table.table-excel tr.border-bottom th,
section table.table-excel tr.border-bottom td,
section table.table-excel tr th.border-bottom,
section table.table-excel tr td.border-bottom {
  border-bottom: 2px solid #4d4d4d;
}

section table.table-excel td:empty {
  // height: 30px;
}



/* Footer styles from hawkes.css */

#Footer.footer {
  background: #272e33;
  box-sizing: border-box;
  /* height: 363px; */
}


body>footer,
#Footer>footer {
  position: relative;
  background: #272e33;
  overflow: hidden;
  width: 100%;
  /*padding: 20px;*/
  /*height: 363px;*/
}

body>footer h4 a,
#Footer>footer h4 a {
  display: inline-block;
  padding: 2px 0;
  width: 100%;
}

body>footer h4 a:hover,
#Footer>footer h4 a:hover {
  color: #fff;
  text-decoration: none;
}

body>footer ul,
#Footer>footer ul {
  padding-left: 0;
  list-style-type: none;
}

body>footer ul li a,
#Footer>footer ul li a {
  display: inline-block;
  padding: 2px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body>footer ul li a:hover,
#Footer>footer ul li a:hover {
  color: #fff;
  text-decoration: none;
}

body>footer h1,
body>footer h2,
body>footer h3,
body>footer h4,
body>footer p,
body>footer a,
body>footer span,
#Footer>footer h1,
#Footer>footer h2,
#Footer>footer h3,
#Footer>footer h4,
#Footer>footer p,
#Footer>footer a,
#Footer>footer span {
  color: #a2aeb8;
}

body>footer .footer-inner,
#Footer>footer .footer-inner {
  border-top: 1px solid #111416;
  margin-top: 10px;
  padding-top: 20px;
}

@media (max-width: 767px) {

  body>footer ul,
  #Footer>footer ul {
    display: none;
  }
}

body>#Footer.footer footer#Footer,
body>footer#Footer {
  position: relative;
  background: #272e33;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  height: auto;
}

body>#Footer.footer footer#Footer #techSupportHours.container-fluid,
body>footer#Footer #techSupportHours.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

body>#Footer.footer footer#Footer #techSupportHours .alert,
body>footer#Footer #techSupportHours .alert {
  margin-bottom: 0;
  border-radius: 0;
  text-align: center;
}

body>#Footer.footer footer#Footer #techSupportHours .alert-danger p,
body>footer#Footer #techSupportHours .alert-danger p {
  color: #A94442;
  padding: 0;
}

body>#Footer.footer footer#Footer h4 a,
body>footer#Footer h4 a {
  display: inline-block;
  padding: 2px 0;
  width: 100%;
}

body>#Footer.footer footer#Footer h4 a:hover,
body>footer#Footer h4 a:hover {
  color: #fff;
  text-decoration: none;
}

body>#Footer.footer footer#Footer ul,
body>footer#Footer ul {
  padding-left: 0;
  list-style-type: none;
}

body>#Footer.footer footer#Footer ul li,
body>footer#Footer ul li {
  font-size: 90%;
}

body>#Footer.footer footer#Footer ul li a,
body>footer#Footer ul li a {
  display: inline-block;
  padding: 1px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body>#Footer.footer footer#Footer ul li a:hover,
body>footer#Footer ul li a:hover {
  color: #fff;
  text-decoration: none;
}

body>#Footer.footer footer#Footer h1,
body>#Footer.footer footer#Footer h2,
body>#Footer.footer footer#Footer h3,
body>#Footer.footer footer#Footer h4,
body>#Footer.footer footer#Footer p,
body>#Footer.footer footer#Footer a,
body>#Footer.footer footer#Footer span,
body>footer#Footer h1,
body>footer#Footer h2,
body>footer#Footer h3,
body>footer#Footer h4,
body>footer#Footer p,
body>footer#Footer a,
body>footer#Footer span {
  color: #a2aeb8;
}

body>#Footer.footer footer#Footer .footer-inner,
body>footer#Footer .footer-inner {
  border-top: 1px solid #111416;
  margin-top: 10px;
  padding: 20px 0;
}

body>#Footer.footer footer#Footer a.footer-brand,
body>footer#Footer a.footer-brand {
  font-size: 24px;
}

body>#Footer.footer footer#Footer h4.footerLogo,
body>footer#Footer h4.footerLogo {
  margin-bottom: -6px;
}

body>#Footer.footer footer#Footer a.footer-brand span,
body>footer#Footer a.footer-brand span {
  color: #efefef;
  display: inline-block;
  font-family: "montserratbold", sans-serif;
  font-size: 36px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  top: 1px;
}

body>#Footer.footer footer#Footer .footer-head,
body>footer#Footer .footer-head {
  color: #efefef;
  display: inline-block;
  font-family: "montserratlight", sans-serif;
  font-size: 18px;
  letter-spacing: 2.55px;
  position: relative;
  text-transform: uppercase;
  top: 1px;
  margin-bottom: 6px;
  padding-top: 10px;
}

body>#Footer.footer footer#Footer a.footer-brand span:nth-child(3),
body>footer#Footer a.footer-brand span:nth-child(3) {
  font-family: "montserratlight", sans-serif;
  font-size: 18px;
  letter-spacing: 10.55px;
  top: -8px;
}

body>#Footer.footer footer#Footer .footerInfo,
body>footer#Footer .footerInfo {
  color: #efefef;
}

body>#Footer.footer footer#Footer .footerInfo:hover,
body>footer#Footer .footerInfo:hover {
  text-decoration: none;
}

body>#Footer.footer footer#Footer .footer-social,
body>footer#Footer .footer-social {
  text-align: center;
  font-size: 130%;
}

body>#Footer.footer footer#Footer .footer-social a:hover,
body>footer#Footer .footer-social a:hover {
  text-decoration: none;
}

body>#Footer.footer footer#Footer .footer-inner,
body>footer#Footer .footer-inner {
  border-top: 1px solid #3D4347;
}

body>#Footer.footer footer#Footer .footer-inner .container,
body>footer#Footer .footer-inner .container {
  padding: 0px;
}

body>#Footer.footer footer#Footer .footer-main,
body>footer#Footer .footer-main {
  padding: 10px 0px;
}

body>#Footer.footer footer#Footer small,
body>footer#Footer small {
  color: #909498;
}

body>#Footer.footer footer#Footer a[href^="tel"],
body>footer#Footer a[href^="tel"] {
  color: #efefef;
  text-decoration: none;
}

body>#Footer.footer footer#Footer .footerLocation,
body>#Footer.footer footer#Footer .footerHours,
body>#Footer.footer footer#Footer .footerSupport,
body>#Footer.footer footer#Footer .footerPhone,
body>#Footer.footer footer#Footer .footerChat,
body>#Footer.footer footer#Footer .footerSocial,
body>footer#Footer .footerLocation,
body>footer#Footer .footerHours,
body>footer#Footer .footerSupport,
body>footer#Footer .footerPhone,
body>footer#Footer .footerChat,
body>footer#Footer .footerSocial {
  display: block;
  margin-left: 20px;
}

body>#Footer.footer footer#Footer .footerLocation:before,
body>#Footer.footer footer#Footer .footerHours:before,
body>#Footer.footer footer#Footer .footerSupport:before,
body>#Footer.footer footer#Footer .footerPhone:before,
body>#Footer.footer footer#Footer .footerChat:before,
body>#Footer.footer footer#Footer .footerSocial:before,
body>footer#Footer .footerLocation:before,
body>footer#Footer .footerHours:before,
body>footer#Footer .footerSupport:before,
body>footer#Footer .footerPhone:before,
body>footer#Footer .footerChat:before,
body>footer#Footer .footerSocial:before {
  display: inline-block;
  color: #a2aeb8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: left;
  margin-left: -24px;
}

body>footer#Footer .footerLocation:before,
body>footer#Footer .footerHours:before,
body>footer#Footer .footerSupport:before,
body>footer#Footer .footerPhone:before,
body>footer#Footer .footerChat:before,
body>footer#Footer .footerSocial:before {
  width: 24px;
}

body>#Footer.footer footer#Footer .footerLocation:before,
body>footer#Footer .footerLocation:before {
  content: "\f124";
}

body>#Footer.footer footer#Footer .footerHours:before,
body>footer#Footer .footerHours:before {
  content: "\f017";
}

body>#Footer.footer footer#Footer .footerSupport:before,
body>footer#Footer .footerSupport:before {
  content: "\f1cd";
}

body>#Footer.footer footer#Footer .footerPhone:before,
body>footer#Footer .footerPhone:before {
  content: "\f095";
}

body>#Footer.footer footer#Footer .footerChat:before,
body>footer#Footer .footerChat:before {
  content: "\f075";
}

.product-card {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
}

.product-card:hover {
  box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.05);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.05);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.05);
  transition: all 200ms ease-in;
  transform: scale(1.05);
}

.project {
  padding: 12px 0;
}









/*styles for dataset description page*/

.single-variable,
.varName {
  margin: 5px 0 5px 20px;
}

.innerDesc {
  margin-left: 2em;
}

.source-title {
  font-size: 1.25rem;
}

.source {
  margin-left: 20px;
}

@media (max-width: 767px) {

  .nav-item {
    margin: 0 auto;
  }

  .footerBlock-xs {
    display: none;
  }

  .footerBlock {
    width: 200px;
    margin: 0 auto;
  }

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


  .ch-Instruct ul {
    padding: 0;
  }

  .ch-topic_list li {
    margin: 20px 0;
  }

  .tech-links {
    display: block;
    margin: 5px 0;
  }

  #techTable table,
  #techTable thead,
  #techTable tbody,
  #techTable th,
  #techTable td,
  #techTable tr {
    display: block;
  }

  #techTable .tech-header tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #techTable tr {
    border: 1.5px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #techTable td {
    text-align: center;
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }

  #techTable .empty-cell {
    display: none;
  }

  #techTable td:before {
    position: absolute;
    top: 18px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }


  #techTable td:nth-of-type(1) {
    font-weight: bold;
  }


  #techTable td:nth-of-type(1):before {
    content: "";
  }

  #techTable td:nth-of-type(2):before {
    content: "TI Calculator";
  }

  #techTable td:nth-of-type(3):before {
    content: "Excel";
  }

  #techTable td:nth-of-type(4):before {
    content: "Minitab™";
  }

  #techTable td:nth-of-type(5):before {
    content: "R";
  }

  #techTable td:nth-of-type(6):before {
    content: "SPSS";
  }

  #techTable td:nth-of-type(7):before {
    content: "JMP";
  }
}


@media (min-width: 767px) {

  .page-content {
    text-align: left;
  }

  .textbookCover {
    height: 100%;
  }

  .card-pad {
    padding: 25px;
    margin: 10px;
    max-width: 45%;
  }

  .col-md-6:nth-child(2n+1) {
    clear: left;
  }

  .datasets {
    padding-left: 30px;
  }

  .dataset-list {
    padding-left: 30px;
  }

  .greatest_hits {
    margin-top: 35px;
  }

  .hits,
  .resource-pdfs {
    padding-left: 50px;
  }

  .hits li {
    list-style: initial;
    padding: 5px 0;
  }

  #techTable {
    table-layout: fixed;
    width: 98%;
  }

  .tech-header th {
    position: relative;
  }

  .tech-body {
    width: 95%;
  }


  #techTable td {
    vertical-align: middle;
  }

  #techTable th,
  #techTable td {
    text-align: center;
  }

  #techTable th:nth-child(1) {
    width: 410px;
    text-align: left;
  }


  .tech-header th:nth-child(2) {
    width: 12%;
  }

  .tech-header th:nth-child(3),
  .tech-header th:nth-child(4),
  .tech-header th:nth-child(5),
  .tech-header th:nth-child(6),
  .tech-header th:nth-child(7) {
    width: 10%;
  }

  #techTable td:nth-child(1) {
    text-align: left;
  }
}


@media (min-width: 1000px) {
  .textbook {
    width: 340px;
    height: 185px;
  }
}

/* --- */
header .bg-faded {
  background-color: #b44b49;
  color: #fefefe;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  line-height: 40px;
  /* Vertically center the text there */
  background-color: #b44b49;
  color: #fefefe;
}

.row-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: blue;
  overflow: hidden;
}


.flex-row {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
}

.iframe-container {
  overflow: hidden;
  /* padding-top: 56.25%; */
  position: relative;
}

.toc-container {
  position: relative;
  background-color: #fefefe; 
  border-right:1px solid rgba(0,0,0,0.2); 
  border-left:1px solid rgba(0,0,0,0.2); 
  height: calc(100vh - 88px);
  overflow-y:scroll
}

.toc-container ol.list-unstyled li {
  font-weight: bold;
}

.toc-container ol.list-unstyled li ol.list-unstyled li {
  font-weight: normal;
  padding-left: 1em;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.img-rounded {
  border-radius: 6px;
}

.btn-psych {
  background-color: #8acc9e;
  color:  white;
  font-weight: bold;
}

.btn-micro {
  background-color: #136ea8;
  color:  white;
  font-weight: bold;
}

.btn-psych:hover, .btn-micro:hover {
  color:  white;
}