/* unvisited link */
a.zoom:link {
  color: white;
  text-decoration: underline;
  font-weight: normal;
}
/* visited link */
a.zoom:visited {
  color: white;
  text-decoration: underline;
  font-weight: normal;
}
/* mouse over link */
a.zoom:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}
/* selected link */
a.zoom:active {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}
#zoom-banner {
  background: red;
  color: white;
  margin: auto;
  font-weight: normal;
  text-align: center;
  padding: 8px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  letter-spacing: 3px;
}
@charset "utf-8";
/* CSS Document */
/* CSS for assignments table */
/* loads site fonts */
@font-face {
  font-family: "Adobe Garamond Pro";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/AGaramondPro-Regular.otf);
}
@font-face {
  font-family: "Adobe Garamond Pro";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/AGaramondPro-Bold.otf);
}
@font-face {
  font-family: "Adobe Garamond Pro";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/AGaramondPro-Italic.otf);
}
@font-face {
  font-family: "Adobe Garamond Pro";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/AGaramondPro-BoldItalic.otf);
}
@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/GOTHIC.TTF);
}
@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/GOTHICB.TTF);
}
@font-face {
  font-family: "Century Gothic";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/GOTHICI.TTF);
}
@font-face {
  font-family: "Century Gothic";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/GOTHICBI.TTF);
}
@font-face {
  font-family: "New Athena Unicode";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/newathu5.ttf);
}
@font-face {
  font-family: "New Athena Unicode";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/newathuBold5.ttf);
}
@font-face {
  font-family: "New Athena Unicode";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/newathuItalic5.ttf);
}
@font-face {
  font-family: "New Athena Unicode";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/newathuBoldItalic5.ttf);
}
@font-face {
  font-family: "Calibri";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/calibri.ttf);
}
@font-face {
  font-family: "Calibri";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/calibrib.ttf);
}
@font-face {
  font-family: "Calibri";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/calibrii.ttf);
}
@font-face {
  font-family: "Calibri";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/calibriz.ttf);
}
@font-face {
  font-family: "KadmosU";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/KadmosUreg201.ttf);
}
@font-face {
  font-family: "KadmosU";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/KadmosUbold201.ttf);
}
@font-face {
  font-family: "KadmosU";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/KadmosUital201.ttf);
}
@font-face {
  font-family: "KadmosU";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/KadmosUbolditalic201.ttf);
}
@font-face {
  font-family: "AttikaU";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/AttikaUreg201.ttf);
}
@font-face {
  font-family: "AttikaU";
  font-style: normal;
  font-weight: bold;
  src: url(../webfonts/AttikaUbold201.ttf);
}
@font-face {
  font-family: "AttikaU";
  font-style: italic;
  font-weight: normal;
  src: url(../webfonts/AttikaUital201.ttf);
}
@font-face {
  font-family: "AttikaU";
  font-style: italic;
  font-weight: bold;
  src: url(../webfonts/AttikaUboldital201.ttf);
}
@font-face {
  font-family: "Wingdings 3";
  font-style: normal;
  font-weight: normal;
  src: url(../webfonts/WINGDNG3.TTF);
}
@font-face {
  font-family: "GFSPorsonRegular";
  font-style: normal;
  font-weight: normal;
  src: url(../../clas215/webfonts/GFSPorson.otf);
}
body {
  font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75rem;
}
.navbar-brand {
  font-size: 95%;
}
.nav-item {
  font-size: 90%
}
.navbar {
  padding: 0.25rem .5rem;
}
/* begin custom search button styles */
.btn-outline-success {
  color: #999;
  border-color: #999;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #fff;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
/* end custom search button styles */
.attika {
  font-family: "AttikaU"
}
strong {
  font-weight: 700;
}
#banner-div {
  background-color: #363a40;
}
blockquote {
  margin: 0 0 0 2rem;
}
.banner-div_regular {
  margin: auto;
  text-align: center;
  font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
  color: #fff;
  font-size: 2.75em;
  line-height: 110%;
  padding-top: .5em;
  padding-bottom: .65em;
}
@media all and (max-width: 767px) and (min-width: 200px) {
  .banner-div_regular {
    font-size: 1.5em;
    padding-bottom: .6em;
  }
}
.banner-div_subordinate {
  margin: auto;
  text-align: center;
  background-color: #be7f38 !important;
  font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
  color: #fff;
  font-size: 2.5em;
  line-height: 110%;
  padding-top: .75em;
  padding-bottom: .65em;
}
@media all and (max-width: 767px) and (min-width: 0px) {
  .banner-div_subordinate {
    font-size: 1.5em;
    padding-top: .80em;
    padding-bottom: .88em;
  }
}
.short-text {
  display: none;
}
@media (max-width: 1110px) {
  .short-text {
    display: inline-block;
  }
  .full-text {
    display: none;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
#page-name {
  background-color: #ddd;
  margin-bottom: 40px;
}
@media all and (max-width: 767px) and (min-width: 0px) {
  #page-name {
    margin-bottom: 0px;
  }
}
#page-name h1 {
  padding-top: 15px;
  padding-bottom: 20px;
  font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 2.75rem;
  font-weight: normal;
  text-align: center;
  color: #666;
}
@media all and (max-width: 767px) and (min-width: 0px) {
  #page-name h1 {
    padding: 9px 0px 11px 0px;
    min-height: 40px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
}
@media (min-width: 850px) {
  #main {
    width: 850px;
    margin: auto;
  }
}
@media (max-width: 849.98px) {
  #main {
    margin: auto;
  }
}
#main-content-area {
  width: 92%;
  margin: auto;
}
@media all and (max-width: 767px) and (min-width: 200px) {
  ol {
    padding-left: 15px;
  }
  ul {
    padding-left: 15px;
  }
}
.quiz-quote {
  font-family: "New Athena Unicode";
  font-size: 175%;
  letter-spacing: 0.05rem;
  font-weight: bold;
  padding-top: .5rem;
}
.formatted_table {
  border-collapse: collapse;
}
.formatted_table td, .formatted_table th {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: .25rem !important;
  vertical-align: top;
  line-height: 1.5rem;
  font-size: 95%;
}
.formatted_table tr:nth-child(even) {
  background-color: #fff;
}
.formatted_table th {
  text-align: left;
  background-color: #f2f2f2;
  color: #666;
}
.formatted_table p {
  margin-top: .5rem;
}
.formatted_table ul {
  margin-bottom: .5rem;
  margin-top: .25rem;
}
.formatted_table_left_sidebar {
  text-align: right;
  padding-left: 0px !important;
  white-space: nowrap;
}
.tableSpanColumns {
  background-color: #F1F1F1;
  font-weight: bold;
}
#weighting {
  max-width: 50%;
  border-collapse: collapse;
  width: 100%;
}
#weighting td, #weighting th {
  border: 1px solid #ddd;
  padding: 0.4rem !important;
  vertical-align: top;
  text-align: left;
}
/* h1 {
  font-size: 2.5em; 
} */
h2, .h2 {
  font-size: 2.5rem;
}
h3, .h3 {
  font-size: 2rem;
}
h4, .h4 {
  font-size: 1.75rem;
}
h5, .h5 {
  font-size: 1.5rem;
}
h6, .h6 {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
}
@media print {
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
}
@media print {
  .page-break-inside-avoid {
    page-break-inside: avoid;
  }
}
figure {
  max-width: 100%;
  float: right;
  text-align: center;
  font-style: italic;
  font-size: 95%;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}
@media (max-width: 640px) {
  figure {
    max-width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
figcaption {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.figure-caption {
  font-size: 90%;
  line-height: 110%;
}
.hang {
  margin-left: 1.25em;
  text-indent: -1.25em;
  margin-bottom: .5em;
}
.hang_continue {
  margin-left: 1.25em;
  text-indent: 0em;
  margin-bottom: .5em;
}
.terms_indent {
  margin-left: 3em;
}
.pointer li {
  display: block;
}
.pointer li:before {
  content: "\27b1";
  float: left;
  margin-left: -3.5em;
  padding-left: 1.5em;
}
@media (max-width: 767px) {
  .pointer li:before {
    margin-left: -2.5em;
    padding-left: -4em;
  }
}
.noBullet {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.flushBulletedList {
  margin-left: 0em;
  padding-left: 1.5em;
}
.dropcap {
  float: left;
  font-family: "Adobe Garamond Pro", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 2px;
}
p.manual {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
.box {
  background: #fcfcfc;
  border: thin gray solid;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 15px;
}
.box-zoom {
  background: #FFF4F4;
  border: thin gray solid;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 15px;
}
.crs-summary {
  font-family: Verdana, Geneva, sans-serif;
  font-size: .90rem;
  line-height: 1.5
}
.bigText {
  font-size: 125%;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-family: "Adobe Garamond Pro", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
#samplePaper {
  padding: 20px;
}
.lowerAlphaList {
  list-style: lower-alpha url(../../clas215/css/none) outside;
}
.top {
  display: inline
}
@media print {
  .top {
    display: none !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}
#bottomNavArea {
  margin-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 6px 0px;
  font-size: 12px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  line-height: 151%;
  letter-spacing: 5px;
  border-top: 1px solid #E3E3E3;
  border-bottom: 0px solid #E3E3E3;
  margin-bottom: 40px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 40px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #333;
  opacity: 0.5;
  color: white;
  cursor: pointer;
  padding: 20px;
  border-radius: 10px;
}
#myBtn:hover {
  background-color: #555;
}
@media all and (max-width: 767px) and (min-width: 200px) {
  #myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #333;
    opacity: 0.5;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
  }
  #myBtn:hover {
    background-color: #555;
  }
}
@media print {
  #myBtn {
    display: none !important;
  }
  #myBtn:hover {
    display: none !important;
  }
}
hang_continuehang_continuehang_continuehang_continue