@charset "utf-8";
/* CSS Document */

/****************
SWATCH
green #BDD765
green drab #B3BF67
green light #CEE18C
green dark #006600
grean darker #1A391B
purple #6600CC
yellow #F8F48E
*****************/

html {
  overflow-y: scroll;
}

body, html{
	background:	#BDD765;
}

header {
    margin-bottom:20px;
}

a {
    color: #1A391B;
}

h1 {
    padding-bottom: 20px;
}

h2 {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 20px;
}

h1.covered {
    padding-top: 20px; 
}

a:hover{
    color: #7D8C22;
    text-decoration: none;
}

legend {
  margin-bottom: 5px;
}

.btn-prp{
	background: #ca87e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ca87e5 0%, #663399 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca87e5), color-stop(100%,#663399)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ca87e5 0%,#663399 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ca87e5 0%,#663399 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ca87e5 0%,#663399 100%); /* IE10+ */
	background: linear-gradient(top,  #ca87e5 0%,#663399 100%); /* W3C */
	text-shadow:none;
	color:#FFF;
	text-transform:uppercase;
}

.btn-prp:hover{
	background: #ca87e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #663399 0%, #ca87e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#663399), color-stop(100%,#ca87e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #663399 0%,#ca87e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #663399 0%,#ca87e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #663399 0%,#ca87e5 100%); /* IE10+ */
	background: linear-gradient(top,  #663399 0%,#ca87e5 100%); /* W3C */
	color:#FFF;
}

.content .heading,
#logo-container{
    text-align:center
}

.btn-row{
	text-align:right;
}

.btn-block {
    display: block;
}

.carousel{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.header-div{
	height:3px;
	background:url(../img/header-div.png);
	border-bottom: solid 1px #666;
	border-top: solid 1px #666;
}

.heading-list{
	border-bottom: 1px solid #B3BF67;
	display: block;
	margin-bottom: 10px;
	margin-left: -20px;
	padding-bottom: 5px;
	position:relative;
	text-align:center;
}

.side-bar .heading{
	color: #7D8C22;
	font-weight:bold;
}

.side-bar .heading,
.side-bar .item{
	padding:5px 0;
}

.side-bar .heading:first-child{
	padding-top:0;
}

.side-bar .item .thumb{
	padding: 5px 0;
}

.side-bar .item.cta, .bigger{
	color:#ef017c;
	font-weight: bold;
	text-transform:uppercase;
}

.side-bar.right{
	text-align: right;
}

/*
BOOTSTRAP NAVIGATION
OVERRIDE WITH class='annies'
*/

/****************
SWATCH
green #BDD765
green drab #B3BF67
green light #CEE18C
green lighter #F8F48E
green dark #006600
grean darker #1A391B
purple #6600CC
*****************/

/*top level items*/
.nav.annies{
	margin-bottom:0;
	padding: 5px 0 1px 0;
}

.nav.annies > li > a{
	background-color: #1A391B;
	color:#fff;
}

.nav.annies > li > a:hover,
.nav.annies > li.dropdown.open.active > a:hover{
	background-color: #CEE18C;
	color: #1A391B;
    -webkit-transition: background-color 0.3s ease-in-out;
       -moz-transition: background-color 0.3s ease-in-out;
       -ms-transition: background-color 0.3s ease-in-out;
       -o-transition: background-color 0.3s ease-in-out;
          transition: background-color 0.3s ease-in-out;
}

.nav.annies > li.dropdown.open .dropdown-toggle{
	background-color: #CEE18C;
	color: #1A391B;
}

.nav.annies > .active > a,
.nav.annies > .active > a:hover{
	background-color:#B3BF67;
	color: #1A391B;
}

/*drop down menu */
.nav.annies .dropdown-menu{
	background-color:#CEE18C;
}

.nav.annies .dropdown-menu .divider {
  background-color:#CEE18C;
  border-bottom: 1px solid #B3BF67;
}

.nav.annies > li.dropdown .active > a,
.nav.annies > li.dropdown.open li a:hover{
	background-color: #F8F48E;
	color:#1A391B;
}

.nav.annies .navbar-search{
	position:relative;
	margin-top:3px;
}

.nav.annies .navbar-search input[type=text]{
	background-color: #F8F48E;
	border-color: #1A391B;
}

.nav.annies .icon-search{
	border: 1px solid #B3BF67;
	padding:5px;
	position:relative;
	margin-top:3px;
	margin-left:3px;
	background-position: -44px 5px;
    opacity: 0.8;
}

.nav.annies .icon-search:hover{
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
       -moz-transition: opacity 0.6s ease-in-out;
       -ms-transition: opacity 0.6s ease-in-out;
       -o-transition: opacity 0.6s ease-in-out;
          transition: opacity 0.6s ease-in-out;
}

/*caret*/

.nav.annies li.dropdown .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.stand-out{
    color: #C00 !important;
    font-weight: bold !important;
}

.nav.annies li.dropdown.active .caret,
.nav.annies li.dropdown a:hover .caret,
.nav.annies li.dropdown.open .caret,
.nav.annies li.dropdown.open.active .caret,
.nav.annies li.dropdown.open a:hover .caret {
  border-top-color: #006600;
  border-bottom-color: #006600;
  opacity: 1;
  filter: alpha(opacity=100);
}

.nav.annies .caret{
    margin-left: 4px;
}

.nav.annies .navbar-search .search-text{
    color: #7D8C22;
}

.nav.annies > li{
    margin-right: 1px;
}

.nav.annies > li.omega{
    margin-right: 0;
}

/*multilevel submenus*/
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
	margin:-1px 0 0 0;
    margin-top: -1px;
}
.dropdown-menu .sub-menu li{
	list-style:none;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer ul li{
    list-style: none;
}

footer .header-div {
    margin: 30px 0;
}

footer nav {
    padding: 30px 0;
}

.messages p {
    background: #F8F48E;
    margin: 0 0 20px;
    padding: 10px;
    color: #6600CC;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font-size: 20px;
}

header .advanced-search select {
    border: 1px solid #006600;
    padding: 0px;
    margin: 0px;
    width: 100px;
    background-color: #EBF99D;
    color: #006600;
}

.plant-thumb,
.property {
    text-align: center;
}

.property {
    margin-bottom: 20px;
}

.plant-thumb .thumb, 
.plant-thumb .thumb img,
.property .thumb,
.property .thumb img {
    height: 100px;   
}

.plant-thumb .name,
.property .name {
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    height: 60px;
}

.plant-thumb {
    margin-bottom: 60px;
}

.plant-thumb .buttons-container {
    height: 50px;
}

.pages {
    text-align: center;
}

.pages .page {
    text-align: center;
    border: solid 1px #1A391B;
    color: #006600;
    display: inline-block;
    background: #B3BF67;
}

.pages .page.active,
.pages .page:hover {
    background: #CEE18C;
    -webkit-transition: background-color 0.3s ease-in-out;
       -moz-transition: background-color 0.3s ease-in-out;
       -ms-transition: background-color 0.3s ease-in-out;
       -o-transition: background-color 0.3s ease-in-out;
          transition: background-color 0.3s ease-in-out;
}

.pages.numeric .page {
    width: 40px; 
}

.pages.alpha .page {
    width: 25px; 
}

.pages.alpha {
    margin-bottom: 20px;
}

footer h2 {
    padding-bottom: 15px;
}

footer h4 {
    padding-bottom: 5px;
}

.btn {
    text-transform: uppercase;
}

.plant-thumb .btn {
  margin-bottom: 10px;
}

.list-name {
    text-align: center;
}

.h2-even {
    padding-top: 8px;
}

.content-header {
    text-align: center;
}

.instructions p {
    font-size: 18px;
}

.problems p {
    font-size: 16px;
    font-weight: normal;
    color: #C00;
}

.notice {
    color: #6600CC;
}

.carousel {
    margin: 0;
}

.quote, .quote p {
  font-style: italic;
  font-size: 16px;
}

.editorial * {
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}


.editorial section {
    margin-bottom: 40px;
}
.editorial h3 {
    margin-bottom: 10px;
}

.editorial a {
    font-weight: bold;
}

.yell {
    font-size: 22px;
}

.results-count {
  text-align: center;
  margin-bottom: 10px;
}

.plant-thumb {
    position: relative;
}

.plant-thumb .notice {
    position: absolute;
    top: 85px;
    left: 10px;
    right: 10px;
    z-index: 1000;
    background: #eecacc;
    box-sizing: border-box;
    border: solid 1px #6600CC;
    -webkit-box-shadow: 2px 2px 2px 0 #949494;
    box-shadow: 2px 2px 2px 0 #949494;
}

.ui-autocomplete {
  background: #F8F48E;
  float: left;
}

.ui-autocomplete li {
  list-style: none;
  padding: 10px 10px; 
  color: #7D8C22;
  border-bottom: #DEDB7F solid 1px;
}

.ui-autocomplete li:hover {
  cursor: pointer;
  background: #FFFB92;
  color: #787745;
}

.ui-autocomplete .highlight {
  color: #6600CC
}

.view-item-prop {
  display: none;
}

.pink {
  color: #CC00CC;
}


