/* SOIL MATRIX LIVE STYLES */
body.page-id-2097 #main.site-main {
  max-width:1250px;
}
#matrix_wrapper {
  /* display:flex;
  justify-content: space-between;
  flex-wrap: wrap; */
  padding:1%;
  border: 1px solid #ccc;
  max-width:1200px;
  margin:0 auto;
}
#matrix_wrapper h2 {
  /* padding-top:1rem; */
  margin:0;
}
/* INSTRUCTIONS STYLES */
/* ARROW STYLES */
.inst-arrow {
  border: solid #584b43;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  margin-bottom:5px;
  margin-left:10px;
  -webkit-animation:spinRight 200ms linear;
  -moz-animation:spinRight 200ms linear;
  animation:spinRight 200ms linear;
  animation-fill-mode: forwards;
}
.inst-arrow.up {
  -webkit-animation:spinLeft 200ms linear;
  -moz-animation:spinLeft 200ms linear;
  animation:spinLeft 200ms linear;
  animation-fill-mode: forwards;
}
@keyframes spinLeft {
  100% {
    -webkit-transform: rotate(-135deg);
    transform:rotate(-135deg);
  }
}
  @keyframes spinRight {
    100% {
      -webkit-transform: rotate(45deg);
      transform:rotate(45deg);
    }
  }
/* END ARROW STYLES */
#instructions_wrapper {
  margin-bottom:20px;
}
#instructions_accordion_trigger {
  padding:10px;
  background-color:#eee;
  transition: background-color 500ms ease-in-out;
}
#instructions_accordion_trigger:hover {
  cursor:pointer;
  background-color:#ddd;
  transition: background-color 500ms ease-in-out;
}
#instructions_accordion_trigger h2 {
  font-size:22px;
}
#instructions_accordion {
  max-height:0;
  overflow:hidden;
  transition: max-height 1000ms ease;
}
#instructions_accordion.inst-open {
  max-height:9999px;
  transition: max-height 2000ms ease-in-out;
}
.step-wrapper {
  padding:10px;
  border:1px solid #ccc;
}
p.inst-heading {
  font-weight:bold;
  margin:0 0 5px 0;
  font-size:14px;
}
p.inst-text {
  font-weight:normal;
  margin:0;
  font-size:12px;
}
/* END INSTRUCTIONS STYLES */
/* KEY STYLES */
#key_wrapper {
  max-width:422px;
  min-width:211px;
  padding:5px;
  border:1px solid #ccc;
  margin:0 auto;
}
p#key_heading {
  text-align: center;
  margin:0;
  padding:0;
}
#key_inner {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
.key-color {
  padding:5px;
  text-align: center;
}
.key-color p {
  font-size:10px;
  margin:0;
  padding:0;
}
/* END KEY STYLES */
.forms {
  width:100%;
  padding:20px 0;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.forms form label {
  display:block;
  margin:1rem 0 5px 0;
  font-size:14px;
  font-weight: bold;
  width:100%;
}
.forms form label a, .forms form legend a, p.result-heading a, .results .results-wrapper h3 a, p.total-heading a, .cell p a.eco-serv {
  text-decoration: none;
  color:#584b43;
}
.forms form label a:hover, .forms form legend a:hover, p.result-heading a:hover, .results .results-wrapper h3 a:hover, p.total-heading a:hover, .cell p a.eco-serv:hover {
  text-decoration: underline;
}
.forms form label span {
  font-size:14px;
  font-weight:normal;
  margin-top:5px;
}
.forms form select {
  display:block;
  min-width:100%;
}
.forms form fieldset {
  border:0;
  margin:1rem 0;
  padding:0
}
.forms form fieldset legend {
  font-size:1.2rem;
}
.forms form button {
  margin-top:1rem;
}
.form {
  width:50%;
  padding:0 20px;
}
#form_1 {
  border-right:1px solid #ccc;
}
.results {
  width:100%;
  display:flex;
  flex-wrap:wrap;

}
#results_1, #results_2 {
  width:50%;
  padding:0 2.5%;
}
#results_2 {
  border-left:1px solid #ccc;
}
#results_3 {
  min-width:100%;
}
.results-inner {
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  width:100%;
  margin:0 auto;
}
#form_results h2 {
  width:100%;
  padding-top:10px;
  margin-bottom:5px;
  font-size: 20px;
  text-align:center;
}
#form_1 h2, #form_2 h2 {
  font-size: 20px;
  text-align:center;
}
#form_results h3 {
  width:100%;
  padding-top:0px;
  margin:0px;
  font-size:16px;
  text-align:center;
}
.result {
  display:flex;
  justify-content: space-between;
  flex-direction: column;
  width:100%;
  padding:10px;
  margin-bottom:2px;
}
.total {
  padding:10px;
  margin-bottom:2px;
  width:100%;
}
span.soil-score-wrapper {
  float:right;
}
span.soil-score {
  display:inline-block;
  width:55px;
  padding:0px 10px;
  margin-left:15px;
  border-radius:5px;
  text-align: center;
}
.result p, .total p {
  text-align:center;
  margin:5px 0 0 0;
}
.result p.result-heading {
  font-size:1rem;
  line-height: 1.1
}
.result p.result-total {
  font-size:1.2rem;
  border-radius:5px;
}
.total p.total-heading {
  font-size:22px;
  font-weight:400;
}
.total p.overall-total {
  font-size:1.6rem;
  font-weight:bold;
  min-width:55px;
  max-width:190px;
  margin:0 auto;
  border-radius:5px;
}
.entry-content a.reset-button, a.reset-button {
  color:#ffffff;
  font-size:15px;
  background-color:#046731;
  padding:10px 20px;
  display:inline-block;
  text-decoration: none;
  border-radius:4px;
  border:none;
  margin-top:40px;
}
.entry-content a.reset-button:hover, a.reset-button:hover {
  background-color:#a86e4e;
}
.row-group {
  display:flex;
  justify-content: space-between;
  flex-direction: column;
  border:1px solid #ccc;
}
#grid_wrapper_3, #grid_wrapper_5 {
  background-color:#eee;
}
.cell.row-header, .cell.col-header, .def-heading, .def-inner-heading {
  font-weight:bold;
  color:#4e423b;
  font-size:12px;
}
.row {
  display:flex;
  justify-content: space-between;
}
.cell {
  width:14%;
  text-align: center;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
.cell p {
  margin-bottom:10px;
}
.cell p a.eco-serv {
  line-height:1;
}
#grid_wrapper_1 {
  background-color:#c0dce7;
}
#grid_wrapper_1 .row .cell {
  font-weight:bold;
}
#grid_wrapper_1 .row .cell:first-child {
  background-color:#ffffff;
}
#results_3 .row-group .row .cell, #results_3 .row-group .row .cell p {
  font-size:8px;
}
/* KEY AND SCORE COLORS */
.result.very-poor p.result-total, .total.very-poor p.overall-total, span.soil-score.very-poor, #key_v_poor {
  /* background-color:#eb3223; */
  background-color:#a80f0c;
  color:#ffffff;
}
.result.poor p.result-total, .total.poor p.overall-total, span.soil-score.poor, #key_poor {
  /* background-color:#eab28b; */
  background-color:#794D01;
  color:#ffffff;
}
.result.neutral p.result-total, .total.neutral p.overall-total, span.soil-score.neutral, #key_neutral {
  /* background-color:#e7e6e6; */
  background-color:#fbcb3d;
  color:#000000;
}
.result.good  p.result-total, .total.good p.overall-total, span.soil-score.good, #key_good {
  /* background-color:#b1ce95; */
  background-color:#c2e31b;
  color:#000000;
}
.result.very-good  p.result-total, .total.very-good p.overall-total, span.soil-score.very-good, #key_v_good {
  /* background-color:#a0cd63; */
  background-color:#406015;
  color:#ffffff;
}
/* END KEY AND SCORE COLORS */
html{scroll-behavior:smooth}
/* Definitions Styles */
.def-anchor {
  display: block;
  position: relative;
  top: -145px;
  visibility: hidden;
}
.def_wrapper {
  max-width: 1200px;
  margin: 20px auto;
}
.defs-rowgroup {
  display:flex;
  flex-direction:column;
}
.defs-inner-cell {
  /* display:flex; */
}
.defs-rowheader {
  width:100%;
}
.defs-inner-cell, .ind-defs-inner-cell {
  width:100%;
}
.defs-rowheader, .defs-rowgroup {
  border:1px solid #ccc;
  padding:5px;
}
.def-inner-heading {
  margin-right:5px;
  margin-bottom:0;
}
.def-heading {
  margin-bottom:0;
}
.def-inner-heading, .def-inner-def {
  margin-bottom: 0;
  font-size:12px;
}
.ind-defs-inner-cell {
  border:1px solid #ccc;
  padding:5px;
}
.chosen-def {
  background-color:#fffccc;
}
/* END Definitions Styles */

@media only screen and (min-width: 625px) {
  p.inst-heading {
    font-size:inherit;
  }
  p.inst-text {
    font-size:inherit;
  }
  #form_1 h2, #form_2 h2 {
    font-size: 30px;
    text-align:left;
  }
  .forms form label {
    font-size:18px;
  }
  .results {
    width:100%;
    display:block;
  }
  #results_1, #results_2 {
    width:100%;
    padding:0;
  }
  #results_2 {
    border-left:0;
  }
  .results-inner {
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width:100%;
  }
  .result {
    width:12.5%;
  }
  #form_results h2 {
    font-size:30px;
    text-align:left;
  }
  #form_results h3 {
    font-size: 22px;
    text-align:left;
  }
  .cell.row-header, .cell.col-header, .def-heading, .def-inner-heading {
    font-size:inherit;
  }
  #results_3 .row-group .row .cell, #results_3 .row-group .row .cell p {
    font-size:inherit;
  }
  .def-inner-heading, .def-inner-def {
    font-size:inherit;
  }
}

@media only screen and (min-width: 795px) {
  .defs-rowgroup {
    flex-direction:row;
  }
  .defs-rowheader {
    width:25%;
  }
  .defs-inner-cell, .ind-defs-inner-cell {
    width:75%;
  }
}
@media only screen and (min-width: 1326px) {
  .def-anchor {
    top: -74px;
  }
}