/* color of the headings in the main section of the page */
body {
  color: rgb(255, 128, 0);
}
body.dark-mode {
  background-color: rgb(0, 0, 0);
}
/* background color of header */
header {
  background-color: rgb(255, 255, 255);
}
header.dark-mode {
  background-color: rgb(0, 0, 0);
}
/* col.darkmodeor of header text at the top of the page */
header h2 {
  color: rgb(0, 0, 0);
}
header h2.dark-mode {
	color: rgb(255, 255, 255);
}
/* color of the link text to the right of the vertical line */
a.link-text.sub-logo {
  color: rgb(255, 255, 255);
}
a.link-text.sub-logo.dark-mode {
  color: rgb(0, 0, 0);
}
/* color of the vertical line in the header */
.logo-line {
  background-color: rgb(0, 0, 0);
}
.logo-line.dark-mode {
  background-color: rgb(255, 255, 255);
}
/* background color and transparency of the content section*/
.main-section {
  background: rgba(255, 255, 255, 0.9);
}
.main-section.dark-mode {
  background: rgba(0, 0, 0, 0.9);
}
/* color of the text at the bottom of the page under the help headers */
.main-section p {
  color: rgb(132, 132, 132);
}
.main-section p.dark-mode {
  color: rgba(220, 220, 220, 0.9);
}
/* text and background color for the buttons */
.pass-function-section {
  background: rgb(255, 128, 0);
  color: rgb(0, 0, 0);
}
.pass-function-section.dark-mode {
  background: rgb(255, 128, 0);
  color: rgb(255, 255, 255);
}
/* text and background color for the buttons when the cursor hovers over the buttons */
.pass-function-section:hover {
  background: rgb(0, 0, 0);
  color: rgb(255, 128, 0);
}
.pass-function-section.dark-mode:hover {
  background: rgb(0, 212, 255);
  color: rgb(0, 0, 0);
}
/* background color and transparency of first content section which includes the buttons */
.main-section.alternative .column-layout:first-child {
  background: rgba(255, 255, 255, 0.85);
}
.main-section.alternative .column-layout.dark-mode:first-child {
  background: rgba(0, 0, 0, 0.85);
}
/* background color and transparency of the second content section which includes the help info */
.main-section.alternative .extra-info {
  background-color: rgba(220, 220, 220, 0.9);
}
.main-section.alternative .extra-info.dark-mode {
  background-color: rgb(132, 132, 132);
}
/* color of the help phone number */
.phone-number {
  color: rgb(255, 128, 0);
}
.phone-number.dark-mode {
  color: rgb(255, 128, 0);
}