*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

:root {
  /* DEBUGGING */ }

body {
  /* background-color: #3f1306; */
  background: linear-gradient(to bottom, #3f1306, #ed4e1e);
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 100%; }

input:focus,
textarea:focus,
button:focus {
  outline: 3px solid cyan; }

table {
  width: 100%; }

input {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 800; }

.contact__form__label {
  width: 35%;
  font-size: 1.3rem;
  font-weight: 800; }

textarea {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 800; }

.buttons {
  text-align: center; }

.submit,
.reset {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 800;
  padding: 5px; }

.submit {
  color: green; }

.reset {
  color: red; }

.page-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 10px;
  margin-right: 10px;
  grid-template-areas: "header--page-top header--page-top header--page-top header--page-top header--page-top" "sidebar_nav content-wrapper content-wrapper content-wrapper content-wrapper" "sidebar_nav content-wrapper content-wrapper content-wrapper content-wrapper" "footer--main footer--main footer--main footer--main footer--main"; }

.header--page-top {
  grid-area: header--page-top; }

.content-wrapper {
  grid-area: content-wrapper; }

.heading--page-title {
  font-size: 2.8rem;
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: yellow; }

.section__heading {
  font-size: 2rem;
  text-align: center;
  color: #ecf16f;
  /* color:#ffaa55; */
  padding-top: 1rem;
  padding-bottom: 1rem; }

p {
  font-size: 1.3rem;
  line-height: 1.5rem;
  letter-spacing: 0.028rem; }

.p--light-text {
  color: #f7f9bd; }

.p--left {
  text-align: left; }

.list--normal {
  list-style: none;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px; }

.list__item--normal {
  font-size: 1.3rem;
  line-height: 1.5rem;
  letter-spacing: 0.028rem; }

.footer--main {
  grid-area: footer--main;
  font-size: 1.1rem;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px; }

.copyright--dark-text {
  color: black; }

.section--dark-back {
  width: 100%;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #000;
  color: #f3f5c2;
  /* color: #ffaa55; */
  padding: 15px; }

.section__subheading {
  font-size: 1.5rem;
  text-align: center;
  color: #ecf16f;
  /* color: #67efbf; */
  padding-top: 1rem;
  padding-bottom: 1rem; }

/* <div class="skip-from hidden"> */
/* <a class="skip-from" href="#skiptocontent">Skip to Main Content</a> */
/* <a class="skip-from" href="#main-navigation">Skip to Main Navigation</a> */
/* </div> */
/*
 *.skip-to a,
 *.skip-to a:hover,
 *.skip-to a:visited,
 *.skip-to a:active,
 *.skip-to a:focus {
 *  position: absolute;
 *  left: 0;
 *  top: -500px;
 *  width: 1px;
 *  height: 1px;
 *  overflow: hidden;
 *}
 */
/*
 *.skip-from a,
 *.skip-from a:hover,
 *.skip-from a:visited {
 *  position: absolute;
 *  left: 0;
 *  top: -500px;
 *  width: 1px;
 *  height: 1px;
 *  border: 0;
 *  overflow: hidden;
 *}
 *
 *.skip-from a:active,
 *.skip-from a:focus {
 *  position: static;
 *  width: auto;
 *  height: auto;
 *  border: 0;
 *}
 */
/* .skip_to_links */
/* .document_class */
/* .blockquote-normal */
/* .background-centered_heading */
/* .sections */
/*  .nav_sections  */
/* .nav_principal_list */
/* .nav_blocks */
/* .nav_links */
/* .normal_links */
/* .normal_links:hover */
/* .subsection_normal_links */
/* .document_links */
/* GENERAL COLOR PALETTE */
/*
 * #ff9d00  hsla(37deg, 100%, 50%, 100%)
 * #d07700  hsla(34deg, 100%, 41%, 100%)
 * #a35200  hsla(30deg, 100%, 32%, 100%)
 * #792f00  hsla(23deg, 100%, 24%, 100%)
 * #550900  hsla(6deg, 100%, 17%, 100%)
 */
.link--skip-from {
  position: absolute;
  top: 0;
  padding: 0.5rem 1.5rem;
  line-height: 1.8rem;
  font-size: 1rem;
  font-weight: 800;
  transform: translateY(-80%);
  transition: transform 325ms ease-in; }

.link--skip-from a {
  position: absolute;
  top: 0;
  padding: 0.5rem 1.5rem;
  line-height: 1.8rem;
  font-size: 1rem;
  font-weight: 800;
  transform: translateY(-80%);
  transition: transform 325ms ease-in; }

.site_navigation a,
.offsite_navigation a,
.sections_start a,
.topic_navigation a {
  color: #ffebcc; }

.link--skip-from a:focus {
  top: 0;
  background: black;
  padding: 3px;
  margin: 0.5rem 0.5rem;
  color: #ffebcc;
  text-decoration: none;
  border-radius: 0 0 0.25rem 0.25rem;
  transform: translateY(30%);
  transition: transform 325ms ease-in; }

.sidebar_nav {
  grid-area: sidebar_nav;
  margin-left: 10px;
  background-color: rgba(0, 0, 0, 0); }

.nav--main-navigation {
  grid-area: nav--main-navigation;
  background-color: black;
  width: 100%;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px; }

.nav_list--main-navigation {
  background: black;
  padding: 4px;
  list-style-type: none;
  font-size: 1.2rem; }

.nav__list__item {
  margin-bottom: 13px; }

.nav__list__link {
  line-height: 1.1em;
  font-weight: 800;
  text-decoration: underline;
  color: #ff9d00; }

.nav__list__link:hover {
  color: #fffd75; }

.nav_sections {
  background: rgba(0, 0, 0, 0);
  padding: 0 0 5px 0;
  width: 100%;
  color: #ffc83d; }

.link_descriptions {
  background: #280000;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: 900; }

.document_links {
  padding-left: 8px;
  font-weight: 800;
  color: white;
  text-transform: uppercase; }

.normal_links {
  font-size: 1.2rem;
  text-decoration: none;
  line-height: 1.1em;
  font-weight: 800;
  color: #ff9d00; }

.normal_links:hover {
  background: #ea6ce2;
  color: black; }

.subsection_normal_links {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.1em;
  font-weight: 800;
  color: #ff9d00; }

.subsection_normal_links:hover {
  color: #fffd75; }

/* START MEDIA QUERY */
@media only screen and (max-width: 800px) {
  .sidebar_nav {
    margin-left: 0; }

  .page-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-template-areas: "header--page-top" "content-wrapper" "sidebar_nav" "footer--main";
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

  .section--dark-back {
    width: 100%;
    margin-right: 0; }

  .skip_from_links {
    padding: 0.2rem 0.6rem;
    width: max-content;
    line-height: 1rem;
    font-size: 0.8rem; } }
/* END MEDIA QUERY */
/* START MEDIA QUERY */
@media only screen and (max-width: 1000px) {
  .push_left {
    display: none; }

  .push_right {
    display: none; } }
/* END MEDIA QUERY */
.list__item--extern {
  font-size: 1.1rem;
  margin-bottom: 13px; }

.extern {
  color: #40bfbf;
  background: black;
  line-height: 1.1em;
  font-weight: 800; }

.extern:hover,
.extern:focus,
.extern:active {
  color: #fffd75;
  background: black;
  line-height: 1.1em;
  font-weight: 800;
  border: #fffd75; }

*:focus {
  outline: 3px solid pink;
  padding: 3px; }

/* .skip_to_links */
/* .page_top */
/* .main_page_title */
/* .document_class */
/* .blockquote-normal */
/* .background-centered_heading */
/* .sections */
/*  .nav_sections  */
/* .nav_principal_list */
/* .nav_blocks */
/* .nav_links */
/* .normal_links */
/* .normal_links:hover */
/* .sectioning */
/* .subsection_normal_links */
/* .document_links */
/* GENERAL COLOR PALETTE */
/*
 * #ff9d00  hsla(37deg, 100%, 50%, 100%)
 * #d07700  hsla(34deg, 100%, 41%, 100%)
 * #a35200  hsla(30deg, 100%, 32%, 100%)
 * #792f00  hsla(23deg, 100%, 24%, 100%)
 * #550900  hsla(6deg, 100%, 17%, 100%)
 */
.push_left {
  margin-right: 100px; }

.push_right {
  margin-left: 100px; }

.container_simple {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  grid-template-areas: "page_top page_top page_top" "cowboy_up cowboy_up cowboy_up" "sidebar_nav page_section_topic page_section_topic"; }

.page_top {
  grid-area: page_top;
  background: #280000;
  margin-top: -5px;
  padding-top: 5px;
  /* margin: $margin-page_top; */
  color: #ff6529; }

/*
 *@supports (::webkit-scrollbar) {
 *  ::webkit-scrollbar { width: 1em;
 *    height: 1em;
 *  }
 *}
 *
 *@supports (::webkit-scrollbar-track) {
 *  ::webkit-scrollbar-track {
 *    background: blue;
 *  }
 *}
 *
 *@supports (::webkit-scrollbar-thumb) {
 *  ::webkit-scrollbar-thumb {
 *    background: red;
 *  }
 *}
 *
 */
@supports (scrollbar-color: blue red) {
  * {
    scrollbar-color: red blue; } }
.title_logo {
  text-align: center; }

.main_page_title {
  padding-bottom: 4px;
  font-size: 3.5rem;
  text-align: center;
  color: #ff9d00; }

.page_section_topic {
  grid-area: page_section_topic; }

.content {
  background: #280000;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: 900; }

.blockquote-normal {
  padding-left: 18px;
  padding-right: 18px;
  font-size: 1rem;
  color: white;
  line-height: 1.2rem;
  letter-spacing: 0.02rem;
  font-weight: 400; }

.subsection_title {
  padding-left: 8px;
  font-size: 1.2rem;
  color: #42cd60; }

.document_class {
  background: black;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  color: #ffc83d;
  border-radius: 4px; }

.sections {
  background: #280000;
  padding: 0 0 5px 0;
  width: 100%;
  color: #ffc83d;
  border-radius: 4px; }

.centered_heading {
  background: #280000;
  font-size: 1.4rem;
  text-align: center;
  color: white;
  text-transform: uppercase; }

.sectioning {
  font-weight: 800;
  text-transform: uppercase;
  color: white; }

.transparent_gap {
  margin: 0;
  padding: 15px;
  color: rgba(0, 0, 0, 0);
  /* color is only needed to make content transparent. */ }

/*# sourceMappingURL=main.css.map */