/* WFF custom css */
/* USDA */
.usda-hzm {
    height: auto;
    width: 100%;
}
.js-hz-container {
    margin: 12px 0 24px 0;
}
@media (min-width: 768px) {
    .js-hz-container {
        margin: 0 0 24px 0;
    }
}
/* End USDA */
/* Subpages */
.subpages-grid-wrap {
    order: 2;
    margin-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.subpage-thumb {
  padding: 15px;
  position: relative;
}
.subpage-thumb .subpage-thumb-inner {
  padding: 0;
  height: auto;
  width: 100%;
  display: inline-table;
  background-color: #eee;
}
.subpage-thumb .subpage-thumb-inner .image {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;
  height: 260px;
  background-size: cover;
  background-color: #dddddd;
}
.subpage-thumb .subpage-thumb-inner .title {
  color: #9d94b0;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 20px 0px;
  margin-bottom: 8px;
  text-transform: uppercase;
  text-decoration: none;
  float: none;
  width: 100%;
  text-align: center;
}
.subpage-thumb .subpage-thumb-inner .description {
  color: #777;
  padding: 0 20px 20px 20px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.subpage-thumb .subpage-thumb-inner .description .author {
    width: 100%;
    display: table;
    margin-bottom: 12px;
    font-style: italic;
    font-size: medium;
}
.subpage-thumb .subpage-thumb-link a {
  clear: both;
  width: 140px;
  display: block;
  background-color: #477757;
  border: 1px solid #477757;
  margin: 20px auto;
  padding: 6px 10px 8px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.subpage-thumb .subpage-thumb-link a:hover {
  background-color: #FFFFFF;
  color: #477757;
}
.subpages-grid-wrap {
  margin: 0 -15px 30px -15px;
}
.subpages-grid-wrap:after {
  content: '';
  clear: both;
  display: block;
}
.subpage-thumb .subpage-thumb-inner:after {
  content: '';
  clear: both;
  display: block;
}
@media (min-width: 768px) {
  .subpage-thumb {
    width: 50%;
    height: 550px;
  }
  .subpage-thumb .subpage-thumb-inner{
    height: 520px;
  }
  .subpage-thumb .subpage-thumb-inner .image {
    height: 260px;
  }
  .subpage-thumb .subpage-thumb-link{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subpage-thumb .subpage-thumb-inner {
    padding: 15px;
    }
  .subpage-thumb .subpage-thumb-inner .image {
    margin-left: 0;
    margin-bottom: 25px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .subpage-thumb{
    width: 33.3333%;
  }
  .subpage-thumb-inner{
    position: relative;
  }
}
@media (min-width: 1200px) {
  .subpage-thumb .subpage-thumb-link {
    padding: 0;
    width: 100%;
  }
  .subpage-thumb .subpage-thumb-inner {
    height: 500px;
  }
  .subpage-thumb .subpage-thumb-inner .title {
    font-size: 20px;
  }
}
/* End subpages */
/* Growing Guides */
.filterDiv {
    color: #ffffff;
    margin: 12px 0 0;
    display: none;
}
#myBtnContainer  {
    display: block;
}
#myBtnContainer button {
    border: none;
    outline: none;
    background-color: #ebedea;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #4f805f;
    font-size: 24px;
    padding: 0;
    width: 42px;
    height: 40px;
}
#myBtnContainer button.view-all {
    font-size: 1rem;
    white-space: nowrap;
    height: auto;
    margin-bottom: 24px;
    width: fit-content;
    padding: 2px 8px;
    border: 1px solid #4f805f;
}
#myBtnContainer button:hover {
  background-color: rgba(85, 116, 93, 0.6);
  color: #FFFFFF;
}
#myBtnContainer .clk-active {
  background-color: #55745d;
  color: white;
}
.clk-show {
  display: block;
}
.clk-container {
order: 2;
    margin-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}
.clk-container:after {
  content: "";
  display: table;
  clear: both;
} 

@media (min-width: 768px) { 
.filterDiv {
  float: left;
  width: 32.33%;
  text-align: left;
  margin: 4px 0 0 0;
}
#myBtnContainer  {
    float: left;
    clear: right;
    width: 56%;
    margin-left: 32px;
}
}
/* End Growing Guides */

/* Color contrast edits for status messages */
.status-box{color: #246f55;}
.error{
    color: #d0021b;
    background: #f0e4e4;
}
.warning-box {
    background-color: #FFF1C2;
    border: 1px solid #803500;
    color: #803500;
}
/* repeat of whiteflowerfarm.css to override warning-box when shipping-message is also applied */
.shipping-message {
    background: #e1eddf;
    color: #246f55; /* changed from 6f957b for contrast */
    border-color: #6f957b;
    text-align: center;
}
@media(max-width: 768px){
  .subpage-thumb{
    width: 100%;
  }
}