.sansserif, a.menu-link, a.tab-link {
  font-family: Verdana,sans-serif;
}

.serif, body, a, address, .legal, td, p, li, i, b, div {
  font-family: "Palatino Linotype", Palatino, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Palatino Linotype", Palatino, serif;
  font-weight: bold;
  margin: .5em 0;
}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; font-weight: normal; }
h6 { font-size: 12px; }

body {
  background-image: url("/img/background.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0 auto;
  overflow-y:scroll;
  padding: 0;
}

.clear {
  clear: both;
}

a {
  color: #33F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

footer a {
  color: #aaf;
}

.ani-spinner {
  animation: spinnerRotate 1s steps(12, end) infinite;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 16 16'><path d='M8.938 1.125L8.5 4c-.042.276-.3.466-.576.424C7.7 4.39 7.534 4.214 7.5 4l-.438-2.875c-.08-.518.277-1 .795-1.08.518-.08 1 .277 1.08.795.015.095.014.194 0 .285z'/><path d='M5.375 1.577l1.06 2.708c.1.26-.028.553-.288.655-.212.083-.445.014-.58-.154L3.75 2.516c-.327-.41-.26-1.007.15-1.334.408-.328 1.005-.26 1.332.148.06.076.108.162.143.247z' opacity='.91'/><path d='M2.515 3.75l2.27 1.816c.22.175.254.493.08.71-.142.18-.38.235-.58.157l-2.708-1.06c-.488-.19-.728-.74-.538-1.227.19-.488.74-.73 1.228-.54.09.037.175.087.247.144z' opacity='.82'/><path d='M1.124 7.062L4 7.5c.275.042.465.3.423.576-.034.224-.21.39-.424.424l-2.876.437c-.518.08-1-.277-1.08-.795-.08-.518.277-1 .795-1.08.094-.015.193-.013.284 0z' opacity='.73'/><path d='M1.576 10.625l2.71-1.06c.26-.1.553.028.654.288.083.21.013.444-.155.58l-2.27 1.817c-.41.327-1.007.26-1.334-.148s-.26-1.006.15-1.333c.075-.062.16-.11.246-.145z' opacity='.64'/><path d='M3.75 13.485l1.816-2.27c.175-.22.493-.254.71-.08.178.142.234.378.156.58l-1.06 2.707c-.19.488-.74.73-1.228.538-.488-.19-.73-.74-.538-1.23.036-.087.086-.172.144-.245z' opacity='.55'/><path d='M7.062 14.875L7.5 12c.04-.276.3-.466.575-.424.224.035.39.212.424.424l.437 2.875c.08.518-.277 1-.795 1.08-.518.08-1-.277-1.08-.795-.015-.095-.014-.194 0-.285z' opacity='.45'/><path d='M10.625 14.423l-1.06-2.708c-.1-.26.028-.553.288-.655.21-.083.444-.013.58.155l1.815 2.27c.327.41.26 1.007-.148 1.334-.41.326-1.006.26-1.333-.15-.06-.075-.108-.16-.142-.247z' opacity='.36'/><path d='M13.484 12.25l-2.27-1.816c-.22-.174-.254-.493-.08-.71.142-.178.378-.234.58-.156l2.708 1.06c.488.19.73.74.538 1.228s-.74.73-1.23.538c-.088-.036-.173-.086-.246-.144z' opacity='.27'/><path d='M14.875 8.938L12 8.5c-.276-.04-.466-.3-.424-.575.034-.224.21-.39.424-.424l2.875-.437c.518-.08 1 .277 1.08.794.08.518-.277 1-.794 1.08-.095.016-.194.015-.285 0z' opacity='.18'/><path d='M14.423 5.375l-2.708 1.06c-.26.1-.553-.028-.655-.288-.083-.21-.013-.444.155-.58l2.27-1.816c.41-.326 1.006-.26 1.334.15.327.408.26 1.005-.15 1.332-.075.06-.162.11-.247.143z' opacity='.09'/></svg>");
  background-size: cover;
  display: inline-block;
  height: 64px;
  left: 50%;
  margin: 20px 0 0 -32px;
  position: relative;
  width: 64px;
}

@keyframes spinnerRotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.main-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 990px;
}

.page-header {
  position: relative;
}

.logo {
  display: inline-block;
  left: 8px;
  margin: 0;
  position: absolute;
  top: -32px;
}

.logo-image {
  border-width: 0;
  display: block;
  outline-width: 0;
  padding: 12px 0 16px;
  width: 240px;
}

.slogan {
  bottom: 6px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  line-height: 15px;
  text-align: center;
  position: relative;
  width: 100%;
}

.slogan-part {
  white-space: nowrap;
}

.header-wrap {
  background-color: #003306;
  border-radius: 0 0 6px 6px;
  border-top: 32px solid #004B08;
  box-shadow: 4px 4px 6px rgba(0,0,0,.4);
  color: #EEE;
  font-size: 12px;
  position: relative;
}

.header-social,
.header-search,
.header-search form {
  display: inline-block;
  margin: -10px 0 3px 0;
  padding: 0 0 0 5px;
  text-align: right;
}

.header-social {
  position: absolute;
  right: 4px;
  top: -18px;
}

.header-search {
  display: none;
}

.header-social__text {
  vertical-align: middle;
}

.header-social__link {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  vertical-align: middle;
  width: 24px;
}

.header-social__link:hover {
  filter: brightness(1.5);
}

.header-social_facebook {
  background-image: url("/img/social/facebook.png");
}

.header-social_google {
  background-image: url("/img/social/google.png");
}

.header-social_twitter {
  background-image: url("/img/social/twitter.png");
}

.header-social_instagram {
  background-image: url("/img/social/instagram.png");
}

.header-social_pintrest {
  background-image: url("/img/social/pintrest.png");
}


.header-menu {
  display: inline-block;
  margin: 36px 0 0;
  padding: 0 0 0 270px;
  vertical-align: bottom;
}

.empty-menu {
  border-bottom: 6px solid transparent;
  color: transparent;
  display: none;
  font-size: 16px;
  margin: 0 16px 0 0;
  padding: 4px 8px 26px;
}

.menu-item {
  display: inline-block;
  margin: 0 16px 0 0;
}

.menu-item:last-child {
  margin: 0;
}

.menu-link {
  border-bottom: 6px solid transparent;
  color: #CCC;
  display: inline-block;
  font-size: 16px;
  padding: 4px 8px 26px;
}

.home .menu-item__home .menu-link,
.questions .menu-item__questions .menu-link,
.sales .menu-item__sales .menu-link,
.gardening .menu-item__gardening .menu-link,
.plants .menu-item__plants .menu-link,
.about .menu-item__about .menu-link,
.login .menu-item__login .menu-link,
.logout .menu-item__logout .menu-link,
.account .menu-item__account .menu-link,
.users .menu-item__users .menu-link {
  background-color: #004B08;
  border-bottom-color: #007B0C;
  color: #FFF;
}

.menu-link:hover {
  background-color: #00800d;
  border-bottom-color: #00b312;
  color: #FFF;
}

.section {
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 5px;
  margin: 20px 10px 0;
  padding: 10px;
}

.business_hours, .membership {
  background-color: #EFE;
  height: 300px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 315px;
}

.business_hours h2 {
  margin: 10px 0 20px;
}

.business_hours div {
  height: auto;
  margin: 0;
}

.bestof {
  height: auto;
  padding: 0;
}

#bestOf10 {
  display: none;;
}

.building {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}

.building-img {
  width: 600px;
}

.rotator {
  display: inline-block;
  height: 300px;
  margin-right: 8px;
  position: relative;
  width: 600px;
}

.rotator img {
  left: 0;
  position: absolute;
  top: 0;
  width: 600px;
}

.outerContent {
  background-color: #FFF;
  background-color: rgba(255,255,255,.8);
  border-bottom: 12px solid #002800;
  border-bottom-color: #003306;
  border-top: 12px solid #007B0C;
  border-radius: 6px;
  box-shadow: 4px 4px 6px rgba(0,0,0,.4);
  min-height: 600px;
  margin: 20px 0 0 0;
  min-width: 290px;
  padding: 0 10px 10px;
}

.pageTop h2, .pageTop h3 {
  margin: 0;
  text-align: center;
}

.outerContent div#body {
  position: relative;
}

.dots {
  background-image: url("/img/dots.png");
  background-repeat: repeat-x;
  height: 11px;
  margin: 0 -10px;
}

.memberOf {
  background-color: #FFF;
  border: 1px solid #BBB;
  border-radius: 6px;
  display: block;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  max-width: 220px;
  margin: 8px auto 4px;
  padding: 3px;
  text-align: center;
  width: 150px;
}

.memberOf img {
  height: 55px;
}

footer {
  background-color: #002800;
  background-color: #003306;
  border-radius: 6px;
  box-shadow: 4px 4px 6px rgba(0,0,0,.4);
  clear: both;
  color: #EEE;
  font-size: 12px;
  margin: 40px 0;;
  padding: 10px 2px;
  text-align: center;
}

.main-container:after {
  content: '';
  display: block;
  height: 220px;
}

footer a.footer {
  color: #DDF;
  font-family: Verdana,sans-serif;
  text-decoration: none;
}

footer a:hover {
  color: #EEE;
  text-decoration: underline;
}

.question-title {
  margin: 8px 0 4px 0;
}

.question-asker {
  float: right;
  font-style: italic;
  margin: 16px 8px 0 0;
}

.question-row {
  margin: 0 8px 0 0;
  padding: 16px 8px;
}

.question-row:nth-child(even) {
  background-color: #DFD;
}

.question-group {
  display: inline-block;
  font-size: 14px;
  margin: 0 20px 16px;
  text-align: center;
  width: 90px;
}

.question-image {
  display: block;
  margin: 0 auto;
  width: 80px;
}

.question-image__large {
  display: inline-block;
  float: right;
  margin: 0 8px 0 0;
  height: 120px;
}

.pagination {
  text-align: right;
}

.pagination a {
  border: 1px solid #444488;
  color: #444488;
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 6px;
  padding: 1px 7px 0;
  text-decoration: none;
}

.pagination a.selected {
  background-color: #444444;
  color: #FFFFFF;
}

.pagination a:hover {
  background-color: #FFFFFF;
  color: #444444;
}

#questionSearch,
#questionAsk {
  background: #DDD;
  border: 1px solid #444444;
  border-radius: 4px;
  padding: 5px;
}

#questionSearch label {
  white-space: nowrap;
}

#questionAsk {
  width: 255px;
}

#questionAsk label {
  display: block;
  margin-top: 20px;
}

#questionAsk label:first-child {
  margin-top: 10px;
}

#questionAsk label input,
#questionAsk label textarea {
  display: block;
  width: 250px;
}

#questionAsk label textarea {
  max-height: 160px;
  min-height: 31px;
  resize: vertical;
}

#questionAsk input[type=submit] {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mainContent section {
  border-top: 3px solid #AAA;
  margin: 10px 10px 0 10px;
  padding: 0 0 10px 10px;
}

.mainContent section.plant-details {
  margin-left: 8px;
  padding-left: 0;
}

.mainContent section.solid,
.solid {
  background-color: #FFF;
}
.mainContent section.plants {
  padding: 0 8px 8px;
}

.mainContent section p {
  line-height: 1.5em;
  margin-left: 10px;
}

.warning {
  background-color: #99FF99;
  border: 1px solid #338833;
  border-radius: 6px;
  box-shadow: 4px 4px 4px rgba(0,0,0,.4);
  color: #000;
  line-height: 1.3em;
  margin: 60px 8px 0;
  padding: 16px;
}

.mainContent section.currentsales {
  background-color: #FFF;
  border: 3px dashed #999999;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px;
  max-width: 550px;
}

.mainContent section.currentsales h2,
.mainContent section.currentsales h3,
.mainContent section.currentsales span,
.mainContent section.currentsales p
 {
  font: 12px "Palatino Linotype", Palatino, serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

.mainContent section.currentsales h2 {
  color: #999999;
  font-size: 1.2em;
  font-weight: bold;
}

.mainContent section.currentsales h3 {
  border-bottom: 1px solid #999999;
  font-size: 1.1em;
  font-style: italic;
  margin: 0 auto;
  padding: 0 0 10px 0;
}

.mainContent section.currentsales span {
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
}

.mainContent section.currentsales img {
  float: left;
  height: 32%;
  margin: 10px 10px 0 0;
  max-height: 175px;
  max-width: 175px;
  min-height: 100px;
  min-width: 100px;
  width: 32%;
}

.mainContent section.plantsSection article {
  margin: 0 0 20px 0;
}
.mainContent section.plantsSection h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.mainContent section.plantsSection p {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0 10px;
  padding: 0;
}

.mainContent section.plantsSection ul,
.mainContent section.plantsSection li {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
}

.mainContent section.plantsSection li label {
  font-weight: normal;
}

.mainContent section.plantsSection li.len_0 {
  display: none;
}

.legal {
  background-color: #D9D9D9;
  clear: both;
  font-size: 1.1em;
  font-style: italic;
  margin: 20px 0 0 0;
  padding: 10px;
  text-align: center;
  max-width: 550px;
}

.legal span {
  white-space:nowrap;
}

th
{
  margin: 0;
  padding: 0 4px;
  text-align: left;
}

td {
  border-collapse: collapse;
  margin: 0;
  padding: 4px;
  vertical-align: top;
}

.plantchart th
{
  background-color: #b0d6f4;
  border: solid 0 #b0d6f4;
  border-width: 1px 0;
  color: #000;
  padding: 0 4px;
  text-align: left;
}

.plantchart td
{
  border: solid 0 #206620;
  border-bottom-width: 1px;
  border-collapse: collapse;
  padding: 4px;
  position: relative;
  vertical-align: top;
}

.plantchart ul {
  margin: 0;
}

.plantchart .sideImage {
  display: none;
  position: absolute;
  left: 0;
  margin-top: -40px;
}

img.tree {
  background-color: #FFF;
  border: 1px solid #999;
  box-shadow: 4px 4px 8px 1px rgba(0,0,0,.5) ;
  float: right;
  height: 20%;
  margin: 0 0 1% 1%;
  max-height: 273px;
  max-width: 118px;
  padding: 5px;
  width:20%;
}

.middle {
  text-align: center;
}

.bestof {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}

.bestof img {
  display: inline-block;
  height: 90px;
  margin: 0 5px;
}

.mainContent > .question-image {
  border: 1px solid #999;
  border-radius: 12px;
  sbox-shadow: rgba(66,66,66,0.5) 3px 3px 6px;
  display: inline-block;
  float: right;
  margin: -15px 0 10px 0;
  width: 150px;
}

.Question.searchResults {
  clear: both;
}

ul.catagories {
  margin: 0;
  padding: 0;
}

.catagories li {
  border: 2px solid #EEE;
  border-radius: 15px;
  display: inline-block;
  float: left;
  list-style: none;
  margin: 0 15px 25px 0;
  padding: 5px;
  text-align: center;
}

.catagories .question-link {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 105px;
}

.catagories .question-image {
  border-width: 0;
  border-radius: 12px;
  display: block;
  width: 100%;
}

.catagories .question-count {
  display: block;
  margin: 0;
  padding: 0;
}

ul.tabs {
  display: block;
  margin: 20px 0 0 15px;
  padding: 0;
}

ul.tabs li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tabs li:hover {
  background-color: #002800;
  background-color: #003306;
}

ul.tabs .tab-link {
  background-color: #007B0C;
  border: 1px solid #444444;
  border-radius: 8px 8px 0 0;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 1px;
  padding: 5px 10px;
  text-align: center;
}

ul.tabs .tab-link:hover {
  text-decoration: none;
}

section[data-section=annuals] li[data-section=annuals] .tab-link,
section[data-section=herbs] li[data-section=herbs] .tab-link,
section[data-section=perennials] li[data-section=perennials] .tab-link,
section[data-section=roses] li[data-section=roses] .tab-link,
section[data-section=shrubs] li[data-section=shrubs] .tab-link,
section[data-section=trees] li[data-section=trees] .tab-link,
section[data-section=berries] li[data-section=berries] .tab-link,
section[data-section=vegetables] li[data-section=vegetables] .tab-link {
  background-color: #FFF;
  border-color: #444444;
  border-bottom-color: #FFF;
  color: #002800;
  color: #003306;
}

div[data-section] {
  border: 1px solid #444444;
  border-radius: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  margin: -2px 20px 0 0;
  min-height: 100px;
  padding: 5px;
  width: 100%;
}

section[data-section=annuals] div[data-section=annuals],
section[data-section=herbs] div[data-section=herbs],
section[data-section=perennials] div[data-section=perennials],
section[data-section=roses] div[data-section=roses],
section[data-section=shrubs] div[data-section=shrubs],
section[data-section=trees] div[data-section=trees],
section[data-section=berries] div[data-section=berries],
section[data-section=vegetables] div[data-section=vegetables] {
  display:block;
}

.tab-content {
  background-color: #FFF;
}

.tab-content .sub-link {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 10px 0;
  text-align: right;
}

.plant-list {
  background-color: #FFF;
}

.mainContent section.plant-list section {
  border-width: 0;
}

.plant-list h3 {
  border-top: 3px solid #DDD;
  margin: 30px 0 0 0;
  padding-top: 10px;
}

.plant-list h4 {
  margin: 10px 0 0 20px;
}

.plant-list h5 {
  font-weight: bold;
  margin: 0 0 0 40px;
}

.mainContent section.plant-list p {
  margin: 0 0 10px 40px;
}

.mainContent section.plant-list section > p:first-child {
  margin: -20px 0 0 0;
}

.mainContent section.plant-list h3 + p {
  margin-left: 20px;
}

.notice
{
  background-color: #f7f9cb;
  border: solid 1px #D0D0D0;
  border-radius: 4px;
  box-shadow: 3px 3px 5px #BBBBBB;
  font-family: "Palatino Linotype", Palatino, serif;
  font-weight: bold;
  margin: 0 10px 20px 0;
  padding: 15px 0;
  text-align: center;
}

.history-list {
  margin-top: 10px;
}

.sub-link a:before,
.history-list a:before {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}

.sub-link a:first-child:before,
.history-list a:first-child:before {
  content: none;
}


.plant-list[data-section=Vegetables] img,
.plant-list[data-section=BerriesGrapes] img {
  ddisplay: none;
}

.side-img:after {
  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  float: right;
  margin: 0 0 10px 40px;
  width: 150px;
}

.side-img__blackberry:after {
  background-image: url("/img/sides/blackberries.png");
  height: 81px;
}

.side-img__blueberry:after {
  background-image: url("/img/sides/blueberries.png");
  height: 115px;
}

.side-img__boysenberry:after {
  background-image: url("/img/sides/boysenberries.png");
  height: 102px;
}

.side-img__currants:after {
  background-image: url("/img/sides/redcurrant.png");
  height: 83px;
}

.side-img__elderberry:after {
  background-image: url("/img/sides/elderberry.png");
  height: 126px;
}

.side-img__gooseberry:after {
  background-image: url("/img/sides/gooseberries.png");
  height: 68px;
}

.side-img__grape:after {
  background-image: url("/img/sides/grapes.png");
  height: 107px;
}

.side-img__loganberry:after {
  background-image: url("/img/sides/loganberries.png");
  height: 101px;
}

.side-img__raspberry:after {
  background-image: url("/img/sides/raspberries.png");
  height: 128px;
}

.side-img__strawberry:after {
  background-image: url("/img/sides/strawberries.png");
  height: 95px;
}

.side-img__asparagus:after {
  background-image: url("/img/sides/asparagus.png");
  height: 150px;
}

.side-img__broccoli:after {
  background-image: url("/img/sides/broccoli.png");
  height: 109px;
}

.side-img__brusselssprouts:after {
  background-image: url("/img/sides/brusselssprouts.png");
  height: 86px;
}

.side-img__cabbage:after {
  background-image: url("/img/sides/cabbage.png");
  height: 146px;
}

.side-img__cauliflower:after {
  background-image: url("/img/sides/cauliflower.png");
  height: 121px;
}

.side-img__celery:after {
  background-image: url("/img/sides/celery.png");
  height: 93px;
}

.side-img__cucumber:after {
  background-image: url("/img/sides/cucumber.png");
  height: 70px;
}

.side-img__eggplant:after {
  background-image: url("/img/sides/eggplant.png");
  height: 102px;
}

.side-img__gourds:after {
  background-image: url("/img/sides/gourds.png");
  height: 108px;
}

.side-img__horseradish:after {
  background-image: url("/img/sides/horseradish.png");
  height: 101px;
}

.side-img__lettuce:after {
  background-image: url("/img/sides/lettuce.png");
  height: 119px;
}

.side-img__melon:after {
  background-image: url("/img/sides/melon.png");
  height: 137px;
}

.side-img__onions:after {
  background-image: url("/img/sides/onions.png");
  height: 122px;
}

.side-img__bellpeppers:after {
  background-image: url("/img/sides/bellpeppers.png");
  height: 122px;
}

.side-img__hotpeppers:after {
  background-image: url("/img/sides/hotpeppers3.png");
  height: 97px;
}

.side-img__pumpkin:after {
  background-image: url("/img/sides/pumpkin1.png");
  height: 147px;
}

.side-img__rhubarb:after {
  background-image: url("/img/sides/rhubarb.png");
  height: 105px;
}

.side-img__summersquash:after {
  background-image: url("/img/sides/summersquash.png");
  height: 90px;
}

.side-img__butternutsquash:after {
  background-image: url("/img/sides/butternutsquash.png");
  height: 99px;
}

.side-img__tomato:after {
  background-image: url("/img/sides/beefsteaktomato.png");
  height: 107px;
}

.side-img__cherrytomato:after {
  background-image: url("/img/sides/cherrytomato.png");
  height: 121px;
}

.side-img__earlytomato:after {
  background-image: url("/img/sides/earlygirltomato.png");
  height: 109px;
}

.side-img__brandywinetomato:after {
  background-image: url("/img/sides/brandywinetomato.png");
  height: 109px;
}

.side-img__grapetomato:after {
  background-image: url("/img/sides/grapetomato.png");
  height: 61px;
}

.side-img__romatomato:after {
  background-image: url("/img/sides/romatomato.png");
  height: 90px;
}

.side-img__tomatillo:after {
  background-image: url("/img/sides/tomatillo.png");
  height: 105px;
}

.side-img__yellowtomato:after {
  background-image: url("/img/sides/yellowtomato.png");
  height: 113px;
}

.side-img__watermelon:after {
  background-image: url("/img/sides/watermelon.png");
  height: 158px;
}

.r-img {
  opacity: 0;
  transition: all ease-in .5s;
}

.r-img.show {
  opacity: 1;
}

.diseases {
  margin-left: 40px;
}

.disease {
  background-color: rgba(243,249,255,1);
  border: 1px solid #BCDEEF;
  border-radius: 3px;
  display: inline-block;
  font: normal 12px Verdana, sans-serif;
  margin-right: 2px;
  text-align: center;
  width: 20px;
}

h4 .disease:first-child {
  margin-left: 20px;
}

.floatr {
  float: right;
}

.plant-image {
  float: right;
  margin: 16px 0 16px 16px;
  max-height: 340px;
  max-width: 170px;
}

.link-button {
  background: none;
  border: none;
  color: #33f;
  display: inline;
  margin: 0;
  padding: 0;
}

.toggle-menu__button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  display: none;
  left: 1px;
  margin: 0;
  padding: 3px;
  position: absolute;
  top: -30px;
}

.toggle-menu__button:hover {
  background-color: rgba(255,255,255,.25);
}

.toggle-menu__line {
  background-color: #FFF;
  border-radius: 3px;
  display: block;
  height: 2px;
  margin: 4px;
  width: 20px;
}

.map {
  margin: 0 auto;
  width: 90%;
}

.debug .header-menu:after {
  color: rgba(255,255,255,.25);
  content: "Width: " attr(w);
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 5px;
}

@media (min-width:1025px) {
  .isLocal .header-social:before {
    content:"min: 1025px";
  }
}

@media (max-width:1024px) {
  .business_hours, .membership {
    height: auto;
    margin: 0 auto;
    width: 600px;
  }

  .building,
  .rotator {
    margin: 0;
  }

  .homepage .section {
    text-align: center;
  }

  #bestOf10 {
    display: inline;
  }

}

@media (max-width:890px) {
  body {
    margin: 0;
    padding: 0;
  }

  .menu-item {
    margin-right: 8px;
  }
  .menu-link {
    font-size: 12px;
  }

  .main-container {
    width: 100%;
  }

  ul.tabs {
    margin: 10px 0 0 10px;
  }

  ul.tabs .tab-link {
    font-size: 12px;
    padding: 3px 6px;
  }

}

@media (max-width:790px) {
  h1 {
    margin: 10px 0;
  }

  .logo {
    top: 0;
  }

  .empty-menu {
    margin-top: 26px;
  }

  .header-menu {
    padding: 0;
  }

  .empty-menu {
    display: inline-block;
  }

  .toggle-menu__button {
    display: inline;
  }

  .main-menu {
    background-color: #003306;
    border-radius: 0 0 4px 0;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
    display: block;
    left: -180px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out;
    width: 160px;
    z-index: 100;
  }

  .menu-open .main-menu {
    left: 0;
  }

  .menu-item,
  .menu-link {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
  }

  .menu-link {
    padding: 8px;
  }

  .homepage .section {
    padding: 4px;
  }

  .mainContent section {
    margin: 10px 0 0;
  }
}

@media (max-width:750px) {
  ul.tabs {
    margin: 0 0 10px 10px;
  }

  ul.tabs li:hover {
    background-color: transparent;
  }

  ul.tabs .tab-link {
    background-color: transparent;
    border: none;
    color: #33F;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }

  ul.tabs .tab-link:after {
    color: #000;
    content: '|';
    display: inline-block;
    padding: 0 6px;
  }

  ul.tabs li:last-child .tab-link:after {
    content: '';
  }

  ul.tabs .tab-link:hover {
    text-decoration: underline;
  }
}


@media (max-width:662px) {
  .outerContent {
    margin: 16px 0 0;
    padding: 0;
  }

  .homepage .section {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin: 5px;
    padding: 0;
  }

  .mainContent section.plant-list p {
    margin-left: 0;
  }
}

@media (max-width:612px) {
  .business_hours,
  .membership,
  .building,
  .building img,
  .rotator,
  .rotator img {
    border: 0;
    width: 100%
  }
}

@media (min-width:769px) and (max-width:1024px) {
  .isLocal .header-social:before {
    content:"min: 768px max: 1023px";
  }
}

@media (min-width:481px) and (max-width:768px) {
  .isLocal .header-social:before {
    content:"min: 480px max: 767px";
  }

}

@media (min-width:321px) and (max-width:480px) {
  .rotator {
    height: 237px
  }

  .main-container:after {
    height: 100px;
  }
}

@media (max-width:320px) {
  .main-container:after {
    height: 50px;
  }

  .isLocal .header-social:before {
    content:"max: 320px";
  }

  .rotator {
    height: 156px
  }

  .plant-image {
    max-width: 130px;
  }
}