﻿body {background:#e6dfcf;}
#topOfPage {line-height:0; font-size:0; height:0; clear:both;}

.row {padding-left: 15px; padding-right: 15px;} /* FIXME: MIGHT NEED TO BE BACKED OUT, BUT PROLLY REQUIRES "ROWS" TO HAVE "CONTAINER" OBJECTS */

.iconPlantsUnfilled {background-image:url(Icons/icon_plantlife.png); background-repeat:no-repeat;}
.iconPlantsUnfilledWhite {background-image:url(Icons/icon_plantlife_white.png); background-repeat:no-repeat;}

.iconWildlifeUnfilled {background-image:url(Icons/icon_wildlife_small.png); background-repeat:no-repeat;}
.iconWildlifeUnfilledWhite {background-image:url(Icons/icon_wildlife_small_white.png); background-repeat:no-repeat;}

.iconHelp {background-image:url(Icons/icon_help.png); background-repeat:no-repeat;}

.iconStarFilled {background-image:url(Icons/icon_star_solid.png); background-repeat:no-repeat;}
.iconStarUnfilled {background-image:url(Icons/icon_star_open.png); background-repeat:no-repeat;}
.iconStarFilledWhite {background-image:url(Icons/icon_star_white_solid.png); background-repeat:no-repeat;}
.iconStarUnfilledWhite {background-image:url(Icons/icon_star_white_open.png); background-repeat:no-repeat;}

input.error::-webkit-input-placeholder {color:red;}
input.error:-moz-placeholder {color:red;}/* Firefox 18- */
input.error::-moz-placeholder {color: red;}/* Firefox 19+ */
:-ms-input-placeholder {color:red;}/* IE */

.navbar {margin-bottom:0; padding:15px 0 20px 0; border-radius:0;}
.navbar a {color:#fff;}

.navbar .navHat {margin:0 0 18px 0; padding:0 0 0 0; vertical-align:middle;}
.navbar .navHat a {font-family:'Myriad Pro','Interstate-Regular',Arial; font-size:14px; font-weight:600; text-transform:uppercase;}
.navbar .navHat .navHatAbout {margin:0; padding:8px 0 0 0;}
.navbar .navHat .navHatActions {text-align:right; margin-right:0; padding:0;}
.navbar .navHat .navHatActions a.icon {background:transparent no-repeat 0 50%; background-size:contain; padding:4px 0 4px 25px; margin-right:30px;}
.navbar .navHat .navHatActions a.icon-location {background-image:url(Icons/icon_location_white.png);}
.navbar .navHat .navHatActions a.icon-user {background-image:url(Icons/icon_user_white.png);}
.navbar .navHat .navHatActions form {margin:0; padding:0; width:49%; max-width:220px;}
.navbar .navHat .navHatActions input {background:rgba(0,0,0,0.35); color:#fff; border:0; width:100%; padding:7px 10px; font-family:Interstate-Regular; font-size:14px; font-weight:bold;}

.navbar-default {background:transparent url(Images/header-bg.jpg) no-repeat 0 100%; background-size:cover; border:0;}
.navbar-default .navContentsWrap {margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.navbar-default .navContents {border-bottom:9px solid #01573e; background-color:rgba(0,0,0,0.35); vertical-align:middle; position:relative;}
.navbar-default .navContents .navbar-header {position:absolute; top:20%; width:33%;}
.navbar-default .navContents a.navbar-brand {max-width:100%;}
.navbar-default .navContents .mainNav>li>a {color:#fff; text-transform:uppercase; font-family:Interstate-Regular, Arial; font-size:13px; padding:15px 10px;}
.navbar-default .navContents .mainNav>li>a:hover {color:#fff;}
.navbar-default .navContents .mainNav>li>a>img.icon {display:block; text-align:center; margin:0 auto 8px auto; height:20px; width:20px;}
.nav-link{margin-right: 10px;}

/*.navContents .socialIcons a:hover .fa-inverse {color:#fff;}*/

.body-content {background:transparent url(Images/home-background-lg.jpg) 50% 0 no-repeat; padding-top:25px;}
.body-content-centerCol {padding-left:0; padding-right:0;}

.home .body-content {background:transparent url(Images/home-background-lg.jpg) 0 0 repeat-x; background-size:cover; padding-top:85px; padding-bottom:25px;}
.home .body-content h1 {text-align:center; color:#797367; font-family: 'Covered By Your Grace', cursive; font-size:40px;}
.home .body-content .mainLinks {margin-top: 45px; width: 72%; margin: auto;}
.home .body-content .mainLinks a.mainLink {text-align:center; position:relative;}
.home .body-content .mainLinks a.mainLink .title {font-size:22px; font-weight:bold; color:#01573e; margin-bottom:5px;}
.home .body-content .mainLinks a.mainLink img {margin:0 auto;}
.home .body-content .mainLinks a.mainLink .icon {position:relative; top:-39px;}
.home .body-content .mainLinks a.mainLink .icon img {display:inline-block; max-height:125px; border:4px solid #fff; border-radius:50%; background-color:#01573e; padding:25px;}
.home .body-content .introText {font-size:18px; padding:30px 0 50px 0; text-align:center; width:80%;}

.page-title {position:relative;}
.page-title .zip-code-header {display:none;}

.section h1 {vertical-align:middle;}
.section h1::before {content: ""; vertical-align:middle; display:inline-block; max-height:60px; margin-right:5px; border:4px solid #fff; border-radius:50%; background:#01573e no-repeat 50% 50%; background-size:30px; padding:25px;}
.section-search h1::before {background-image:url(Icons/icon_search_white.png);}
.section-plants h1::before {background-image:url(Icons/icon_plantlife_white.png);}
.section-wildlife h1::before {background-image:url(Icons/icon_wildlife_white.png);}
.section-myGarden h1::before {background-image:url(Icons/icon_garden_white.png);}
.section .sectionDescription p {background-color:transparent; font-size:16px; margin-left:65px;}
.section .sectionDescription p.icon {padding:2px 0 2px 30px; background-repeat:no-repeat; background-position:0 0; background-size:25px;}

.sectionList {margin-bottom:30px;}
.sectionList h2 {color:#000; text-transform:uppercase; font-weight:bold; padding-left:45px; background-color:transparent; background-repeat:no-repeat; background-position:0 0; background-size:35px;}
.sectionList-herbaceous h2 {background-image:url(Icons/icon_plant_category_herbaceous.png);}
.sectionList-woody h2 {background-image:url(Icons/icon_plant_category_woody.png);}
.section-myGarden .sectionList-wildlife h2 {background-image:url(Icons/icon_wildlife.png); background-size:35px;}

.tileCarousel .tile {margin:0 15px;}
.tileCarousel button.slick-prev {left:0; width:50px; height:50px; margin-top:-60px;}
.tileCarousel button.slick-next {right:0; width:50px; height:50px; margin-top:-60px;}
.tileCarousel button.slick-prev:before,
.tileCarousel button.slick-next:before {font-size:50px; z-index:90;}
.sectionList .tiles .tile .tileContainer {display:inline-block; position:relative; width:100%; margin:10px 0; background:#fff; padding:0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.sectionList .tiles .tile .tileContainer.nectar {background-image:url(Images/tile-bg-nectar.png); background-repeat:no-repeat; background-position:100% 100%;}
.sectionList .tiles .tile .tileImage {position:relative; margin:0; padding:0; background-color:#656565; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; min-height:120px; max-width:100%;}
.sectionList .tiles .tile .tileImage2 {position:absolute; margin:0; padding:0; background-color:#656565; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; height:100%; width:100%; top:0; bottom:0; left:0; right:0;}
.sectionList .tiles .tile .tileImage .tileActions {position:absolute; bottom:0; padding:5px; color:#fff; width:100%; font-size:1em; line-height:1.4em; vertical-align:middle;}
.sectionList .tiles .tile .tileImage .tileActions a {color:#fff; width:48%; padding-left:18px; background-size:contain; background-position:0 0; text-align:left; text-transform:uppercase;}
.sectionList .tiles .tile .tileImage .tileActions .count {color:#fff; width:48%; padding-right:22px; background-size:contain; background-position:100% 0; text-align:right;}
.sectionList .tiles .tile .tileBody {height:120px !important; font-weight:bold; padding:10px; overflow:hidden;}
.sectionList .tiles .tile .tileBody a {font-family:'Myriad Pro',Arial,sans-serif; font-size:14px; line-height:13px; color:#000;}

.sectionList-wildlife .tiles .tile .tileBody a {text-transform:none !important;}

.sectionList .tiles .tile .tileBody a .generaName {font-size:14px; font-weight:normal;}
.sectionList .tiles .tile .tileBody a .familyName {font-style:italic; font-size:12px; font-weight:normal;}
.sectionList .tilesPagination {text-align:center;}

.sectionList .viewAll {display:block; clear:both; margin:0 auto; text-align:center; padding:17px 8px 0 8px; font-size:11px; font-weight:900; line-height:1em; height:55px; width:55px; background:rgba(255,255,255,0.75); border-radius:50%; vertical-align:middle; color:#01573e; text-transform:uppercase;}
.sectionList .viewAll-oneLiner {padding-top:22px;}
.sectionList .viewAll:hover {background:#fff; text-decoration:none;}

.pagination-container {clear:both; text-align:center;}
.pagination-container > .pagination > li > a {color:#01573e;}
.pagination-container > .pagination > .active > a,
.pagination-container > .pagination > .active > span,
.pagination-container > .pagination > .active > a:hover,
.pagination-container > .pagination > .active > span:hover,
.pagination-container > .pagination > .active > a:focus,
.pagination-container > .pagination > .active > span:focus {
  color:#fff;
  background-color: #01573e;
  border-color: #01573e;
}

.detail .sectionList h2 {font-size:34px; font-family:Interstate, Arial, sans-serif; text-transform:uppercase; padding:0; margin-top:10px; margin-bottom:15px;}
.detail .sectionList p.icon {padding:2px 0 2px 34px; background-repeat:no-repeat; background-position:0 0; background-size:30px; font-size:20px; font-family:'Myriad Pro', Arial, sans-serif; font-weight:bold; margin-top:10px; margin-bottom:15px;}
.detail .body-content {padding-top:75px;}
.detail .detailTile {padding-left:0; padding-right:0;}
.detail .detailTile h1 {font-family:Interstate, Arial,sans-serif; font-weight:bold; font-size:44px; margin:3px 0; line-height:42px;}
.detail .detailTile h2 {font-family:'Myriad Pro',sans-serif; font-weight:bold; font-size:24px; margin:3px 0;}
.detail .detailTile h3 {font-family:'Myriad Pro',sans-serif; font-weight:bold; font-style:italic; font-size:16px; margin:3px 0;}
.detail .detailTile h4 {font-family:'Myriad Pro',sans-serif; color:#767266; opacity:0.5; font-weight:bold; font-size:16px; vertical-align:middle;}
.detail .detailTile h4.herbaceous {padding-left:35px; background:url(Icons/icon_plant_category_herbaceous.png) 0 0 no-repeat; background-size:30px; min-height:30px; line-height:30px;}
.detail .detailTile h4.woody {padding-left:35px; background:url(Icons/icon_plant_category_woody.png) 0 0 no-repeat; background-size:30px; min-height:30px; line-height:30px;}
.detail .detailTile .tileContainer {display:inline-block; position:relative; width:100%; margin:10px 0; background:#fff; padding:0;}
.detail .detailTile .tileImage {position:relative; margin:0; padding:0; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; min-height:490px; max-width:100%;}
.detail .detailTile .tileImage .tileActions {position:absolute; bottom:8px; left:8px; padding:0; color:#fff; width:100%; font-size:1em; line-height:1.4em; vertical-align:middle;}
.detail .detailTile .tileImage .tileActions a {font-family:'Myriad Pro', Arial, sans-serif; font-size:13px; font-weight:bold; line-height:14px; color:#fff; background-size:20px; background-color:rgba(0,0,0,0.75); background-position:50% 14px; text-align:left; text-transform:uppercase; border-radius:50%; border:3px solid #fff; height:70px; width:70px; padding:36px 8px 0 8px; text-align:center;}
.detail .detailTile .tileImage .tileActions .count {color:#fff; width:48%; padding-right:22px; background-size:contain; background-position:100% 0; text-align:right;}
.detail .detailTile .tileBody {font-weight:bold; padding:0; position:relative; min-height:490px;}
.detail .detailTile .tileBody::after {content:""; border:15px solid transparent; border-top-color:#fff; width:30px; margin:0 auto; position:absolute; bottom:-30px; left:0; right:0;}
.detail .detailTile .tileBody a {color:#000;}
.detail .detailTile .tileBody .toBottom {position:absolute; width:100%; padding:12px 25px; bottom:0; left:0; right:0;}

.wildlifeDetail .detailTile .tileBody h2,
.wildlifeDetail .detailTile .tileBody h3 {text-transform:none; font-style:normal;} /* do NOT italicize the non-scientific names */
.wildlifeDetail .detailTile .tileBody h2 {font-style:italic;} /* italicize the scientific name */

.section-myGarden .shareActions {text-align:center; margin:15px 0;}
.section-myGarden .shareActions a.btn {border:3px solid #01573e; border-radius:50%; background:transparent; color:#01573e; height:100px; width:100px; padding-top:20px; font-weight:bolder; text-transform:uppercase; line-height:16px; font-size:14px;}
.section-myGarden .shareActions a .fa {margin-bottom:8px;}
.section-myGarden .shareActions a.btn:hover {background-color:#fff;}

.marketing .body-content {padding-top:50px; padding-bottom:50px;}
/*.marketing .body-content h1 {font-size:40px; font-family:Interstate, Arial, sans-serif; padding:0 35px; margin-top:35px; margin-bottom:15px;}*/
.marketing .body-content h2 {color:#01573e; font-size:26px; font-family:Arial, sans-serif; font-weight:bold; text-transform:uppercase; padding:0 35px; margin-top:10px; margin-bottom:15px;}
.marketing .body-content p {padding-left:35px; padding-right:35px;}
.marketing .body-content img.img-responsive {width:100%; margin:15px auto;}
.marketing .body-content ol li {margin-left:15px; padding-left:5px;}

.backToTop {text-align:center; padding:5px 0;}
.backToTop a {color:#01573e; font-weight:bold; text-transform:uppercase; font-size:13px;}
.globalFooter {text-align:center; color:#FFF; background:#01573e url(Images/footer-bg.png) 0 0 repeat-x; padding-bottom:25px; padding-top:21px;}
.globalFooter .footerContents {padding-left:0; padding-right:0;}
.globalFooter .footerLogos,
.globalFooter .footerCertification {padding-left:0; padding-right:0;}
.globalFooter .footerLogos a,
.globalFooter .footerCertification a {background:#fff; height:127px; text-align:center; vertical-align:middle; margin:0 3px; display:inline-block; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.globalFooter .footerLogos:first-child {margin-left:0;}
.globalFooter .footerLogos:last-child {margin-right:0;}
.globalFooter .footerLogos a {display:inline-block; max-width:30%; padding:24px 2% 24px 2%;}
.globalFooter .footerLogos a img {width:99%; max-height:100%; max-width:65px;}

.globalFooter .footerCertification a {max-height:100%; padding:15px 15px 20px 15px;}
.globalFooter .footerCertification a img {max-height:100%;}

.globalFooter .footerLinks {text-align:center; padding-top:40px; font-family:Arial; font-size:12px; padding-left:0; padding-right:0;}
.globalFooter .footerLinks a {color:#fff;}
.globalFooter .footerLinks .socialIcons {margin-bottom:10px; font-size:14px;}
.globalFooter .footerLinks .socialIcons a {color:#01573e;}
.globalFooter .footerLinks .socialIcons a:hover .fa-inverse {color:rgba(255,255,255,0.8);}
.globalFooter .footerLinks .legalLinks {margin-bottom:10px;}

.modal .modal-body {text-align:center;}
.modal .modal-body input[type="text"] {margin:0 auto; width:90%; text-align:center;}

.detail .detailTile .tileBody .commonNames {
    border: 1px solid #bbb;
    border-radius: 5px;
    width: 100%;
    margin: 10px auto 10px auto;
    padding: 5px;
    max-height: 190px;
    overflow-y: auto;
}

.detail .detailTile .tileBody .commonNames h3 {
    text-transform: initial;
}

.detail .detailTile .tileBody .commonNames ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
}

.detail .detailTile .tileBody .commonNames ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 85%;
    padding-left: 10px;
    text-indent: -9px;
    font-weight: normal;
}

.detail .detailTile .tileBody .commonNames ul li:before {
    content: "• ";
    color: #bbb;
}

@media (min-width: 900px){
  .navbar-default .navContents a.navbar-brand {font-size:32px;}
}
@media (max-width: 1260px) {
  .detail .detailTile .tileImage,
  .detail .detailTile .tileBody {min-height:400px;}

  .globalFooter .footerLogos a {padding:10px 2% 10px 2%; height:100px;}
  .globalFooter .footerCertification a {padding:8px 8px 8px 8px; height:100px;}
  .globalFooter .footerLinks {padding-top:30px; font-size:11px;}
  .globalFooter .footerLinks .socialIcons {margin-bottom:5px;}
  .globalFooter .footerLinks .legalLinks {margin-bottom:5px;}
}
@media (max-width: 991px) {
  .home .body-content .mainLinks a.mainLink .title {font-size:18px;}
  .detail .detailTile h1 {font-size:40px; margin:0 0 4px 0; line-height:33px;}
  .detail .detailTile h2 {font-size:26px; margin:4px 0;}
  .detail .detailTile h4 {font-size:18px;}
  .detail .detailTile .tileImage,
  .detail .detailTile .tileBody {min-height:350px;}
  .globalFooter .footerLogos a img {max-width:60px;}
  .detail .detailTile .tileBody .commonNames {max-height: 100px;}
}
@media (max-width: 758px) {
   /* BEGIN MINI (SMARTPHONE) NAVIGATION */
  .navbar {padding:0;}
  .navbar .container-fluid {padding:0;}
  .navbar-header {background-color:#01573e;}
  .navbar-default {background:transparent; border:0;}
  .navbar-default .navContents {border-bottom:0; background-color:rgba(255,255,255,0.95); vertical-align:middle; padding-left:0; padding-right:0; color:#01573e; font-weight:bold;}
  .navbar-default .navContents .icon-bar {background-color:#fff;}

  .navbar-default .navContents .navbar-header {position:relative; top:auto; width:auto;}
  .navbar-default .navContents a.navbar-brand img {max-width:80%;}

  .navContents a {color:#01573e; font-size:14px; text-transform:uppercase;}
  .navContents .row {text-align:center; border-bottom:1px dashed #79756a; margin:0; padding-left:0; padding-right:0;}
  .navContents .row-lgBottomBorder {border-bottom:2px solid #000;}
  .navContents .row-smTopBorder {border-top:1px solid #79756a;}
  .navContents .row a.col-xs-6 {border-left:1px dotted #79756a; padding:16px 5px;}
  .navContents .row a.col-xs-6:first-child {border-left:0;}
  .navContents .row a.col-xs-6 img.icon {display:block; margin:0 auto; max-height:36px;}
  
  .navContents .socialIcons {text-align:center; padding-top:10px; padding-bottom:10px; font-size:18px;}
  .navContents .socialIcons .title {color:#01573e; font-weight:bold; text-transform:uppercase; margin-right:15px; font-size:14px;}
  .navContents .socialIcons a .fa-inverse {color:#fff;}
  .navContents .socialIcons a:hover .fa-inverse {color:rgba(255,255,255,0.9);}
  .navContents .searchPanel {border-bottom:0; padding-top:20px; padding-bottom:20px;}
  .navContents .searchPanel input {border:1px dashed #79756a; color:#000; font-weight:normal; padding:10px; width:100%; background:transparent;}
   /* END MINI (SMARTPHONE) NAVIGATION */

  .home .body-content .mainLinks a.mainLink .title {font-size:13px; margin-top:3px; margin-bottom:0;}
  .home .body-content .mainLinks a.mainLink .icon {position:relative; top:-31px;}
  .home .body-content .mainLinks a.mainLink .icon img {display:inline-block; max-height:62px; border:2px solid #fff; border-radius:50%; background-color:#01573e; padding:12px;}

  .body-content {background:transparent url(Images/TextureBackground.jpg) 50% 50% repeat; padding-top:0;}
  .home .body-content {background-color:#82a64b; background-image:url(Images/home-background-sm.jpg); background-position:50% 50%; padding-top:25px; }
  .home .body-content h1 {color:#fff; }
  .home .body-content .mainLinks a.mainLink {display:block; overflow:hidden; margin:0 auto; width:120px; height:120px; border:4px solid #fff; border-radius:50%; background-color:rgba(0,0,0,0.5); text-align:center; position:relative; padding:18px;}
  .home .body-content .mainLinks a.mainLink:hover {border-color:#ccc; background-color:rgba(0,0,0,0.75);}
  .home .body-content .mainLinks a.mainLink .title {color:#fff; display:inline-block;}
  .home .body-content .mainLinks a.mainLink .icon {position:relative; top:auto; display:inline-block;}
  .home .body-content .mainLinks a.mainLink .icon img {display:inline; max-height:45px; border:none; border-radius:0; background-color:transparent; padding:0;}
  .home .body-content .introText {color:#fff; font-size:18px; padding:30px 0 50px 0; text-align:center; width:80%;}

   #categoryItem {padding-bottom: 25px;}

  .page-title {position:relative; margin:0; padding:20px 15px 10px 15px; color:#fff; background:rgba(0,0,0,0.75) url(Images/home-background-sm.jpg) no-repeat 50% 50%; background-size:cover;}
  .page-title .zip-code-header {display:block; position:absolute; top:10px; right:20px;}
  .page-title .zip-code-header a.icon {display:inline-block; background:transparent no-repeat 100% 50%; background-size:contain; padding:4px 30px 4px 0; color:#fff;}
  .page-title .zip-code-header a.icon-location {background-image:url(Icons/icon_location_white.png);}

  .section .body-content {padding-left:0; padding-right:0;}
  .section h1 {margin:0; padding:20px 15px 10px 15px; color:#fff;}
  .section h1::before {max-height:60px; margin-right:5px; border:0; border-radius:0; background-color:transparent; background-size:30px; padding:15px; margin-top:-7px;}
  .section .sectionDescription {background-color:#fff; margin:0 -15px; padding-top:15px; padding-bottom:15px; position:relative;}
  .section .sectionDescription::after {content:""; border:10px solid transparent; border-top-color:#fff; width:20px; margin:0 auto; position:absolute; bottom:-20px; left:0; right:0;}
  .section .sectionDescription p {margin-left:15px;}
  .section .sectionDescription p.icon {padding:2px 0 2px 30px; background-repeat:no-repeat; background-position:0 0; background-size:25px;}
  .section-myGarden .tiles p {padding-left:15px;padding-right:15px;}

  .detail .body-content {padding:0;}
  .detail .detailTile .tileContainer {margin-top:0;}
  .detail .detailTile .tileImage,
  .detail .detailTile .tileBody {min-height:350px;}
  .detail .detailTile h1 {font-size:34px; margin:0 0 4px 0; line-height:33px;}
  .detail .detailTile h2 {font-size:20px; margin:4px 0;}
  .detail .detailTile h4 {font-size:14px;}
  .detail .detailTile h4.herbaceous,
  .detail .detailTile h4.woody {padding-left:30px; background-size:25px; min-height:25px; line-height:25px;}
  .detail .sectionList {clear:both;}
  .detail .sectionList h2 {font-size:21px; margin-left:15px; margin-right:15px; padding-bottom:15px; border-bottom:1px dashed #7e786a;}
  .detail .sectionList p.icon {font-size:14px; margin-left:15px; margin-right:15px;  padding:3px 0 0 30px; background-repeat:no-repeat; background-position:0 0; background-size:25px;}
  .detail .detailTile .tileBody .commonNames {max-height: 120px;}

  .marketing .body-content {padding:0 0 25px 0;}
  .marketing .page-title {margin-bottom:15px;}
  .marketing .body-content h2 {font-size:22px; padding:0 15px;}
  .marketing .body-content p {padding-left:15px; padding-right:15px;}

  .globalFooter .footerLogos a {padding:15px 2% 0 2%; height:110px;}
  .globalFooter .footerLogos a img {max-width:65px;}
  .globalFooter .footerCertification {margin-top:20px; text-align:center;}
  .globalFooter .footerCertification a {padding:15px 15px 15px 15px; height:110px; border-radius:5px;}
  .globalFooter .footerLinks {padding-top:15px;}
}
@media (max-width: 519px) {
  .section .sectionList .tiles .tile .tileContainer {border-bottom-right-radius:5px; border-top-right-radius:5px; margin:2px 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
  .detail .detailTile .tileBody .toBottom {position:relative;}
  .detail .detailTile .tileBody {min-height:initial;}  
  .sectionList .tiles .tile .tileImage {width:100%;}
  .home .body-content .mainLinks {margin-top: 45px; margin: auto; width: 100%;}
  .footer-nav-item {display: table-cell; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: 5px; text-transform: uppercase; text-align: center; padding: 25px 0px;cursor: pointer; position: relative;}
} 

/* ELEMENTS NOT YET UPDATED */
.navbar-collapse {
    padding: 0px !important;
    border-bottom: none !important;
    overflow-x: hidden;
}

.headerSearchBox {
    border: 1px dashed #00573D;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 15px;
    color: #000000;
    width: 90%;
    position: relative;
    text-align: center;
    height: 34px;
    z-index: 2;
}

.headerSearchButtonDiv {
    display: inline-block;
    width: 90%;
    top: -32px;
    text-align: right;
    z-index: 3;
}

.headerSearchButton {
    display: inline-block;
    position: absolute;
    height: 30px;
    width: 30px;
    text-align: right;
    z-index: 3;
    background-image: url(Images/Search.png);
}

/*End Header Styles*/

#textureBackground {
    background-image: url(Images/TextureBackground.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    position: relative;
}

#scriptBackground {
    background-image: url(Images/ScriptBackground2.png);
    background-size: 100%;
    background-repeat: repeat-y;
    position: relative;
}

.pageTitle {
    height: 50px;
    text-align: left !important;
    margin-bottom: 0px;
    margin-top: -20px;
    vertical-align: bottom;
}

.pageInstructions {
    background-color: #FFFFFF;
    padding: 5px 0px 0px 0px;
    text-align: left;
}

.pageHeaderLeft {
    margin-bottom: 0px;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.pageHeaderImageLeft {
    height: 32px;
}

.pageHeaderLRight {
    margin-bottom: 0px;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    color: #FFFFFF !important;
    font-size: 2.3em !important;
}

td {
    border-top: none !important;
}

.jumbotron {
    padding: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 50px;
    border-radius: 0px !important;
    text-align: center;
    height: 100%;
    background-color: transparent;
}

/* Set padding to keep content from hitting the edges */


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.greenBackground {
    background-color: #00573D;
}

.fullWidth {
    width: 100%;
}

.whiteText {
    color: #ffffff !important;
}

.fontMedium {
    font-size: medium !important;
}

.backgroundWhite {
    background-color: #FFFFFF;
}

.center {
    text-align: center;
}

.homePageShadingOverlay {
    background: -webkit-linear-gradient(black, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, transparent); /* Standard syntax */
    font-family: 'Segoe Print';
}

.findPlantLife {
    background-image: url(Images/HomeBackground.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
}

button {
    background-color: transparent !important;
    border: none !important;
}

.categoryPageHeading {
    padding-top: 20px;
    text-align: left;
    /*padding-left: 30px !important;*/
}

.categoryHeading {
    text-align: left;
    padding-left: 30px !important;
}

.categoryTable {
    text-align: left;
    margin-top: 0px !important;
}

.categoryItem {
    padding: 0px !important;
    margin-bottom: 5px !important;
    margin-right: 0px !important;
    padding-bottom: 5px !important;
    border: none !important;
    background: none !important;
    width: 100% !important;
    height: 100px;
}

.categoryText {
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 0px !important;
    padding: 0px !important;
    padding-left: 5px !important;
    height: 100px;
    text-align: left;
}

.plantRow {
    padding-bottom: 5px;
}

.categoryImage {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100px;
}

.plantSaveInfo {
    height: 100%;
    padding: 0px !important;
    vertical-align: bottom;
}

.plantSaveInfoLeft {
    vertical-align: bottom;
    text-align: left;
    padding: 0px !important;
    height: 100%;
}

.plantSaveInfoRight {
    vertical-align: bottom;
    text-align: right;
    padding: 0px !important;
    height: 100%;
}

.plantCategoryHeader {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.viewPlantHeader {
    padding-top: 20px;
    text-align: left;
    top: -29px;
    position: relative;
    width: 100%;
    background-size: 100%;
    background-size: cover !important;
    background-repeat: no-repeat;
    min-height: 250px;
    margin-left: 0px !important;
}

.viewPlantHeaderText {
  color: white;
  font-size: 2em;
  position: absolute;
  bottom: 10px;
  text-align: left;
  height: 100%;
  line-height: .8;
}

.viewPlantHeaderTextSubFamily {
    font-style: italic;
    font-size: .5em;
}

.borderBottom {
  border-bottom:1px dotted #00573D;
  margin-bottom: 10px;
}

.plantImage {
    width: 100%;
}

.pageInstructionsAdjustment {
    margin-top: -29px;
    height: 100px;
}

.plantMothCountLink {
    height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    border: none !important;
    background: none !important;
    padding: 0px !important;
    position: absolute;
    bottom: 0px;
    right: 3px;
    vertical-align: bottom;
}

.plantSaveLink {
    height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    border: none !important;
    background: none !important;
    padding: 0px !important;
    position: absolute !important;
    bottom: 0px;
    left: 3px;
    vertical-align: bottom;
}

.plantSaveImage {
    height: 20px;
    margin-right: -5px !important;
    margin-left: -5px !important;
    vertical-align: top;
    position: relative;
}

.plantLabel {
    vertical-align: bottom;
    color: #FFFFFF;
    padding: 0px !important;
    font-size: .7em;
    font-family: Verdana, Arial, sans-serif;
    padding-top: 3px !important;
}

.plantLink {
    width: 100%;
    height: 100%;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
}

.mothCountLabel {
    vertical-align: bottom;
    color: #FFFFFF;
    padding: 0px !important;
    font-size: .8em;
    font-family: Verdana, Arial, sans-serif;
    padding-top: 2px !important;
    margin-right: 2px;
}

.ui-button-text-only .ui-button-text {
    padding: 0px !important;
}

button, button:hover {
    background: none !important;
    border: none !important;
}

.error {
color:#ff0000;
padding:4px;
font-size:14px;
}

.navbar-header, .navbar-header:before,.navbar-header:after {
display:flex;
justify-content:space-between;
content:none;
}


@media (min-width:768px) {
    .navbar-header > .controls > .navbar-location {
display:none;
}
}

.navbar-header > .controls > .navbar-location {
    color:#fff;
    font-size:12px;
    margin-right:10px;
}

    .navbar-header > .controls {
    display:flex;
    align-items:center;
    }

.footer-nav-container {
    background: #01573e;
    padding: 0px;
}

.footer-nav {
    display: table;
    table-layout: fixed;
    width: 100%;
    /*max-width: 960px;*/
	max-width: 1200px;
    margin: 0px auto;
}

.footer-nav-item {
    display: table-cell;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 0px;
    cursor: pointer;
    position: relative;
}

.footer-nav-item a {
    color: #fff;
}

.hover-nav {
    width: 5px;
    margin: 0px auto;
    height: 1px;
    background: #4d9069;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}

@media (max-width: 510px) {
  .footer-nav-item {display: table-cell; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: 8px; text-transform: uppercase; text-align: center; padding: 25px 0px;cursor: pointer; position: relative;}
} 