/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
   --primary-background-color: #383838;
   --artifact-color: #e6cc80;
   --legendary-color: #ff8000;
   --epic-color: #a335ee;
   --rare-color: #0070dd;
   --uncommon-color: #1eff00;
   --cancel-color: #d81b1c;
}

body {
   background-color: var(--primary-background-color);
   color: white;
   max-width: 900px;
   margin: auto;
}

h1 {
   color: var(--artifact-color);
}

.legendary-color, .governor-color {
   color: var(--legendary-color);
}

.epic-color, .federal-legislator-color {
   color: var(--epic-color);
}

.rare-color, .state-legislator-color {
   color: var(--rare-color);
}

.btn-outline-secondary {
   color: var(--artifact-color);
   border-color: var(--artifact-color);
}

.bill-of-rights-link, .help-out-link, .forgot-password-link {
   display: block;
   width: 50vw;
   margin: 3vh auto;
}

.headline {
   width: 80%;
   margin-left: 10%;
}
.uncommon-link, .uncommon-link:visited {
   color: var(--uncommon-color);
   text-align: center;
}

.uncommon-button-link {
   color: var(--uncommon-color);
   background-color: #00000000;
   border: none;
   text-decoration: underline;
}

.uncommon-color {
   color: var(--uncommon-color)
}

.uncommon-button {
   color: var(--uncommon-color);
   border-color: var(--uncommon-color);
}

table {
   margin-top: 5vh;
   width:80%;
   margin-left:10%;
}

.nav-table {
   margin-bottom: 5vh;
}

.nav-table td {
   border-width: 0;
}

.governor-table {
   border-color: var(--legendary-color);
   border-style: solid;
}

th, td {
   border-width: medium;
   text-align: center;
}

.federal-legislator-table {
   border-color: var(--epic-color);
   border-style: solid;
}

.state-legislator-table {
   border-color: var(--rare-color);
   border-style: solid;
}

.officials-link {
   margin: 3vh 10vw;
   display: block;
   text-align: left;
}

.run-for-office-div {
   text-align: center;
}

.red-color {
   color: var(--cancel-color);
}

.cancel-button-link {
   color: var(--cancel-color);
   background-color: #00000000;
   border: none;
   text-decoration: underline;
}

.cancel-button {
   color: var(--cancel-color);
   border-color: var(--cancel-color);
}

footer {
   width: 100vw;
   max-width: 900px;
}
.footer-item {
   margin: 5vh;
   display: block;
   text-align: center;
}

#bill-of-rights-list {
   color: var(--artifact-color);
   text-align: center;
}

#bill-of-rights-list a {
   color: var(--uncommon-color);
}

#bill-of-rights-list li {
   margin-top: 3vh;
}

.bill-of-rights-header {
   text-align: center;
   margin-top: 5vh;
   color: var(--artifact-color);
}

.bill-of-rights-divs div {
   scroll-margin-top: 10vh;
}

#right-to-a-job-that-pays-a-living-wage {
   scroll-margin-top: 15vh;
}

#right-to-a-voice-in-the-work-place-through-a-union-or-collective-bargaining {
   scroll-margin-top: 45vh;
}

#right-to-quality-health-care {
   scroll-margin-top: 50vh;
}

#right-to-free-higher-education-or-trade-school {
   scroll-margin-top: 15vh;
}

#right-to-good-affordable-housing {
   scroll-margin-top: -15vh;
}

#right-to-a-clean-environment-and-healthy-planet {
   scroll-margin-top: 25vh;
}

#right-to-a-meaningful-endowment-of-resources-upon-birth {
   scroll-margin-top: -35vh;
}

#right-to-sound-financial-services {
   scroll-margin-top: -35vh;
}

#right-to-an-equitable-and-fair-justice-system {
   scroll-margin-top: 25vh;
}

#right-to-cultural-and-civic-involvement-in-democratic-life {
   scroll-margin-top: 25vh;
}

.contact-me-default-message {
   min-height: 10vh;
}

.profile-h1 {
   text-align: center;
}

.profile-offices h5, .profile-offices p {
   text-align: center;
}

.register-to-vote-form-select {
   width: 7rem;
   /* color: var(--uncommon-color);
   border-color: var(--uncommon-color);
   background-color: #00000000; */
   
}

.create-account-link {
   float: right;
}

.friend-invitation-table {
   border-color: var(--rare-color);
}

.friends-list-table th, .friends-list-table td {
   border-width: 0;
}

.friends-list-hr {
   color: var(--epic-color);
   border-top: 0.25rem solid;
}

.training-video-list h3 {
   text-align: center;
   color: var(--artifact-color);
}

.training-video-list p {
   text-align: center;
   color: var(--uncommon-color);
}

.Title {
   color: var(--legendary-color);
}
.Preamble {
   color: var(--artifact-color);
}

.Articles {
   color: var(--artifact-color);
}

.Articles p {
   color: var(--artifact-color);
}

.Bill, .Bill p {
   color: var(--uncommon-color);
}

.Enforcement {
   color: white;
}