/* ==========================================================================
   CHEM 3521 — Biochemistry I: Macromolecular Structure
   Page-specific styles. Requires site.css to be loaded first.
   ========================================================================== */

:root {
  --row-alt:   #f2f2f2;
  --row-hover: #dddddd;

  --font-table: Verdana, Arial, Helvetica, sans-serif;

  --page-inset: 2cm;
  --list-inset: 2.5cm;
}


/* --- Page header ---------------------------------------------------------- */

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

.page-header h2 {
  margin-bottom: 0.25em;
}


/* --- Body copy ------------------------------------------------------------ */

p.par-style-1 {
  padding-left: var(--page-inset);
  padding-right: var(--page-inset);
  font-size: 120%;
  color: var(--gt-blue);
  text-align: justify;
}

ul.list-style-1 {
  margin: 0;
  padding-left: var(--list-inset);
  padding-right: var(--page-inset);
  font-size: 120%;
  list-style-type: disc;
  clear: both;
}

ol.list-style-3 {
  margin: 0;
  padding-left: var(--list-inset);
  padding-right: var(--page-inset);
  font-size: 120%;
  text-align: justify;
  clear: both;
}


/* --- Schedule and module tables ------------------------------------------- */

.sched {
  margin-left: var(--page-inset);
  margin-right: var(--page-inset);
  border: 3px solid var(--gt-blue);
  font-family: var(--font-table);
}

.sched th,
.sched td {
  padding: 8px;
  border: 5px solid var(--gt-blue);
  text-align: center;
}

.sched th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--gt-gold);
  color: var(--gt-blue);
  font-size: 130%;
}

.sched tr:nth-child(even) { background-color: var(--row-alt); }
.sched tr:hover           { background-color: var(--row-hover); }


/* --- Inline emphasis in tables -------------------------------------------- */

.final-exam   { color: red; }
.last-lecture { color: blue; }


/* --- Problem set links ---------------------------------------------------- */

a.problem-set {
  display: block;
  margin: 1em 0 1em 2em;
}


/* --- Anchor offset -------------------------------------------------------- */

/* Keeps #M15, #schedule etc. from landing underneath the fixed navbar. */
[id^="M"],
#schedule,
#modules,
#PrLit,
#NALit,
#top {
  scroll-margin-top: calc(var(--nav-height) + 0.5rem);
}


/* --- Small screens -------------------------------------------------------- */

@media (max-width: 700px) {
  :root {
    --page-inset: 0.75rem;
    --list-inset: 1.5rem;
  }

  p.par-style-1,
  ul.list-style-1,
  ol.list-style-3 {
    font-size: 105%;
    text-align: left;
  }

  .sched th,
  .sched td {
    border-width: 2px;
    padding: 6px;
  }
}