/* lfm background green: #E0E9B5
lfm green text: #3E6F41
*/

html, button, input, select, textarea, .pure-g [class *="pure-u"] {
  /* Set your content font stack here: */
  font-family: tahoma, arial, sans-serif;
  color: #4F4E45;
  line-height: 1.4em;
}
/* remove the ridiculous paragraph spacing that chrome adds without asking */

h1, h2, h3, h4, h5, h6 {
  color: #3E6F41;
  line-height: 1.2em;
}
p {
  font-size: 90%;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0;
}
a, a:link, a:active {
  color: #BF8A2F;
  text-decoration: none;
}
a:hover {
  color: #8F6823;
}
/* table overrides */

.pure-table td {
  padding: 0.5em;
}
.pure-table-striped tr td {
  background-color: #E7EFC2;
}
/* add the overide for striping */

.pure-table-striped tr:nth-child(2n-1) td {
  background-color: #E0E9C6
}
.pure-table tr:hover td {
  background-color: #B5CF83;
}
td.extra-info ul {
  margin: 0;
  padding-left: 0;
}
td.extra-info ul li {
  list-style-type: none;
}
.extra-info span {
  font-size: 0.8em;
}
.extra-info .field-name {
  font-weight: bold;
}
tr.has_top_border {
  border-top: 1px solid #cbcbcb;
}
/* top nev menu */

#nav-menu {
  background-color: #00551d;
  border-top: 1px solid #065F25;
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 1em;
}
#nav-menu ul li a {
  color: #bdd179;
  margin: 0;
  padding: 0.5em;
}
.pure-menu-horizontal .top_nav ul li a{
  border-right: 1px solid #32702c;
}
#nav-menu ul li.active a {
  color: #FFFFEF;
}
.pure-menu-list.top_nav {

  /*text-align: center;*/
}
/* sidebar forms */

div.right_content {
  width: 90%;
}
#right_sidebar .all_markets_friends select, #left_sidebar .all_markets_friends select {
  width: 100%;
}
#right_sidebar .all_markets_friends button, #left_sidebar .all_markets_friends button {
  margin-top: 1em;
}
body {
  background-color: #898573;
}
.page-wrapper {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  background-color: #fff;
  box-shadow: #777 -5px 5px 5px;
}
#header {
  max-height: 165px;
  background-color: #00551d;
}
#header img {
  width: 100%;
}
/* Members area  */

.members #content {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 2em;
}
#left_sidebar p, #right-sidebar p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
#left_sidebar > .pure-menu, #left_sidebar > .producer-teaser, #left_sidebar > .grey-box, #left_sidebar > .find-your-nearest {
  width: 90%;
}
div#right_sidebar {
  float: right;
}
#right_sidebar img, #left_sidebar img {
  max-width: 100%;
}
/* lfm specific overrides of pure */

.subpages_menu ul {
  margin-bottom: 1em;
}
.subpages_menu ul li {
  background-color: #E0E9B5;
  margin-bottom: 1px;
}
.subpages_menu ul li.active {
  background-color: #B9C57F;
  /*  #BDC595; */
}
.subpages_menu ul li a {
  color: #919F4F;
}
/* sidebar teaser modules */
/* TODO update html markup to just use teaser for classes */

.market-teaser, .teaser {
  background-color: #E0E9B5;
}
.market-teaser h4, .teaser h4 {
  font-size: 0.7em;
  text-align: center;
  color: #3E6F41;
  margin: 0;
  padding: 0.3em;
}
.market-teaser img, .teaser img {
  width: 100%;
}
.market-teaser .caption, .teaser .caption {
  text-align: center;
  font-size: 0.5em;
  font-weight: bolder;
  font-size: 0.7em;
  line-height: 1.3em;
  padding: 0.5em;
  border-bottom: 1px solid #B6CF8E;
}
.market-teaser a, .teaser a {
  color: #BF8A2F;
}
/* coloured sidebar boxes */

.green-box, .grey-box {
  background-color: #E0E9B5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #B6CF8E;
  border-top: 1px solid #B6CF8E;
  margin-bottom: 0.5em;
}
.grey-box h3, .green-box h3 {
  font-size: 0.7em;
  margin-bottom: 0.3em;
  margin-left: 0.5em;
}
.grey-box h4, .green-box h4, .grey-box p, .green-box p, .grey-box form, .green-box form {
  margin-left: 0.5em;
  ~
}
.contact-details {
  font-size: 0.7em;
  padding-left: 1em;
  line-height: 1.3em;
}
/* grey pullouts  */

.cmspulloutgrey {
  background: #f1f1eb;
  padding-top: 1em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
.cmspulloutgrey p {}
.cmspulloutgreen {
  background: #e0e9b5;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 0.5em;
  padding-bottom: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
/*sidebar override*/

p.cmspulloutgreen {
  font-size: 0.8em;
  line-height: 1.3em;
}
/* in season blackboard */

div.blackboard {
  height: 140px;
  background: url(/static/images/blackboard.jpg) 10px 0px no-repeat;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 1em;
}
div.blackboard p {
  padding-top: 50px;
  padding-right: 25px;
  padding-left: 15px;
  width: 80%;
  font-family: "Comic Sans", "Comic Sans MS", "cursive";
  font-size: 0.8em;
  color: #FCFFFF;
  transform: rotate(-2deg)
}
div.blackboard a {
  color: #DFDFDF;
}
/* home page ads */

.home_page_ads {
  background-color: #f1f1eb;
}
.home_page_ads div.blackboard {
  float: right;
  background: url(/static/images/in_season_prompt.gif) 0px 0px no-repeat;
  height: 204px;
  width: 40%;
  margin-top: 0px;
}
.home_page_ads div.blackboard p {
  padding-top: 60px;
  padding-left:20px;
}
/* home page latest news block */

.latest-news-block {
  background-color: white;
  border-top: 1px solid #dfdfdf;
}
.latest-news-block .date, .latest-news-block .read-more {
  font-size: 80%;
}
.latest-news-block .date {
  color: #919f4f;
}
.latest-news-block .news-summary {
  border-top: 1px solid #efd9b3;
}
.latest-news-block .news-summary h4 {
  margin-bottom: 0;
  color: #3e6f41;
}
.news-summary img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.latest-news-block a.read-more {
  color: #bf8a2f;
}

/* News Bits */

#content .rich-text img{
  max-width:100%;
  height:auto;
}

/* sidebar resets */

#right-sidebar > p {
  margin: 0;
  padding: 0;
}
.producer-list .pure-menu-link {
  padding: 0;
  background-color: #E0E9B5;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.producer-list .pure-menu-link img {
  vertical-align: -webkit-baseline-middle;
}
.producer-list .pure-menu-link span.producer_name {
  vertical-align: -webkit-baseline-middle;
}
.producer-list .pure-menu-link span.category-icons {
  float: right;
}
.info-fields .pure-table {
  background-color: #E0E9B5;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  width: 100%;
}
.info-fields .pure-table .value {
  font-size: 80%;
}
/*.producer-list. .new-summary-list .pure-menu-list*/

.producer-list .pure-menu-link {
  background: url(/static/images/summary-bg-35.png) repeat-x;
  /*height: 31px;*/
}
.pure-menu-item .pure-menu-link .category-icons {
  float: right;
}
/* re-using from the existing site */

div.new-summary-list div.summary {
  height: 35px;
  background: url(/static/images/summary-bg-35.png) repeat-x;
  clear:both;
  cursor: pointer;
}
div.new-summary-list div.summary img.avatar {
  float: left;
  width: 29px;
  height: 29px;
  margin-top: 3px;
  margin-right: 7px;
}
div.new-summary-list div.summary div.text {
  margin-top: 6px;
  float: left;
  font-size: 95%;
  color: #005423;
  width: 50%;
}
div.new-summary-list div.summary div.category-icons {
  float: right;
}
div.new-summary-list div.summary div.category-icons img {
  float: right;
}
div.new-summary-list {
  margin-bottom: 1em;
}
/* market detail */

.show-market .profile-image img {
  width: 100%;
}
/* market-list */

.market-list table.pure-table {
  width: 100%;
  margin-bottom: 1em;
}
.market-list table.pure-table tr {
  margin-top: 1px;
  background-color: #E0E9B5;
  border-bottom: solid #fff 3px;
}
.market-list table.pure-table td {
  padding: 0;
}
.market-list table.pure-table td.image{
  margin-right:1em;
  padding-right:1em;
}
.market-list table.pure-table td.text a {
  margin-left: 0em;
}
div.join_market form, div.join_market form label, div.join_market form input, div.subscribe-form form, div.subscribe-form form label, div.subscribe-form form input {
  margin-top: 1em;
}

/* find your nearest */

table.nearest_markets td{
  font-size:0.7em;
}

table.nearest_markets td.text{
  padding:0.2em 0.2em 0.2em 0.5em;
}
table.nearest_markets tr:hover{
  background-color: #98C77B;
}
table.nearest_markets tr:hover td{
  background-color: #98C77B;
}



/* footer styles */

#footer {
  background: url('/static/images/tractor.gif') no-repeat right;
  height: 192px;
  position: relative;
}
.footer-nav ul {
  padding-left: 0;
  bottom: 0%;
  position: absolute;
  background-color: #fff;
  opacity: 0.9;
  border-radius: 2px
}
.footer-nav ul li {
  padding: 0;
}
.footer-nav a.pure-menu-link {
  padding-left: 0.5em;
  padding-right: 0.5em
}
/* MEMBERS' AREA STYLES */
/* main styles for members */

.members h1, .members h2, .members h3, .members h4, .members h5, .members h6, .members #content p {
  margin-top: 0px;
  margin-bottom: 10px;
}
.members #content p, .members #content ol li, .members #content ul li {
  font-size: 14px;
}
.members div#content {
  margin-left: 30px;
  margin-right: 30px;
  width: 840px;
}
div#member-splash {
  background: white;
  position: absolute;
  top: 111px;
  width: 136px;
  height: 24px;
  padding: 3px 5px 3px 15px;
  font-weight: bold;
  background: #BDD179;
  color: #00551B;
  border: 1px solid #00551B;
  border-left: 0;
}
div#loginmenu {
  float: right;
  margin: 2px 12px 0px 0px;
  color: #BDD179;
}
.curvy {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.info-box {
  background: #DAE2A9;
  padding: 15px;
}
#content .info-box p {
  margin-bottom: 10px;
}
#content .info-box ul {
  margin-top: 0px;
}
.button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #DAE2A9 !important;
  padding: 1px 8px 3px 8px;
  color: #3E6F41 !important;
  font-size: 14px;
  margin-right: 1rem;
}
a.button:hover {
  background: #B7BF83 !important;
  color: #3E6F41;
}
.members .week{
  margin-bottom: 1em;
}
/* edit market report */

.members #content form {
  background: none;
  border: none;
}
.members #content .formrow {
  background: #e5e5d3;
  padding: 3px 10px 3px 10px;
  height: 33px;
  clear: both;
  margin-bottom: 1px;
}
.members #content .formrow.odd {
  background: #f4f4e8;
}
.members #content .formheader {
  background: none;
  height: 15px;
  margin-left: 11px;
}
.members .formheader h5 {
  font-weight: normal;
  margin-bottom: 4px;
}
.members .formrow div, .members .formheader div {
  float: left;
}
.members .formrow input, .members textarea {
  border: 1px solid #AFAF99;
  padding: 1px 3px 1px 3px;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
}
/* producer */

.members .marketreport .producer {
  width: 220px;
  overflow: hidden;
}
.members .formrow .producer {
  color: #3E6F41;
  font-size: 14px;
  line-height: 16px;
}
.members .formrow .producer .surname {
  font-size: 12px;
  color: #75735F;
}
/* transaction type */

.members .marketreport .transaction {
  width: 120px
}
/* amount and receipt */

.members .marketreport .amount input, .members .marketreport .receipt input {
  width: 60px
}
.members .marketreport .amount, .members .marketreport .receipt {
  width: 82px
}
/* notes */

.members .marketreport .notes textarea, .members .marketreport .description textarea {
  margin-top: 3px;
  height: 16px;
  width: 305px;
  color: #9F9F95;
}
.members .marketreport .notes {
  width: 315px;
}
/* adhoc description */

.members .marketreport .description textarea {
  width: 218px;
}
.members .marketreport .description {
  width: 240px;
}
/* finished helptext */

.members .marketreport span.finished-helptext {
  color: red;
  text-transform: uppercase;
  font-weight: bold;
}
/* grey out not-expected */

.members .marketreport .not-expected input, .members .marketreport .not-expected textarea {
  background: none;
  border-color: #d9d9ca;
}
ul.messages, ul.error-messages {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
  text-align: center;
}
ul.messages li, ul.error-messages li {
  padding: 2px 15px 2px 15px;
  background-color: #FFE87F;
  color: #00551D;
  font-size: 14px;
}
ul.error-messages li {
  color: white;
  background-color: #CF5840;
}
ul.errorlist {
  margin-bottom: 4px;
}
ul.errorlist li {
  font-weight: bold;
  color: #CF5840;
  font-size: 14px;
}
.warn {
  color: red;
}
.aside {
  color: #ADAB96;
  font-style: italic;
}
.market-report-list {
  padding-left: 20px;
}
span.managed-by {
  font-weight: normal;
}
.status.red, .status.late {
  color: red;
  font-weight: bold;
}
.status.green {
  color: green;
}
.status.amber, .status.due {
  color: #FFA100;
}
.status.grey {
  color: #D1CFBE;
}
table.members th, table.members td {
  padding: 0px 5px 0px 5px;
  text-align: left;
  border-bottom: 1px solid #E0E9B5;
  font-size: 13px;
}
table.members {
  border-collapse: collapse;
}
table.members.monthly-overview td {
  width: 120px;
  border-left: 1px solid #E0E9B5;
}
table.members a.button {
  font-size: 13px;
  padding: 0px 7px 1px 7px;
}
table.members td.closed {
  background: #F2F4E6;
}
table.members th {
  font-weight: normal;
}
.finance-flag {
  color: #98C462;
}
table.members .total {
  color: #D1CFBE;
}
/* pop-up menu */

.popup {
  display: none;
  position: absolute;
  border: 1px solid gray;
  background: white;
  width: 250px;
  padding: 5px;
}
.warning {
  color: red;
}
.popupbutton {
  position: relative;
  float: right;
  cursor: default;
}
.popupbutton .date {
  color: #D1CFBE;
  font-size: 10px;
}
.popupbutton:hover .date {
  color: #3E6F40;
  font-weight: bold;
}
.popupbutton:hover .popup {
  display: block;
  z-index: 100;
}
/* no show producers */

table.no-show-producers td {
  border-left: 1px solid #E0E9B5;
}
.no-show-producers div.no-show {
  position: relative;
  float: left;
  height: 12px;
  width: 12px;
  background: #DB250D;
  margin-top: 6px;
  margin-left: 3px;
}
.no-show-producers div.no-show:hover .no-show-detail {
  display: block;
  width: 250px;
  z-index: 1000;
}
.no-show-producers div.no-show.told-manager {
  background: #FFA100;
}
.no-show-producers .no-show .no-show-detail {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid gray;
  background: white;
  padding: 5px;
}

.pure-menu-horizontal .mobile-menu-toggle {
  /*float:right;*/
}
.mobile-menu-toggle {
  /*text-align: right;*/
  float: none;
  font-size:0.8em;
  margin-left: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* mobile */
/* one less than the ipad */

@media screen and (max-width:767px) {
  .page-wrapper {
    margin-bottom: 0;
    margin-top: 0;
  }
  #nav-menu {
    margin-bottom: 0;
  }
  .pure-form button[type=submit] {
    margin-top: 0;
    margin-bottom: 0;
  }
  .button-signup {
    background-color: #5ca830;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .latest-news-block {
    padding-left: 2em;
    padding-right: 2em;
  }
  .pure-g .pure-menu-horizontal .hidden-mobile {
    display: none;
  }
  #header a img {
    width: 100%;
  }
  .home_page_ads {
    text-align: center;
  }
  .blackboard {
    display: none;
  }
  /* TODO work out a better way to hide this */
  #left_sidebar, #right_sidebar {
    display: none;
  }
  h3.latest-news {
    margin: 1em;
  }
  .news-summary, .news {
    margin: 0 1em;
  }
  #content {
    background: #f1f1eb;
  }
  #content > p, #content > h1, #content > h2, #content > h3 {
    margin-left: 1em;
    margin-right: 1em;
  }
  #content > p.mission, #content > p.cmspulloutgrey {
    margin-left: 0;
    margin-right: 0;
  }
  /* What can I buy? */
  .category-list {
    margin: 0 1em;
  }
  .category-list td.image {
    vertical-align: top;
  }
  .category-list td.image img {
    margin-top: 8px;
  }
  /* Farmer page */
  #content > .biog, #content > .food-available, #content > .producer-list, .profile-image img {
    margin-left: 1em;
    margin-right: 1em;
    max-width: 90%;
  }
  .producer-list ul li {
    /*padding-top:0.5em;*/
    /*padding-bottom:0.5em*/
  }
  div.subscribe-form, div.tfl {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  div.new-summary-list div.summary div.category-icons {
    /*display: none;*/
  }
  div.new-summary-list div.summary div.text {
    width: auto;
  }
  div.new-summary-list div.summary {
    /*height: 35px;*/
    background: #E0E9B5;
    border-top: 2px solid #fff;
    height: auto;
    cursor: pointer;
  }
  div.new-summary-list div.summary:hover {
    background-color: #98C77B;
  }
  div.new-summary-list div.summary img.avatar {
    display: none;
  }
  div.new-summary-list div.summary div.text {
    margin-top: none;
    float: none;
    display: inline-block;
    width: 50%;
    padding-left: 0.5em;
  }
  div.new-summary-list div.summary div.category-icons {
    float: none;
    display: inline-block;
    max-width: 50%;
    margin-top: 5px;
  }
  div.new-summary-list div.summary div.category-icons img {
    float: none;
  }
  .producer-list .pure-menu-link img {
    vertical-align: -webkit-baseline-middle;
  }
  .producer-list .pure-menu-link div.text span.producer_name {
    display: inline-block;
    float: none;
    vertical-align: -webkit-baseline-middle;
  }
  .producer-list .pure-menu-link span.category-icons {
    float: none;
    display: inline-block;
    margin-left: 1em;
  }
  #right-sidebar .market-teaser, #right-sidebar .find-your-nearest, #right-sidebar > p {
    display: none;
  }
  .two-column, #content {
    /*padding: 1em;*/
    background-color: white;
  }
  .footer-nav {
    display: none;
  }
  #footer {
    background-image: url('/static/images/tractor.gif');
    /*min-width: 100%;*/
    /*padding-bottom: 20%;*/
    /*background-size: 100% auto;*/
    background-repeat: no-repeat;
    background-position: right;
  }
  .social-links-wrapper {
    background-color: #E0E9B5;
    padding-left: 0em;
    padding-right: 0em;
    text-align: left;
    opacity: 0.9;
  }
  .social-links-wrapper h4, .green-box h4 {
    padding-bottom: 0.5em;
    padding-left: 1em;
    margin: 0;
  }
  .social-links-wrapper p, .green-box p {
    padding-left: 1em;
    margin-left: 0;
    font-size: 100%;
  }
  .green-box form {
    margin-top: 1em;
    padding-left: 1em;
    margin-left: 0;
  }
  #market-friends-signup {
    background-color: #f1f1eb;
    padding-bottom: 1em;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 1em;
  }

  div#member-splash {
    display: none;
  }

  div#map_canvas{
    display: none;
  }

  .market-list table.pure-table td.image{
    display:none;
  }
  .market-list table.pure-table td.text{
    padding-left:0.5em;
  }

}
/* tablet */

@media screen and (max-width: 1024px) and (min-width: 768px) {

  .home_page_ads div.blackboard p {
    width: 60%;
  }
  #right_sidebar {
    display: none;
    width: auto;
  }
  #left_sidebar {
    width: 18%;
  }
  .two-column .pure-u-md-2-5 {
    width: 39%;
  }
  .two-column, #content {
    padding: 0 1em 1em 1em;
    background-color: white;
  }
  /* producer pages */
  #right-sidebar, #right-sidebar .producer-info, #right-sidebar .profile-image {
    float: right;
  }
  #right-sidebar .profile-image img {
    width: 100%;
  }

  #market-friends-signup, .social-links-wrapper {
    display: none;
  }

  .pure-g .pure-menu-horizontal li.login-link {
    display: none;
  }
  #top_nav .pure-menu-horizontal ul li a {
    color: #bdd179;
    border-right: 1px solid #32702c;
  }

  div#member-splash {
    display:none;
  }

}
/* desktop */

@media screen and (min-width:1024px) {
  .pure-menu-horizontal .mobile-menu-toggle {
    display: none;
  }
  #content_area .pure-u-md-3-5 {
    /*to override the pure-u-13-24 */
    width: 55.33%;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  /* producer pages */
  #right-sidebar, #right-sidebar .show-market, #right-sidebar .producer-info, #right-sidebar .profile-image {
    float: right;
  }
  #market-friends-signup, .social-links-wrapper {
    display: none;
  }

  div.new-summary-list div.summary div.text {
    width: auto;
  }

}