/*
For an EXAM-INFORMATION and EXAM-DETAILS page.
*/

/* STRUCTURE of an EXAM-INFORMATION page */
div.exam-information-page div.parts {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

/* TITLE (just below the Navigation Bar) */
div.exam-information-page div.title {
  grid-column: 1 / span 4;
  text-align: center;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 1rem;
}

div.exam-information-page div.title span.prefix {
  font-size: 2rem;
  font-weight: bold;
}

/* PARTS FOR:  Description, How to Prepare, Admission Ticket, When and Where */
div.exam-information-page div.part {
  border: 2px solid black;
}

/* Header of a part */
div.exam-information-page div.part div.header {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bolder;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

/* Body of a part */
div.exam-information-page div.part div.body {
  margin: .3rem .5rem 1rem;
}

/* DESCRIPTION part. */
div.exam-information-page div.parts div.description {
  grid-column: 1;
}

/* HOW TO PREPARE part. */
div.exam-information-page div.parts div.how-to-prepare {
  grid-column: 2;
}

/* ADMISSION TICKET part. */
div.exam-information-page div.parts div.admission-ticket {
  grid-column: 3;
}

/* HOW TO TAKE part */
div.exam-information-page div.how-to-take {
  grid-column: 4;
}

/* WHEN AND WHERE part (same column as HOW TO TAKE) */
div.exam-information-page div.when-and-where {
}

/* STRUCTURE of an HOW TO GET, TAKE and TURN IN page */
div.exam-information-page div.parts-for-how-to-take-exam {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

/* FOR the HOW TO GET, TAKE and TURN IN page  */
div.exam-information-page div.parts-for-how-to-take-exam div.microsoft-teams {
  grid-column: 1;
}

div.exam-information-page div.parts-for-how-to-take-exam div.get-paper-and-pencil {
  grid-column: 2;
}

div.exam-information-page div.parts-for-how-to-take-exam div.get-on-the-computer {
  grid-column: 3;
}
div.exam-information-page div.parts-for-how-to-take-exam div.turn-in {
  grid-column: 4;
}

/* STRUCTURE of a WHAT TO EXPECT page */
div.exam-information-page div.parts-for-what-to-expect {
  display: grid;
  grid-template-columns: auto auto;
}

div.exam-information-page div.parts-for-what-to-expect div.title {
  grid-column: 1 / span 4;
  text-align: center;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 1rem;
}

/* FOR the HOW TO GET, TAKE and TURN IN page  */
div.exam-information-page div.parts-for-what-to-expect div.paper-and-pencil {
  grid-column: 1;
}

div.exam-information-page div.parts-for-what-to-expect div.on-the-computer {
  grid-column: 2;
}

/* STRUCTURE of an EXAM RULES page */
div.exam-information-page div.parts-for-exam-rules {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

div.exam-information-page div.parts-for-exam-rules div.title {
  grid-column: 1 / span 4;
  text-align: center;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 1rem;
}

div.exam-information-page div.parts-for-exam-rules div.online-exam {
  grid-column: 1;
}

div.exam-information-page div.parts-for-exam-rules div.both-parts {
  grid-column: 2;
}

div.exam-information-page div.parts-for-exam-rules div.paper-and-pencil {
  grid-column: 3;
}

div.exam-information-page div.parts-for-exam-rules div.on-the-computer {
  grid-column: 4;
}

/* GENERAL CSS for an EXAM-INFORMATION page */
div.exam-information-page p {
  margin: 0 0 0 0;
  padding: .75rem .15rem 0 .15rem;
}

div.exam-information-page p.title-for-list {
  margin: 0 0 0 0;
  padding: 1.25rem .15rem 0 .15rem;
}

div.exam-information-page ul {
  margin: 0 0 0 2rem;
  padding: 0;
}

div.exam-information-page ol {
  margin: 0 0 0 1.5rem;
  padding: 0;
}

div.exam-information-page ul li {
  margin: 0;
  padding: .25rem 0 0 0;
}

div.exam-information-page ol li {
  margin: 0;
  padding: .5rem 0 0 .15rem;
}