/*
Theme Name: vader.choy.me
Theme URI: https://vader.choy.me/
Author: David F. Choy
Description: VADER Validation app
Version: 2019
License: CC BY-SA 4.0
License URI: https://creativecommons.org/licenses/by-sa/4.0/
*/
body {
  background-color: #DDD;
  font-family: 'Roboto', sans-serif;
  font-size: 16px; }
  @media (min-width: 768px) {
    body {
      font-size: 24px;
      padding: 1rem; } }

header, main, footer {
  min-width: 200px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #EEE;
  padding: 1rem 1rem; }
  @media (min-width: 768px) {
    header, main, footer {
      padding: 1rem 3rem; } }

div.message {
  background-color: #FEFEFE;
  padding: 1rem;
  border: 1px solid #DDD; }

ul.likert {
  padding-left: 0.25rem; }

ul.likert > li {
  list-style: none;
  padding: 0.25rem;
  margin: 0;
  line-height: 2rem; }

ul.likert > li label {
  cursor: pointer; }

input[type="radio"] {
  display: none; }

input[type=radio] + label::before {
  cursor: pointer;
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 2px solid #000;
  border-radius: 50%;
  margin: 0 0.5em; }

input[type=radio]:checked + label::before {
  background-color: #666; }

input[type=submit] {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  border: 2px solid black; }

a {
  text-decoration: none;
  color: #00004d; }

li.ExtremelyNegative {
  color: red;
  border-left: 10px solid red; }

li.VeryNegative {
  color: #d90000;
  border-left: 10px solid #d90000; }

li.ModeratelyNegative {
  color: #b30000;
  border-left: 10px solid #b30000; }

li.SlightlyNegative {
  color: #8c0000;
  border-left: 10px solid #8c0000; }

li.Neutral {
  color: black;
  border-left: 10px solid black; }

li.SlightlyPositive {
  color: #004600;
  border-left: 10px solid #004600; }

li.Positive {
  color: #005a00;
  border-left: 10px solid #005a00; }

li.VeryPositive {
  color: #006d00;
  border-left: 10px solid #006d00; }

li.ExtremelyPositive {
  color: green;
  border-left: 10px solid green; }

header {
  background-color: #00004d;
  color: white; }

h1, h1, h3, h4 {
  font-family: 'Open Sans', sans-serif; }