/**
 * Styling for Product pages
 */
.block-local-tasks a {
  border: 0!important;
  color: #f6f8ed!important;
  background-color: #525252!important;
  background-image: none!important;
  padding: .7rem!important;
  border-radius: 0!important;
  margin-right: 1rem!important;
  box-shadow: none!important;
}
.block-local-tasks a:hover {
  opacity: 0.9;
}
.block-local-tasks .tabs__tab--is-active a,
.block-local-tasks a.is-active {
  font-weight: 600!important;
  display: inline-block!important;
  padding: .7rem!important;
  color: #f6f8ed !important;
}
.field-node--field-demo {
  position: absolute;
  width: auto;
  top: 35px;
  left: 15px;
  webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.field-node--field-demo figure {
  margin: 0;
}
.node {
  border: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.node h2 {
  text-align: center;
  text-transform: uppercase; 
  margin: 0 20px;
}
.node__content {
  position: relative;
}
.node .node__title-link,
.node .node__title-link:hover,
.node .node__title-link:focus,
.field-node-field-tree-project-user a {
  color: #aac961;
  font-weight: 300;
}
.node .field__label {
  font-weight: 300;
}
.field-node--field-woodland-project-image img {
  width: 100%;
  padding: 5% 5% 0;
}
.node .field-name-body {
  text-align: center;
}
/*
.field-node-field-tree-project-user {
  padding: 0 20px;
  text-align: center;
  margin-bottom: 15px;
}
*/
#treegen-project-developer-profile-link a { 
  color: #aac961!important; 
} 
h2, 
#treegen-project-developer-profile-link p { 
  text-align: center; 
  margin: .5rem 0 1rem;
} 

[id*="wallet-body-container-"],
#wallet-body-container {
  margin-top: 30px;
  padding: 0 5%!important;
}
.wallet {
  min-width: 250px;
  background-color: inherit!important;
  margin: 0!important;
}
.field-node--body {
  min-width: 300px;
  padding: 15px 3%!important;
  margin: 0 0 15px!important;
}

@media screen and (max-width: 45em) {
  .wallet {
    margin-bottom: 30px!important;
    width: 100%;
  }
}
@media screen and (min-width: 45.0625em) {
  [id*="wallet-body-container-"],
  #wallet-body-container {
    display: flex;
    flex-wrap: wrap;
  }
  .wallet {
    flex-grow: 1;
    margin-right: 2.5%!important;
    padding: 0!important;
  }
  .field-node--body {
    flex-basis: 45%;
    flex-grow: 1;
    margin: 0!important;
  }
}

th {
  background: #abca41;
  font-weight: 700;
  color: #f6f8ed;
  margin: 0;
  padding: 10px 20px;
} 

a.body-treegen-link,
a.body-treegen-arrow-link {
  display: inline-block;
  padding: 20px 5px;
  font-size: 1.15rem;
  line-height: 1.5rem;
  border-radius: 3px;
  padding-left: 62px;
}
a.body-treegen-link {
  color: #efa350!important;
  background: #f6f8ed url("../../images/business_icon_colour_50.png") no-repeat scroll 10px center / auto 45px;
}
a.body-treegen-arrow-link {
  color: #efa350!important;
  background: #f6f8ed url("../../images/accordian_arrow_1.businesses.png") no-repeat scroll 10px center / auto 45px;
}
.community a.body-treegen-link {
  color: #5ea2b6!important;
  background: #f6f8ed url("../../images/community_icon_colour_50.png") no-repeat scroll 10px center / auto 45px;
}
.community a.body-treegen-arrow-link {
  color: #5ea2b6!important;
  background: #f6f8ed url("../../images/accordian_arrow_1.community.png") no-repeat scroll 10px center / auto 45px;
}

#treegen-wallet.woodland {
  border: 1px solid #aac961;
  background-color: transparent;
  padding: 0; 
}
#treegen-wallet.woodland .wallet-thermometer {
  display: flex;
  justify-content: space-around;
  padding: 2.5%;
}
#treegen-wallet.woodland .table-container {
  flex-grow: 1;
  margin: 1% 5% 0 1%;
}
#treegen-wallet.woodland .thermometer {
  margin-right: 2%;
}
#treegen-wallet.woodland p.header {
  background-color: #aac961;
  margin: 0;
  font-weight: 700;
  line-height: 2em;
}
#treegen-wallet.woodland td.table__cell {
  padding: 0.5rem 1rem!important;
}
#treegen-wallet.woodland.mini .top {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 5%;
}
#treegen-wallet.woodland.mini .target {
  text-align: center;
  padding: 5% 10%;
  background: #dde5c9;
  border: 1px solid #aac961;
  border-radius: 5px;
 background-image: radial-gradient( ellipse farthest-corner at 9px 9px , #aac96199, #aac961 80%, #dde5c9 84%);
  color: #f6f8ed;
}
#treegen-wallet.woodland.mini .target-label {
  font-weight: 700;
}
#treegen-wallet.woodland.mini .target-value {
  font-size: 2.24em;
  line-height: 1.5em;
}
#treegen-wallet.woodland.mini .chart {
  margin: 0;
  width: 100px;
  height: 100px;
}
#treegen-wallet.woodland.mini .chart span {
  font-size: 20px;
  font-weight: 500;
  margin-left: 0;
  line-height: 100px;
  width: 100px;
  color: #2e2e2e;
}
#treegen-wallet.woodland.mini canvas {
  width: 100px;
}
#treegen-wallet.woodland.mini .message {
  text-align: center;
  margin: 5% auto;
  width: 250px;
  padding: 4px 0;
  border-radius: 4px;
}
#treegen-wallet.woodland.mini .message.contribute {
  border: 1px solid #aac961;
}
#treegen-wallet.woodland.mini .message.first {
  /*border: 1px solid #efa350;*/
  border: 1px solid #aac961;
}
#treegen-wallet.woodland.mini .message.achieved {
  font-weight: 700;
  background: #5ea2b9;
  color: #f6f8ed;
}
.treegen-button a {
  display: block;
  width: 150px;
  margin: 15px auto 0;
  text-align: center;
  padding: 5px;
  color: #f6f8ed !important;
  font-weight: 600;
  background: #aac961;
}
.treegen-button a:hover {
  opacity: 0.9;
}

