/* GLOBAL STYLING */
/* normalize placeholder text */
body {
  margin: 0;
  background: #eaeaea;
  font-family: "Muli", sans-serif;
  font-weight: 300;
  min-height: 100vh;
  color: #2C363F;
  display: flex;
  justify-content: space-around;
  flex-direction: column; }

a, .link {
  text-decoration: none;
  color: #58A4B0;
  cursor: pointer; }

a:hover, .link:hover {
  color: #E88D67;
  cursor: pointer; }

input {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-size: 1em; }

input:focus {
  outline: none; }

button {
  border: none;
  cursor: pointer;
  background: #58A4B0;
  color: white;
  font-family: 'Muli', sans-serif;
  font-weight: 300;
  font-size: 0.9em;
  vertical-align: top;
  border-radius: 5px;
  padding: 3px 8px 6px 8px;
  box-shadow: 0 1px 4px rgba(44, 54, 63, 0.75); }

button:hover {
  background: #E88D67;
  box-shadow: 0 1px 9px rgba(232, 140, 103, 0.75); }

code {
  font-family: "Zilla Slab", serif;
  background: rgba(171, 171, 171, 0.3);
  border: 1px solid gray;
  border-radius: 5px;
  padding: 0px 3px;
  font-weight: 400; }

.bold {
  font-weight: 600; }

.container {
  padding: 0 10vw;
  width: 80%;
  min-width: 300px;
  max-width: 980px;
  display: flex;
  flex-direction: column;
  align-self: center;
  flex: 1 0 auto; }

/* HEADER AND FOOTER */
#header-section {
  padding: 5px 10vw 20px 10vw;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  background: #114B5F; }
  #header-section #signup:hover {
    background: #E88D67;
    font-weight: 600;
    color: white; }
  #header-section #signup {
    color: white;
    background: #7fc5d0;
    font-weight: 600; }

#header-wrapper {
  max-width: 980px;
  margin: 0px auto; }

#header-section a, #header-section .link, #footer-section a, #footer-section .link {
  color: #7fc5d0; }

#header-section a:hover, #header-section .link:hover, #footer-section a:hover, #footer-section .link:hover {
  color: #E88D67;
  cursor: pointer; }

#home-link {
  font-family: "Zilla Slab", serif;
  font-size: 3.5em;
  font-weight: 400;
  display: flex;
  align-self: center; }

#logo-subheading {
  font-size: 1.2em;
  margin-top: -8px;
  color: #dee8ec; }

#main-section {
  flex: 1 0 auto;
  padding: 5vh 0; }

#footer-section {
  background: #114B5F;
  color: #dee8ec;
  font-weight: 500;
  text-align: center;
  min-height: calc(5vh - 20px);
  font-size: 0.8em; }
  #footer-section a, #footer-section .link {
    padding: 0px 15px; }
  #footer-section p {
    line-height: 1.7;
    margin-bottom: 8px; }

#footer-section .fa-heart {
  color: red; }

#footer-links {
  display: flex;
  justify-content: center; }

#creator-link {
  font-weight: 600; }

#feedback-button {
  position: fixed;
  display: flex;
  align-items: center;
  bottom: 5vh;
  right: 0;
  border-radius: 5px 0 0 5px;
  box-shadow: 0px 0px 10px #2C363F;
  background: #114B5F;
  color: white;
  z-index: 1; }

#feedback-label {
  margin: 0;
  display: flex;
  padding: 8px 5px 13px 5px;
  color: white; }
  #feedback-label:hover {
    background: #E88D67;
    box-shadow: 0px 0px 10px #E88D67; }

#feedback-icon {
  margin: 0 5px; }

#feedback-close {
  display: flex;
  padding: 15px 5px;
  z-index: 5;
  background: #e2d4c4;
  border-radius: 5px 0 0 5px; }
  #feedback-close:hover {
    background: #E88D67;
    color: white; }

/* SEARCH BAR */
#search-bar-div {
  padding-top: 2vh; }

#search-bar-label {
  font-weight: 300;
  margin: 0 0 5px 0;
  color: #dee8ec; }

#search-bar {
  font-size: 1.8rem;
  padding: 5px 10px 10px 20px;
  display: inline-block;
  border: 1px solid #c5c5c5;
  border-right: 0;
  box-shadow: 0px 0px 5px rgba(203, 218, 210, 0.5);
  width: calc(100% - 25px - 2em);
  min-width: 200px;
  max-width: calc(980px - 32px);
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  #search-bar:hover {
    box-shadow: 0px 0px 5px rgba(10, 10, 10, 0.1), 0px 0px 10px rgba(10, 10, 10, 0.1);
    transition-property: box-shadow;
    transition-duration: 0.25s; }
  #search-bar:focus {
    box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.3), 4px 2px 24px rgba(10, 10, 10, 0.4);
    transition-property: box-shadow;
    transition-duration: 0.25s; }

.search-add-button {
  height: calc(2rem + 19px);
  width: calc(2rem + 19px);
  background: #58A4B0;
  color: #ffffff;
  display: inline;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }
  .search-add-button :hover {
    background: #E88D67;
    box-shadow: 2px -4px 12px rgba(232, 140, 103, 0.75), 2px 4px 12px rgba(232, 140, 103, 0.75); }
  .search-add-button .fas {
    margin-top: 0.3em; }

#terms-section {
  margin: 0px auto;
  max-width: 980px;
  display: block;
  border-top: none;
  border-bottom: none;
  box-shadow: 0px 5px 10px #101010;
  border-radius: 5px; }

#experimental-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

#term-suggestions-section {
  position: absolute;
  background: white;
  border: 1px solid rgba(111, 111, 111, 0.5);
  border-top: none;
  border-bottom: none;
  margin-top: -4px;
  width: calc(100% - 42px);
  display: none; }

#related-terms-section {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem; }

#related-term-suggestions-section {
  position: absolute;
  background: white;
  border: 1px solid rgba(111, 111, 111, 0.5);
  border-top: none;
  margin-top: -4px;
  width: calc(100% - 42px);
  display: none; }

.related-term, .top-searched-term {
  padding: 0px 10px;
  background: rgba(222, 222, 222, 0.8);
  border-radius: 5px;
  color: #58A4B0;
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  margin: 0 8px 8px 0; }
  .related-term:hover, .top-searched-term:hover {
    color: white;
    background: #E88D67; }

.term {
  border-bottom: 1px solid rgba(111, 111, 111, 0.5);
  box-shadow: 0px 0px 5px rgba(203, 218, 210, 0.5);
  border-radius: 5px; }

.term-link {
  text-decoration: none;
  display: inline-block;
  padding: 5px 20px;
  margin: 5px 0;
  background: #ffffff;
  color: #58A4B0;
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  border-radius: 5px; }

.term-suggestion-link {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 0.7em;
  display: block;
  padding: 3px 6px;
  background: #ffffff;
  color: #58A4B0; }

.term-link:hover, .term-suggestion-link:hover, .term-link-selected {
  cursor: pointer; }

/* POP OUT */
#new-definition, #report, #notifications {
  display: none; }

.pop-out {
  width: calc(64vw - 44px);
  border: 1px solid rgba(10, 10, 10, 0.4);
  z-index: 50;
  box-shadow: 0px 0px 15px rgba(20, 20, 20, 0.5);
  position: absolute;
  top: 5vh;
  left: 50vw;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 20px;
  padding-top: 0;
  min-height: 10vh;
  min-width: 300px;
  border-radius: 5px;
  display: none; }
  .pop-out.skinny {
    max-width: 400px; }

.pop-out h3 {
  margin-top: 0;
  font-weight: 300;
  font-size: 1.4em; }

.pop-out .header {
  position: relative;
  background: #e2d4c4;
  display: inline-block;
  float: right;
  padding: 10px;
  margin-right: -20px; }

.pop-out ul {
  margin-top: 3px; }

.login-please {
  margin: 30px 0 0 0; }

#new-definition-wrapper {
  display: flex;
  justify-content: space-between; }

.char-limit-warning {
  display: flex;
  font-weight: 600;
  color: #926513;
  background: #f3cc75; }

#formatting-link {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  margin-top: -3px; }

.one-format {
  margin: 0 5px; }

#formatting-instructions {
  line-height: 2; }

.over-char-limit {
  font-weight: 600;
  color: #b50000;
  background: #F1A19B; }

/* DEFINITION */
#definitions-section {
  margin: 0 auto; }

#definitions-section-title {
  margin-left: 20vw; }

.definition {
  margin: 35px auto 0 auto;
  display: block;
  min-width: 300px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: -1px 1px 9px rgba(156, 156, 156, 0.5); }

.definition-main-body {
  display: flex;
  padding: 15px 10px 15px 20px; }

.definition-accent {
  margin: 0 auto 35px auto;
  padding: 15px 20px;
  border: 1px solid rgba(44, 54, 63, 0.3);
  border-left: 4px solid #114B5F;
  display: block;
  min-width: 300px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.2); }

.new-def-button, .request-def-button {
  width: 45%;
  max-width: 420px;
  font-size: 1.2em;
  margin: 30px auto 0 auto;
  padding: 12px 0px;
  display: block;
  font-weight: 200; }

.request-def-button {
  background: #114B5F; }

/* COMMENTS */
.comments-section {
  margin: 0 auto 35px auto;
  width: 90%; }

.comment {
  display: block;
  background: #ffffff;
  border: 1px solid rgba(10, 10, 10, 0.2);
  border-radius: 5px;
  min-width: 300px; }

.comment-connector {
  height: 8px; }

.add-one {
  padding: 15px;
  border-left: 4px solid #114B5F; }

.connector {
  border: 1px solid #114B5F;
  width: 0;
  height: 100%;
  margin: 0 auto; }

.comment-main-body {
  padding: 10px 15px; }

.comment-body {
  font-size: 0.85em;
  font-weight: 300;
  margin-bottom: 20px; }

.comment-column {
  width: calc(95% - 10px);
  line-height: 1.5;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top; }

.new-comment-textarea {
  resize: none;
  padding: 6px;
  font-size: 0.9em;
  line-height: 1.4;
  width: calc(100% - 34px);
  margin: 10px auto;
  display: block; }

.button-wrapper {
  text-align: right; }

.fa-chevron-circle-up {
  display: none; }

.confirmation-check {
  color: #25d225; }

.action-icon {
  margin-left: 4px;
  color: #58A4B0;
  padding: 0px 5px 3px 5px;
  border-radius: 5px;
  display: inline-block; }
  .action-icon:hover {
    color: #E88D67; }

.comment-on-post {
  background: none;
  z-index: 0;
  text-align: center; }

.add-comment {
  margin: 0 10px 10px 0; }

.fa-chevron-circle-down {
  display: none; }

/* CATEGORY CHART*/
#category-summary, #related-terms {
  padding: 12px 20px 15px 20px;
  display: block;
  border-left: 4px solid #114B5F;
  min-width: 400px;
  font-size: 0.85em;
  font-weight: 600;
  margin: 0; }
  #category-summary h3, #related-terms h3 {
    color: #114B5F;
    margin: 0 0 5px 0;
    font-family: "Zilla Slab", serif; }

.category-title {
  color: #5a6061;
  font-family: "Zilla Slab", serif;
  font-size: 1.4em;
  font-weight: 400; }

#category-title-label {
  font-weight: 700; }

.category-bar {
  border-radius: 5px;
  overflow: hidden; }

.category-stat {
  background: #2C363F;
  display: inline-block;
  text-align: center;
  font-size: 0.9em;
  padding: 2px 0px;
  min-width: 5%; }

.category-label {
  display: inline-block;
  font-weight: 400;
  margin-right: 10px;
  font-family: "Zilla Slab", serif;
  font-size: 1.1em; }

.category-legend {
  padding: 10px 0 8px 0; }

.category-box {
  height: 1em;
  width: 1em;
  border: 1px solid #6d7073;
  display: inline-block;
  border-radius: 50%;
  vertical-align: text-bottom;
  margin-right: 5px; }

.separator-bar {
  height: 1px;
  background: rgba(44, 54, 63, 0.3);
  margin: 10px 0px; }

.percentage-label {
  margin: 0px 5px;
  font-weight: 700; }

#tool-percentage, .tool {
  background: #86daf7;
  text-align: center; }

#concept-percentage, .concept {
  background: #e0baea; }

#language-percentage, .language {
  background: #ace8ac; }

#process-percentage, .process {
  background: #f9b765; }

#other-percentage, .other {
  background: #cde8f3; }

/* NEW DEFINITION */
.new-definition-term {
  font-size: 1.2em;
  font-family: "Zilla Slab", serif;
  font-weight: 500; }

.term .title {
  font-size: 1.5em;
  font-weight: bold; }

#new-definition h3 {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 1.5em; }

#new-definition textarea {
  font-family: "Muli", sans-serif;
  resize: none;
  padding: 6px;
  font-size: 1em;
  line-height: 1.4;
  width: calc(100% - 14px); }

#related-term-textarea {
  font-size: 1.2em; }

#add-definition {
  float: right; }

.definition-term {
  color: #114B5F;
  font-family: "Zilla Slab", serif;
  font-size: 1.3rem;
  font-weight: 400; }

.definition-metadata {
  color: #9a9898;
  font-size: 1rem;
  font-weight: 500; }

.definition-related-terms {
  padding-top: 10px; }

.definition-column {
  width: calc(95% - 10px);
  display: inline-block;
  vertical-align: top;
  line-height: 1.6;
  padding-right: 10px;
  word-wrap: break-word;
  white-space: pre-line;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .definition-column p {
    margin: 0; }
  .definition-columnem {
    font-size: 1em;
    font-style: italic; }

.definition-meta {
  font-size: 0.85em;
  min-height: 2em;
  padding: 5px 15px 5px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.comment-meta {
  font-size: 0.85em;
  min-height: 2em;
  padding: 6px 15px;
  border-bottom: 1px solid rgba(44, 54, 63, 0.3); }

.definition-history {
  font-weight: 700;
  vertical-align: middle;
  display: inline-block;
  width: 70%;
  font-family: "Zilla Slab", serif;
  color: rgba(44, 54, 63, 0.3); }
  .definition-history a:not(.definition-term) {
    font-weight: 500; }
    .definition-history a:not(.definition-term):hover {
      color: #E88D67; }

.definition-actions {
  text-align: right;
  display: inline-block;
  width: 30%; }
  .definition-actions div {
    display: inline-block; }

.voting-column {
  display: inline-block;
  width: calc(5% - 2px);
  border-left: 2px solid #114B5F; }

.voting-section {
  margin: 0;
  text-align: center;
  vertical-align: top; }

.persistVote {
  color: #E88D67; }

.definition-score {
  font-weight: 600;
  color: #2C363F; }

.textarea-label {
  font-size: 0.8em;
  font-weight: 300;
  margin: 15px 0 5px 0;
  padding: 2px 8px;
  background: #114B5F;
  color: white;
  display: inline-block; }

.comment-count {
  pointer-events: none; }

.report-error, .new-definition-error, .new-comment-error {
  color: #b50000;
  font-weight: 600;
  margin: 10px 10px 0 0; }

.definition-category-section select {
  font-size: 1em; }

.request-definition-error {
  display: none; }

/* TOP SEARCHES */
.top-terms {
  flex-wrap: wrap;
  margin-top: 0;
  padding: 12px 20px 15px 20px;
  border: 1px solid rgba(44, 54, 63, 0.3);
  border-left: 4px solid #114B5F; }

.top-term-headings {
  display: flex;
  justify-content: center;
  color: #58A4B0;
  cursor: pointer;
  padding-bottom: 10px;
  font-weight: 400; }
  .top-term-headings div {
    font-weight: 400;
    width: 150px;
    display: inline-block;
    text-align: center;
    border: 1px solid gray;
    padding: 3px 0;
    border-radius: 5px;
    background: white;
    margin: 0 10px;
    text-align: center; }
    .top-term-headings div:hover {
      color: #E88D67; }
    .top-term-headings div.active-top-term-label {
      color: #ffffff;
      background: #58A4B0; }
      .top-term-headings div.active-top-term-label:hover {
        background: #E88D67; }

#top-searches, #top-requests {
  flex-wrap: wrap; }

#new-top-searches, #new-top-requests {
  color: #dee8ec;
  padding-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  display: none;
  /* !! unhide !! */ }
  #new-top-searches a:hover, #new-top-requests a:hover {
    color: white; }

/* HEADER */
.alert {
  text-align: center; }

#error {
  font-size: 0.9em;
  color: #651229;
  background: #f36e6e;
  padding: 5px;
  display: none; }

#message {
  font-size: 0.9em;
  color: #0c2b58;
  background: #82bef3;
  padding: 5px;
  display: none; }

.links {
  display: flex;
  justify-content: space-between; }

.links .link {
  margin: 3px 5px 3px 15px; }

.account {
  padding-top: 1.1em;
  display: flex; }

.hamburger-menu-options {
  text-align: right;
  position: absolute;
  right: 10vw;
  top: 8vh;
  width: 250px;
  display: none;
  color: #dee8ec;
  justify-content: space-between; }

.welcome {
  padding-right: 10px; }

#new-alert {
  color: #E88D67; }

.notification-bell:hover {
  font-weight: bold;
  cursor: pointer; }

#login-section {
  display: none;
  width: 100%; }

#password-reset-section p {
  text-align: left;
  margin-bottom: 0; }

#request-definition-section p {
  margin: 15px 0; }

#request-definition-confirmation {
  display: none;
  text-align: center;
  font-weight: 600;
  margin: 10px 0 0 0;
  flex-direction: column; }

#definition-section-button-wrapper {
  flex-direction: row; }

#remember-account {
  transform: scale(1.2);
  vertical-align: bottom;
  margin-left: 2px;
  width: 17px;
  z-index: 1; }

#hidden-remember-account-checkbox[type="checkbox"] {
  display: inline;
  width: 2%;
  z-index: 0;
  position: absolute;
  margin: 7px 0 0 2px;
  transform: scale(1.4);
  opacity: 0; }

#login-oauth-wrapper {
  display: flex;
  justify-content: space-around; }

#github-login {
  height: 34px;
  width: 120px;
  background: #24292F;
  border-radius: 1px;
  padding: 1px;
  display: flex;
  justify-self: center;
  align-self: center;
  color: #24292F; }
  #github-login:hover {
    box-shadow: 0 0 7px black;
    color: #24292F;
    cursor: pointer; }

.github-logo-wrapper {
  width: 34px;
  height: 34px;
  background: white;
  display: flex;
  justify-self: flex-start;
  color: black; }

.github-logo-label {
  color: white;
  padding: 6px 0 0 21px;
  font-size: 0.8em;
  font-weight: 300; }

#github-login i {
  padding: 0 10px;
  transform: scale(1.3);
  display: flex;
  align-self: center; }

.login-additional-options {
  display: flex;
  justify-content: space-between; }

#reset-request-confirm {
  font-size: 1.2em;
  text-align: center;
  display: none; }

#signup-section, #login-section, #password-reset-section {
  text-align: center;
  padding-top: 15px; }

#signup {
  color: white;
  font-weight: 200;
  margin: 0; }

#signup-icon {
  display: none; }

#signup-label {
  display: block; }

.standalone-password-reset-page, #select-username-section {
  max-width: 400px;
  margin: 10vh auto; }

#new-definition-modal {
  padding-top: 20px; }
  #new-definition-modal ol {
    margin: 0; }

#signup-modal, #login-modal, #password-reset-modal {
  padding-top: 0;
  color: black; }
  #signup-modal a, #signup-modal .link, #login-modal a, #login-modal .link, #password-reset-modal a, #password-reset-modal .link {
    color: #58A4B0; }

#select-username-section {
  text-align: center;
  max-width: 400px; }

.pop-out input, #password-reset-section input, #select-username-section input {
  display: block;
  width: calc(100% - 12px);
  border: 1px solid #989494;
  margin: 0;
  margin-bottom: 8px;
  font-size: 1.5em;
  padding: 2px 5px 5px 5px;
  margin-right: 8px; }
  .pop-out input:focus, #password-reset-section input:focus, #select-username-section input:focus {
    border: 1px solid #58A4B0;
    border-bottom: 2px solid #58A4B0;
    transition: border; }

.pop-out input[type="radio"] {
  display: inline;
  width: 5%; }

.pop-out label {
  font-weight: 400; }

.account-submit-button {
  padding: 8px 15px;
  font-size: 1.3em;
  margin: 20px 0 10px 0;
  width: 100%; }

#signup-options {
  font-weight: 600;
  font-size: 0.9em;
  margin: 2px 88px 0 0; }

.account-title {
  font-size: 2em;
  margin-bottom: 10px;
  color: #afafaf; }

.account-title span:hover {
  color: #E88D67;
  cursor: pointer; }

.account-options {
  display: block;
  text-align: right; }

.active-account-title {
  color: #2C363F; }

.request-definition-title {
  font-size: 2em;
  text-align: center;
  margin-top: 15px; }

.standalone-title {
  color: black;
  font-size: 1.8em;
  margin-bottom: 25px; }

.report-error {
  min-height: 1.5em;
  text-align: left;
  margin-left: 0; }

/* REPORT */
.report-body {
  padding-top: 20px; }

.report-option {
  margin-right: 10px; }

#report-content {
  padding: 10px;
  color: #b50000;
  background: rgba(44, 54, 63, 0.3);
  line-height: 1.3; }

#submit-report {
  float: right; }

/* USER PROFILE */
#main-section h2 {
  margin: 0 0 2vh 0;
  content: "";
  display: table;
  clear: both; }

#submission-status-table {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  margin: 15px auto;
  min-width: 410px;
  box-shadow: 0px 0px 10px #8a8279; }

.submission-status {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85em;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #2C363F;
  font-family: "Zilla Slab", serif;
  font-weight: 400; }

.profile-section-tab {
  width: 150px;
  display: inline-block;
  text-align: center;
  border: 1px solid gray;
  padding: 3px 0;
  border-radius: 5px;
  font-weight: 500; }

.profile-section-tab:hover {
  background: #E88D67;
  color: white; }

#delete-account-warning {
  padding: 5px;
  border: 1px solid rgba(44, 54, 63, 0.3);
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600;
  display: none; }

#delete-account, #confirm-delete-account {
  background: #b31b1b;
  color: #ffe9ed;
  margin: 10px auto 20px auto; }
  #delete-account:hover, #confirm-delete-account:hover {
    background: #E88D67;
    color: white; }

/*#live-definition-section, #live-comment-section, #definition-status-section {
    display: none;
}*/
.active-profile-tab {
  background: #58A4B0;
  color: #ffffff;
  font-weight: 400; }

.post-removed {
  color: #4c107b;
  background: #ebdcfd; }

.post-approved {
  color: #14710d;
  background: #BAE1A6; }

.post-rejected {
  color: #a20c09;
  background: #F1A19B; }

.post-pending {
  color: #0a0a0a;
  background: #DBDBDB; }

.status-definition, .status-submission-date, .status {
  display: inline-block;
  vertical-align: middle; }

.status-definition {
  width: calc(65% - 10px);
  padding-right: 10px; }

.status-definition .definition-body {
  font-size: 0.85em; }

.status-submission-date {
  width: 15%;
  text-align: center; }

.status {
  width: 20%;
  text-align: right; }

.status-row {
  background: #ffffff;
  padding: 10px;
  border-bottom: 1px solid gray; }

.status-row-headers {
  background: #ffffff;
  font-size: 0.85em; }

.edit-history {
  font-size: 0.85em; }

.profile-username {
  margin-top: 30px;
  margin-bottom: 3px;
  background: #114B5F;
  color: white;
  padding: 6px 11px;
  display: inline-block;
  border-radius: 5px; }

.profile-links {
  margin-bottom: 35px; }

/* NOTIFICATIONS */
#notifications {
  width: 300px;
  min-height: 0;
  padding: 0;
  left: 50%;
  transform: translateX(-150px);
  top: 5vh; }

.notifications-header {
  position: relative;
  background: #89b8e2;
  display: inline-block;
  float: right;
  padding: 2px; }

.notifications-header i {
  padding: 3px; }

.one-notification {
  border-bottom: 1px solid rgba(10, 10, 10, 0.4); }

.notification-control, .notification-panel a {
  font-size: 0.85em;
  background: #f0f8ff;
  padding: 5px;
  display: block; }

.notification-control:hover, .notification-panel a:hover {
  background: #ebecec; }

.notification-control {
  text-align: center;
  background: #c7e2f9; }

.submission-update {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  padding: 0px 5px;
  border-radius: 5px;
  font-size: 1.05em; }

/* ALL TERMS SECTION */
.all-terms-section {
  max-width: 600px;
  margin: 0px auto; }

.all-terms-link {
  display: table;
  text-align: center; }

#table-of-contents {
  font-weight: 600;
  text-align: center; }

.content-letter {
  margin: 5px 5px;
  padding: 2px 0;
  font-size: 1.3em; }

.all-terms-section h3 {
  border-bottom: 2px solid rgba(44, 54, 63, 0.3);
  margin: 30px 0 9px 0;
  display: block;
  font-size: 1.5em; }

/* ADMIN PANEL */
#admin-panel-link {
  margin-top: 2px;
  padding: 2px 10px;
  font-size: 0.85em;
  color: white;
  background: #578637;
  border: 1px solid #2C363F;
  float: right; }

#admin-panel-link:hover {
  background: #88D458;
  color: #2C363F;
  cursor: pointer; }

.admin-decision {
  border-radius: 5px;
  padding: 0 5px;
  width: 40px;
  font-size: 1.1em;
  background: #C9C9C9;
  margin-left: 5px; }

.approve, .remove-report {
  background: #49b944; }

.approve:hover, .remove-report:hover {
  background: #4da311;
  box-shadow: 0 1px 9px rgba(49, 105, 11, 0.75); }

.reject, .trash-post {
  background: #ea5859;
  box-shadow: 0 1px 9px rgba(149, 56, 58, 0.75); }

.reject:hover, .trash-post:hover {
  background: #95383A; }

.definitions {
  color: #1e440f;
  background: #83d661; }

.report-reason {
  font-size: 1.2em;
  display: block;
  text-align: center;
  background: #f5d6d6;
  font-weight: 600;
  margin-bottom: 5px;
  color: #b50000; }

.report-type {
  font-size: 1em;
  display: block;
  text-align: center;
  background: #cccbcb;
  font-weight: 600;
  margin-bottom: 5px;
  color: #4e4e4e; }

#user-role-editor {
  margin: 20px 0px; }

#user-role-section {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid gray;
  display: inline-block;
  min-width: 300px; }

#user-role-section h3 {
  margin: 0 0 5px 0;
  text-decoration: underline; }

#suspension-section {
  color: #ea5859;
  font-weight: 600; }

.post-actions-column {
  float: right; }

.metric {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-size: 1.5em; }

.metric-table {
  display: inline-block;
  width: 32%; }

.metric-username {
  width: 20%; }

.metric-email {
  width: 40%; }

.metric-date {
  width: 35%; }

.metric-definition {
  padding: 5px 0px;
  display: inline-block;
  width: 30%; }

.metric-definition-author {
  display: inline-block; }

.metric-search-author {
  display: inline-block;
  width: 25%;
  word-wrap: break-word; }

#day-selector {
  font-size: 1.3rem;
  margin: 10px 0; }

#definition-metrics-section, #user-metrics-section {
  display: none; }

.analytics-section button {
  padding: 9px 25px;
  margin: 1px 0 10px 0; }

.key-metrics-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5vh; }

.key-metric {
  background: #114B5F;
  color: white;
  font-size: 5rem;
  width: calc(33% - 30px);
  text-align: center;
  padding: 15px; }
  .key-metric .metric-heading {
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
    font-family: "Zilla Slab", serif; }

#jesus {
  margin: 40px auto 10px auto; }

.analytics-section {
  text-align: center;
  border: 1px solid #114B5F;
  padding: 15px;
  border-radius: 5px; }

.analytics-row {
  background: rgba(44, 54, 63, 0.3);
  margin: 5px 0;
  padding: 3px 10px; }

.analytics-headings {
  font-weight: 600;
  text-align: center;
  margin: 10px 0;
  font-family: "Zilla Slab", serif;
  font-size: 1.3em;
  vertical-align: top; }
  .analytics-headings div {
    display: inline-block; }

.analytics-date {
  display: inline-block;
  text-align: left;
  width: 40%; }

.analytics-number {
  display: inline-block;
  text-align: center;
  width: 30%; }

/* FAQ and DA RULES*/
.faq-one-question {
  padding-bottom: 15px;
  clear: both; }

.faq-question {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 10px;
  display: inline; }

.faq-answer, .one-rule {
  font-family: 'Muli', serif;
  font-weight: 300;
  line-height: 1.5;
  background: #ffffff;
  padding: 10px;
  margin-top: 10px;
  display: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px; }

.faq-answer a, .one-rule a {
  font-weight: 600; }

.one-rule {
  display: block;
  margin-top: 20px; }

.rule-body ul {
  margin: 3px 0 6px 0; }

.faq-control {
  color: #114B5F; }

.faq-control:hover {
  color: #E88D67; }

.hide-answer {
  display: none; }

.page-title {
  text-align: center;
  padding-bottom: 10px;
  font-size: 2.5em;
  margin-top: -0.5em; }

.rule-title {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-size: 1.4em; }

.rule-blurb {
  background: transparent;
  font-family: "Zilla Slab", serif;
  border: 1px solid #114B5F;
  margin-top: 0; }

.privacy-policy {
  margin-top: 5vh;
  padding-top: 40px; }

/*  TEST CSS - REMOVE IN PROD! */
#add-click-message {
  display: none;
  border: 1px solid gray;
  padding: 3px 5px;
  font-size: 0.85em;
  float: right;
  margin-right: 10px; }

/*  ----------------  */
/* MOBILE STYLING */
@media screen and (max-width: 768px) {
  /* GLOBAL STYLING */
  .container {
    padding: 0 5vw;
    width: 90%; }
  /* HEADER AND FOOTER */
  #header-section {
    padding: 10px 5vw;
    min-height: calc(5vh - 20px); }
    #header-section #signup {
      background: none;
      color: #7fc5d0; }
    #header-section #signup:hover {
      color: #E88D67;
      background: #114B5F; }
  #home-link {
    display: block;
    font-size: 3em;
    margin-bottom: -1px; }
  #logo-subheading {
    font-size: 0.9em;
    margin-top: -8px; }
  #main-section {
    padding: 5vh 0;
    /*min-height: 80vh;*/ }
  #footer-section {
    text-align: center; }
    #footer-section a {
      margin: 0px 5px; }
  #footer-section p {
    margin: 7px 0;
    color: gray; }
  #feedback-button {
    font-size: 0.9em;
    bottom: 7vh;
    text-align: center; }
  #feedback-label {
    font-size: 0.8em;
    padding: 7px 5px 10px 5px; }
  #feedback-close {
    padding: 10px 5px; }
  .hamburger-menu-options {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    text-align: center;
    justify-content: space-evenly;
    border: 1px solid rgba(126, 198, 208, 0.68);
    padding: 3px;
    margin-bottom: 8px; }
  #footer-section a {
    padding: 0; }
  #footer-links {
    flex-direction: column; }
    #footer-links div {
      margin-top: 5px; }
  /* SEARCH BAR */
  #search-bar-div {
    padding: 3vh 0 0.5vh 0; }
  #search-bar-label {
    margin: 0 0 0.5vh 0;
    font-size: 0.85em; }
  #search-bar {
    width: calc(100% - 2rem - 40px);
    padding: 3px 10px 8px 10px;
    font-size: 2rem;
    height: calc(2rem + 6px); }
  .search-add-button .fas {
    margin-top: 0.4em; }
  #terms-section {
    margin: 0; }
  #experimental-section {
    flex-direction: column; }
  #term-suggestions-section {
    width: calc(100% - 32px); }
  #related-term-suggestions-section {
    width: calc(100% - 32px); }
  /* POP OUT */
  #new-definition, #report, #notifications {
    display: none; }
  .pop-out {
    width: calc(94vw - 34px);
    top: 10vh;
    /**/
    padding: 15px;
    padding-top: 0;
    min-height: 10vh;
    min-width: 100px;
    color: black; }
  .pop-out h3 {
    margin-top: 0; }
  .pop-out .header {
    text-align: right;
    margin-right: -15px; }
  .pop-out ul {
    margin-top: 3px; }
  .login-please {
    margin: 30px 0 0 0; }
  .over-char-limit {
    font-weight: 600;
    color: #b50000;
    background: #F1A19B; }
  /* DEFINITION */
  #definitions-section {
    margin: 0 auto; }
  #definitions-section p :not(.request-button-paragraph) {
    margin-top: 5vh; }
  #definitions-section h3 {
    margin-bottom: 0; }
  #definitions-section-title {
    margin-left: 20vw; }
  .definition {
    margin: 20px auto 0 auto;
    min-width: 100px; }
  .top-terms {
    margin-top: 0; }
  .definition-accent {
    min-width: 100px;
    margin: 0 0 20px 0;
    font-size: 0.85em;
    border-width: 2px;
    padding: 15px 10px; }
  .new-def-button, .request-def-button {
    margin-top: 20px;
    width: 100%; }
  /* COMMENTS */
  .comments-section {
    margin: 0 auto 35px auto;
    width: 90%; }
  .comment {
    min-width: 100px; }
  .add-one {
    padding: 10px;
    border-left: 2px solid #114B5F; }
  .definition-main-body {
    padding: 15px 10px; }
  .definition-meta {
    padding: 5px 10px; }
  .comment-meta {
    padding: 2px 10px; }
    .comment-meta .definition-actions {
      width: 30%; }
    .comment-meta .definition-history {
      width: 70%; }
    .comment-meta .definition-actions div {
      transform: scale(0.8); }
  .definition-history {
    width: 60%; }
  .definition-actions {
    width: 40%; }
  .comment-body {
    margin-bottom: 10px; }
  .comment-main-body {
    padding: 10px; }
  .comment-column {
    width: calc(90% - 10px); }
  .comment h4 {
    margin: 0 0 10px 0; }
  .new-comment-textarea {
    width: calc(100% - 34px); }
  .button-wrapper {
    text-align: right; }
  /* CATEGORY CHART*/
  #category-summary {
    padding: 12px 10px 15px 10px;
    border-left: 2px solid #114B5F;
    font-weight: 600;
    margin: 0;
    min-width: auto; }
  #category-summary h3 {
    font-size: 1.3em;
    margin: 0 0 5px 0; }
  .category-label {
    display: block;
    margin-top: 3px; }
  .percentage-label {
    font-size: 0.9em;
    font-weight: 600; }
  /* NEW DEFINITION */
  .add-confirmation {
    background: #eca921;
    border: 2px solid #2C363F;
    margin-bottom: 35px; }
  .related-term {
    display: inline-block; }
  .term .title {
    font-size: 1.5em;
    font-weight: bold; }
  #new-definition h3 {
    margin-bottom: 10px; }
  #new-definition textarea {
    resize: none;
    padding: 6px;
    font-size: 1em;
    line-height: 1.4;
    width: calc(100% - 14px); }
  .definition-related-terms {
    padding-top: 5px; }
  .definition-column {
    font-size: 0.9em;
    width: calc(90% - 10px); }
  .voting-column {
    display: inline-block;
    float: none;
    width: calc(10% - 2px); }
  .voting-section {
    margin: 0;
    text-align: center;
    vertical-align: top;
    padding-left: 8px; }
  .comment-on-post {
    z-index: 0;
    text-align: center;
    float: right; }
  .report-error, .new-definition-error, .new-comment-error {
    color: #b50000;
    font-weight: 600; }
  .definition-category-section {
    margin: 0;
    width: calc(84vw);
    font-size: 1em; }
  .definition-category-section select {
    font-size: 0.7em; }
  /*  TOP SEARCHES */
  .top-term-headings {
    justify-content: space-between; }
  .top-term-headings div {
    margin: 0;
    width: 125px;
    font-size: 1rem; }
  /* HEADER */
  .alert {
    text-align: center; }
  #error {
    font-size: 0.9em;
    color: #a20c09;
    background: #F1A19B;
    padding: 5px; }
  #message {
    font-size: 0.9em;
    color: #1F3F6F;
    background: #A1D2FC;
    padding: 5px; }
  .links {
    margin-top: -0.7em; }
  .links .link {
    margin: 3px 5px; }
  .account {
    padding-top: 0.9em; }
  #new-alert {
    color: #E88D67; }
  .login-additional-options {
    font-size: 0.9em; }
  .stay-signed-in {
    text-align: left; }
  #password-reset-link {
    text-align: right; }
  #request-definition-section p {
    font-size: 0.9em; }
  #definition-section-button-wrapper {
    flex-direction: column; }
  #signup-modal, #login-modal, #password-reset-modal {
    width: calc(94vw - 34px); }
  #signup-icon {
    display: block;
    background: none; }
  #signup-label {
    display: none; }
  #login {
    display: none; }
  #signup-options {
    text-align: left;
    margin-top: 4px; }
  .request-definition-title {
    font-size: 1.5em; }
  /* REPORT */
  #report-content {
    font-size: 1em;
    line-height: 1.4; }
  .report-body {
    padding-top: 15px;
    font-size: 0.85em; }
  /* USER PROFILE */
  #main-section h2 {
    margin: 0 0 2vh 0; }
  #submission-status-table {
    min-width: 100px; }
  .submission-status {
    font-size: 0.7em;
    padding: 5px; }
  .profile-section-tab {
    width: 31%; }
  .post-removed {
    color: #4c107b;
    background: #ebdcfd; }
  .post-approved {
    color: #14710d;
    background: #BAE1A6; }
  .post-rejected {
    color: #a20c09;
    background: #F1A19B; }
  .post-pending {
    color: #0a0a0a;
    background: #DBDBDB; }
  .status-definition, .status-submission-date, .status {
    display: inline-block;
    vertical-align: middle; }
  .status-definition {
    width: calc(55% - 10px);
    font-size: 0.9em; }
  .status-definition .definition-body {
    font-size: 0.9em; }
  .status-submission-date {
    width: 15%;
    font-size: 0.9em; }
  .status {
    width: 30%;
    text-align: right;
    font-size: 0.9em; }
  .status-row-headers {
    font-size: 0.9em; }
  .profile-links {
    font-size: 0.85em; }
  .profile-username {
    margin-top: 10px; }
  /* NOTIFICATIONS */
  #notifications {
    width: 300px;
    min-height: 0;
    padding: 0;
    left: 50%;
    transform: translateX(-150px);
    top: 5vh; }
  .notifications-header {
    display: block;
    text-align: right; }
  .notifications-header i {
    padding: 3px; }
  .one-notification {
    border-bottom: 1px solid rgba(10, 10, 10, 0.4); }
  .notification-control, .notification-panel a {
    font-size: 0.85em;
    background: #f0f8ff;
    padding: 5px;
    display: block; }
  .notification-control:hover, .notification-panel a:hover {
    background: #A7D2D2; }
  .notification-control {
    text-align: center;
    background: #c7e2f9; }
  .submission-update {
    font-family: "Zilla Slab", serif;
    font-weight: 400;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 1.05em; }
  /* ADMIN PANEL */
  #admin-panel-link {
    margin-top: 2px;
    padding: 2px 10px;
    font-size: 0.85em;
    color: white;
    background: #578637;
    border: 1px solid #2C363F;
    float: right; }
  #admin-panel-link:hover {
    background: #88D458;
    color: #2C363F;
    cursor: pointer; }
  .admin-decision {
    border-radius: 5px;
    border: 1px solid #2C363F;
    padding: 0 5px;
    width: 40px;
    font-size: 1.1em;
    background: #C9C9C9;
    margin-left: 5px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.6); }
  .approve, .remove-report {
    background: #1acdfb; }
  .approve:hover, .remove-report:hover {
    background: #1088A9; }
  .reject, .trash-post {
    background: #ea5859; }
  .reject:hover, .trash-post:hover {
    background: #95383A; }
  #user-role-editor {
    margin: 20px 0px; }
  #user-role-section {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid gray;
    display: inline-block;
    min-width: 300px; }
  #user-role-section h3 {
    margin: 0 0 5px 0;
    text-decoration: underline; }
  #suspension-section {
    color: #ea5859;
    font-weight: 600; }
  #submission-table-toggle {
    margin-bottom: 10px;
    display: inline; }
  /* FAQ */
  .faq-question {
    font-size: 1.2em; }
  .faq-answer {
    line-height: 1.5;
    padding: 10px; }
  /* METRICS  */
  .metric-table {
    display: inline-block;
    width: 32%; }
  .metric-section {
    font-size: 0.8em; }
  .metric-username {
    width: 48%; }
  .metric-email {
    width: 43%;
    display: none; }
  .metric-date {
    width: 50%; }
  .metric-definition-author {
    float: right; }
  .metric-search-author {
    width: 25%; }
  .key-metric {
    font-size: 3rem;
    padding: 5px;
    width: calc(33% - 10px); }
    .key-metric .metric-heading {
      font-size: 1.2rem; }
  .analytics-headings {
    font-size: 1.1em; }
  .analytics-date {
    width: 50%; }
  .analytics-number {
    width: 25%; }
  .page-title {
    font-size: 2em;
    margin-top: -0.5em;
    padding-top: 0; } }