/********* GLOBAL *************/
/*body copy*/
/********* MIXINS ************/
/********* BREAK POINTS ************/
/* Default Font Stack */
/* Gotham Alternative */
/* Rockwell Alternative */
/********* Shared *************/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  background: url(../images/page-bg.jpg) repeat;
  color: #483014; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase; }

h1 {
  font-family: "Quattrocento", serif;
  font-size: 30px;
  line-height: 30px;
  color: #9c3559; }
  h1 span {
    color: #21474f; }

h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #386138; }
  #virtual h2 {
    font-family: "Quattrocento", serif; }
  #garden h2 {
    font-family: "Quattrocento", serif;
    font-size: 20px;
    color: #386138; }

h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #386138; }
  #news h3, #blog h3 {
    color: #9c3559; }
  #sitemap h3, #error h3 {
    font-family: "Quattrocento", serif; }

a, a:hover, a:focus {
  color: #9c3559; }

article {
  background: rgba(255, 255, 255, 0.8);
  border: 4px solid #fff;
  padding: 15px; }

#mainContent {
  padding-bottom: 75px;
  margin-top: 70px; }

.border-desk {
  background: rgba(255, 255, 255, 0.8);
  padding-top: 15px;
  padding-bottom: 15px; }
  .border-desk article {
    border: none; }

/* breadcrumbs */
.breadcrumb {
  background: transparent;
  font-size: 13px;
  padding-left: 0; }
  .breadcrumb > li + li:before {
    content: url(/images/right-arrow.jpg);
    /*\25B6\00a0*/
    color: #9c3559; }
  .breadcrumb a, .breadcrumb a:hover, .breadcrumb .active {
    color: #21474f;
    font-weight: normal; }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      display: none; } }

#home .readMore {
  display: block;
  text-align: right; }
.readMore:after {
  content: "\00a0\25B6"; }

.lastArticle p:last-child {
  padding-bottom: 10px; }

.content h2, .content h2 a {
  color: #9c3559; }
.content section {
  background: rgba(255, 255, 255, 0.45);
  padding: 15px;
  margin: 15px 0; }
  @media only screen and (max-width: 767px) {
    .content section {
      padding: 0; } }
  .content section:first-child {
    margin-top: 0; }
.content article {
  background: #fff;
  border: none;
  padding-left: 30px;
  padding-right: 30px; }
  .content article:first-child {
    margin-top: 0; }

/******* buttons *********/
.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.btn-primary {
  background: #21474f; }
  .btn-primary:hover {
    background: #306773; }

/***** input placeholder text ****/
input.form-control::-webkit-input-placeholder {
  color: #386138;
  font-weight: bold; }
input.form-control:-moz-placeholder {
  color: #386138;
  font-weight: bold; }
input.form-control::-moz-placeholder {
  color: #386138;
  font-weight: bold; }
input.form-control:-ms-input-placeholder {
  color: #386138;
  font-weight: bold; }

dl {
  margin-left: 15px; }

dt {
  text-transform: uppercase;
  float: left; }
  dt::after {
    content: "\00a0"; }

dd {
  margin-bottom: 15px; }

blockquote {
  border: none;
  font-size: 14px; }

.form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

@media only screen and (max-width: 767px) {
  .no-mobile {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .no-desktop {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .mobile-full {
    width: 100% !important;
    margin-bottom: 15px; } }

/********* Header *************/
/********* Navigation *************/
.navbar-brand img {
  margin-top: -7px; }
  @media only screen and (max-width: 767px) {
    .navbar-brand img {
      max-height: 33px; } }

@media only screen and (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; } }

.navbar .navbar-toggle {
  border: none; }
  .navbar .navbar-toggle .icon-bar {
    background-color: #fff; }
  .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: transparent; }

.navbar {
  margin-bottom: 0; }

.navbar-default {
  margin-top: 45px;
  text-transform: uppercase;
  background: #21474f;
  border: none;
  height: auto;
  font-family: "Quattrocento", serif;
  font-weight: bold;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  @media only screen and (max-width: 767px) {
    .navbar-default {
      margin-top: 0;
      background-color: transparent; } }

@media only screen and (max-width: 767px) {
  .navbar-header {
    background: #21474f; } }

.navbar-nav {
  background: rgba(33, 71, 79, 0.7); }
  @media only screen and (max-width: 767px) {
    .navbar-nav {
      position: relative;
      top: -8px; } }
  @media only screen and (max-width: 767px) {
    .navbar-nav > li {
      background: rgba(33, 71, 79, 0.6); } }

.navbar-nav > li > .dropdown-menu {
  margin-top: -1px; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: #90a3a7;
  color: #21474f;
  border-bottom: 4px solid #9c3559; }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: #fff; } }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: #90a3a7;
  color: #386138;
  border-bottom: 4px solid #9c3559; }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
      color: #fff; } }

ul.navbar-nav li.active span,
ul.navbar-nav li:hover span,
ul.navbar-nav .open span {
  display: block;
  z-index: 4000; }
ul.navbar-nav span {
  height: 5px;
  display: none;
  width: 11px;
  /*margin-left: -15px;*/
  width: 100%;
  position: relative;
  bottom: -24px;
  /*-9px*/ }
  #home ul.navbar-nav span {
    position: absolute;
    bottom: -9px;
    left: 0; }
  ul.navbar-nav span.downarrow {
    background: url(../images/red-down.png) no-repeat center center;
    height: 5px; }

.navbar-default .navbar-nav > li > a {
  border-bottom: 4px solid #21474f; }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
      border-bottom: 1px solid #21474f; } }

/*
.navbar-default .navbar-nav>li:hover>a {
    border:none;
}
*/
.navbar-default .navbar-nav > li > a:focus {
  color: white; }

.navbar-default .navbar-nav > li > a:hover {
  background: #90a3a7;
  color: #21474f;
  border-bottom: 4px solid #9c3559; }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li > a:hover {
      border-bottom: 1px solid #21474f; } }

.navbar-default .navbar-nav > li.desktop-search > a:hover,
.navbar-default .navbar-nav > li.desktop-search > a:focus {
  border-bottom: 4px solid #9c3559; }

.navbar-nav > li.desktop-search > .dropdown-menu {
  /*margin-top: 0px;*/
  max-height: 46px;
  overflow: hidden; }

.navbar-collapse {
  height: auto; }
  @media only screen and (max-width: 767px) {
    .navbar-collapse {
      border: none; } }

.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding-top: 25px;
  font-size: 16px;
  /*padding-bottom: 25px;*/ }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff; } }

.navbar-nav .dropdown-menu {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0; }
  .navbar-nav .dropdown-menu > li {
    background: #21474f;
    border-bottom: 1px solid rgba(33, 71, 79, 0.25); }
    .navbar-nav .dropdown-menu > li a {
      color: #fff;
      font-weight: bold; }
    .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
      color: #21474f;
      background: transparent; }
    .navbar-nav .dropdown-menu > li:hover {
      background: rgba(255, 255, 255, 0.85); }
    @media only screen and (max-width: 767px) {
      .navbar-nav .dropdown-menu > li {
        background: rgba(255, 255, 255, 0.35); } }

.mobile-open-close {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mobile-open-close {
      display: block;
      background: url(../images/mobile-open-close-nav.png) no-repeat;
      height: 36px;
      width: 36px;
      position: relative;
      top: -7px; }
      .open .mobile-open-close {
        background-position-y: -36px; } }

.navbar-nav li.search-glass {
  padding-top: 10px; }
  .navbar-nav li.search-glass img {
    margin: 15px; }

/*
.no-mobile {
    display: none !important;
}
*/
.mobile-search-icon {
  position: relative;
  right: 5px;
  padding: 15px 10px;
  height: 50px;
  border-right: 1px solid #90a3a7; }
  @media only screen and (min-width: 768px) {
    .mobile-search-icon {
      display: none; } }

form#search.mobile-search {
  position: absolute;
  bottom: -44px;
  /*right: 63px;*/
  z-index: 2000;
  max-width: 768px; }
  form#search.mobile-search input.form-control {
    width: 100%; }
  form#search.mobile-search .form-group {
    margin-bottom: 0; }
  form#search.mobile-search.hide {
    display: none; }
  @media only screen and (min-width: 768px) {
    form#search.mobile-search {
      display: none; } }

ul.sideNav {
  background: transparent;
  text-transform: uppercase;
  font-family: "Quattrocento", serif; }
  ul.sideNav li span {
    background: #21474f;
    padding: 10px 15px;
    display: block; }
  ul.sideNav li.active span {
    border-right: 3px solid #9c3559; }
  ul.sideNav li:hover span, ul.sideNav li:active span, ul.sideNav li.active span {
    background: #90a3a7;
    border-right: 3px solid #9c3559;
    /*a {color:$color-white;}*/ }
  ul.sideNav a {
    color: #fff;
    font-weight: bold;
    display: block; }
    ul.sideNav a:hover {
      text-decoration: none; }

.nav > li > a:hover,
.nav > li > a:focus {
  background: #90a3a7;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.nav-pills > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background: #90a3a7;
  color: #fff; }

.nav-stacked > li + li {
  margin-top: 0;
  border-top: 1px solid #0a1719; }

/**** 2nd level side nav ******/
ul.subnavigation {
  background: transparent;
  padding: 0 10px; }
  ul.subnavigation li {
    background: #90a3a7;
    padding: 10px;
    border-bottom: 1px solid #bbc6c9; }
    ul.subnavigation li:hover {
      background: #687e83; }
    ul.subnavigation li a {
      font-size: 13px; }

li.subnav {
  position: relative; }
  li.subnav .border-top-hover,
  li.subnav .border-bottom-hover {
    display: none;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%; }
  li.subnav:hover img.border-top-hover, li.subnav.hover img.border-top-hover {
    display: block;
    top: 38px; }
  li.subnav:hover img.border-bottom-hover, li.subnav.hover img.border-bottom-hover {
    display: block;
    bottom: 0px; }

/****** 3rd level side nav ***********/
/*
// copied from here:
// http://bootstrapeden.com/learn-create-multilevel-dropdown-menu-bootstrap/
*/
.dropdown-submenu {
  position: relative;
  border-right: 3px solid #9c3559; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 3px;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .dropdown-submenu > .dropdown-menu li {
    background: #21474f;
    border: none;
    padding: 5px 10px; }
    .dropdown-submenu > .dropdown-menu li:hover {
      background: rgba(255, 255, 255, 0.45); }
    .dropdown-submenu > .dropdown-menu li a {
      padding-top: 0px;
      padding-bottom: 0px; }
    .dropdown-submenu > .dropdown-menu li a:hover,
    .dropdown-submenu > .dropdown-menu li a:focus {
      background: transparent;
      color: #21474f; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #9c3559;
  margin-top: 5px;
  margin-right: -18px;
  position: relative;
  z-index: 1050; }

.dropdown-submenu:hover > a:after {
  border-left-color: #9c3559; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

/***search****/
#search {
  background: #21474f;
  padding: 5px; }
  #search .input-group-addon {
    background: transparent;
    border: none; }
  #search .input-group .form-control:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #ebebeb; }
  #search input.keywords {
    width: 140px; }

input {
  font-family: "Open Sans", sans-serif; }
  input.placeholder {
    color: #21474f;
    font-weight: bold; }
  input:-moz-placeholder {
    color: #21474f;
    font-weight: bold; }
  input::-moz-placeholder {
    color: #21474f;
    font-weight: bold; }
  input:-ms-input-placeholder {
    color: #21474f;
    font-weight: bold; }
  input::-webkit-input-placeholder {
    color: #21474f;
    font-weight: bold; }

.searchSubmit {
  background: url(../images/US-arboretum-sprite-with-hover.png) no-repeat 0 -60px transparent;
  width: 20px;
  height: 20px;
  border: 0px;
  background-color: none;
  cursor: pointer;
  outline: 0;
  /*
    &:hover {
        background-position-y:-80px;
        background: transparent;
    }
    */ }

/********* Footer *************/
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #21474f;
  color: #fff;
  z-index: 2000;
  /*margin-top: 75px;*/ }
  @media only screen and (max-width: 767px) {
    footer {
      position: static; } }
  footer a,
  footer a:hover {
    color: #fff; }
  footer .footer-logo {
    position: relative;
    top: -50px;
    left: 15px; }
    footer .footer-logo + p {
      font-family: "Quattrocento", serif; }
    @media only screen and (max-width: 767px) {
      footer .footer-logo {
        display: block;
        margin: 0 auto;
        left: 0; }
        footer .footer-logo + p {
          text-align: center; } }
  footer .left p {
    margin-top: -50px; }
  footer .right p {
    margin-top: 15px;
    margin-bottom: 15px; }
  footer .hiddenfooter {
    display: none;
    border-top: 1px solid #335861;
    border-bottom: 1px solid #335861; }
    footer .hiddenfooter .border-left {
      background: url(../images/footer-border.jpg) no-repeat left center transparent;
      min-height: 250px; }
    footer .hiddenfooter .border-right {
      background: url(../images/footer-border.jpg) no-repeat right center transparent;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 2px; }
    footer .hiddenfooter .footer-bottom {
      height: 1px;
      border-top: 1px solid #335861; }
    footer .hiddenfooter h5 {
      font-family: "Quattrocento", serif;
      font-size: 21px;
      font-weight: bold;
      color: #e4d5b6; }
    footer .hiddenfooter h4 {
      font-family: "Quattrocento", serif;
      font-size: 16px;
      font-weight: normal;
      color: #fff; }
    footer .hiddenfooter img.margin-top {
      margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      footer .hiddenfooter {
        display: block; }
        footer .hiddenfooter h4 {
          line-height: 32px; } }
  footer .copyright {
    font-size: 11px;
    margin: 15px 0; }
  footer h4 img.pull-left {
    margin-right: 5px; }
  footer form {
    background: #86999d;
    padding: 5px; }
    footer form .form-group {
      margin-right: 30px;
      margin-bottom: 5px; }
      footer form .form-group:last-child {
        margin-bottom: 0; }
    footer form input[type="submit"] {
      margin-left: 5px !important;
      width: 22px;
      height: 22px;
      background: url(../images/US-arboretum-sprite-with-hover.png) no-repeat 0 -60px;
      border: none; }

.smallcopy {
  font-size: 12px; }

/********* Sidebar *************/
#sidebar {
  /*
	background:$color-white;
	padding: 15px;
	margin-top: 25px;
	*/ }
  #sidebar h1 {
    text-align: center; }
  #sidebar .btn-group,
  #sidebar .btn-group-vertical {
    width: 300px;
    max-width: 100%;
    margin: 10px 0; }
    #sidebar .btn-group .dropdown-menu,
    #sidebar .btn-group-vertical .dropdown-menu {
      top: 30px; }
    @media only screen and (max-width: 479px) {
      #sidebar .btn-group,
      #sidebar .btn-group-vertical {
        width: 100%; } }
    #sidebar .btn-group img,
    #sidebar .btn-group-vertical img {
      margin-top: 7px; }
  #sidebar .btn-default {
    width: 100%;
    background: #21474f;
    color: #fff;
    text-align: left; }
  @media only screen and (max-width: 479px) {
    #sidebar {
      display: none; }
      #home #sidebar, #calendar #sidebar {
        display: block; } }

#custom-search {
  margin-top: 10px; }

.search-query {
  background: url(../images/mag-glass.png) no-repeat 97% center #fff;
  padding-right: 10px; }

.signup {
  margin-top: 75px; }
  .signup form {
    background: #21474f;
    padding: 5px;
    overflow: auto;
    border-right: 4px solid #9c3559; }
    .signup form > div {
      width: 80%; }
    .signup form input {
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      height: 30px; }
      .signup form input:first-child {
        margin-bottom: 10px; }
    .signup form button {
      background: url(../images/signup-submit.png) no-repeat;
      border: none;
      text-indent: -9999px;
      width: 22px;
      height: 24px;
      margin-top: 5px; }
  .signup h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold; }
    #calendar .signup h3 {
      font-family: "Quattrocento", serif; }
    .signup h3 img {
      margin-right: 10px; }

ul.filtermenu {
  background: #21474f;
  width: 100%;
  padding-bottom: 10px; }
  ul.filtermenu li {
    background: #fff;
    margin-left: 10px;
    margin-right: 10px; }
  @media only screen and (max-width: 767px) {
    ul.filtermenu {
      padding-bottom: 2px; }
      ul.filtermenu li {
        margin-left: 2px;
        margin-right: 2px;
        border-bottom: 1px solid #21474f;
        text-align: center; } }

.action-div {
  background: #21474f;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 30px; }
  .action-div a {
    color: #fff;
    text-decoration: none; }
  .action-div .img-container {
    margin: 5px;
    background: #fff; }
    .action-div .img-container img.tree {
      width: 81px;
      margin: 0 auto;
      padding: 10px 0; }
  .action-div p {
    font-size: 16px; }
  .action-div h4 {
    font-weight: bold;
    font-family: "Quattrocento", serif; }
  .action-div h5 {
    background: #9c3559;
    text-transform: none;
    padding: 5px; }

@media only screen and (max-width: 767px) {
  .action-div.marg-zero .img-container {
    margin-left: 0;
    margin-right: 0; } }

/********* Home *************/
#home #mainContent {
  background: rgba(255, 255, 255, 0.45);
  margin-top: 0;
  padding-left: 20px; }
#home #welcome3 {
  /*border-right: 1px solid lighten($color-dark-green, 40%);*/
  padding-right: 6px; }
#home #welcome3 > div {
  padding-left: 7.5px;
  padding-right: 7.5px; }
  @media only screen and (max-width: 767px) {
    #home #welcome3 > div {
      margin: 15px 0; } }
  #home #welcome3 > div article {
    height: 100%; }
    #home #welcome3 > div article.topographical {
      background: url(../images/topo-bg.jpg) repeat; }
    @media only screen and (max-width: 767px) {
      #home #welcome3 > div article img.mobile-full {
        width: 100%; }
      #home #welcome3 > div article a.readMore {
        margin-bottom: 15px; } }
#home .banner {
  text-align: center;
  border-bottom: 10px solid #21474f; }
  #home .banner img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    #home .banner {
      margin-top: 45px; } }
#home h3 {
  margin-top: 0;
  font-size: 18px; }
#home article.latest-news {
  margin-top: 25px;
  padding-bottom: 25px; }
  #home article.latest-news .prev:hover,
  #home article.latest-news .next:hover {
    text-decoration: none; }
#home #carousel .item {
  display: block;
  overflow: auto;
  border-bottom: 1px solid #9acbd5;
  padding-bottom: 15px;
  min-height: 175px; }

/********* Herbarium *************/
.alphabet li {
  border-right: 1px solid #9c3559; }
  .alphabet li.active, .alphabet li:hover {
    background: #90a3a7;
    border-bottom: 2px solid #9c3559; }
  .alphabet li a {
    color: #21474f; }
  .alphabet li.show-all {
    display: none; }
  @media only screen and (max-width: 479px) {
    .alphabet li {
      border: none;
      background: #21474f;
      height: 40px;
      width: 40px;
      padding: 5px;
      margin: 5px; }
      .alphabet li a {
        color: #fff;
        display: block;
        margin-left: 10px;
        margin-top: 5px; }
      .alphabet li.show-all {
        display: inline-block;
        width: auto; }
        .alphabet li.show-all a {
          margin-right: 10px; } }

.alphasorted li {
  padding: 5px 0; }
  .alphasorted li a {
    color: #483014;
    font-style: italic;
    font-weight: bold; }
    .alphasorted li a:hover {
      color: #483014; }
    .alphasorted li a span {
      font-style: normal;
      font-weight: normal; }

.genus li a {
  color: #9c3559; }

.popup {
  display: none; }
  .popup h4 {
    color: #9c3559;
    font-weight: bold; }

.fancybox-close {
  left: -30px;
  top: -30px;
  background: url(../images/close.png) no-repeat; }

.fancybox-wrap {
  border: 15px solid rgba(255, 255, 255, 0.4); }

/******* BLOG **********/
.entry-list-image {
  margin-left: 50px; }
  @media only screen and (max-width: 767px) {
    .entry-list-image {
      margin-left: 0;
      margin-bottom: 15px;
      float: none !important; } }

p.date {
  color: #9c3559;
  font-style: italic; }

/******* CONTACT **********/
#contact h1 {
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    #contact h1 {
      margin-top: 15px; } }

#btnContactUs {
  padding: 2px 10px; }

.key-contacts h2 {
  font-family: "Quattrocento", serif;
  font-size: 20px;
  color: #386138; }

/********* CALENDAR *************/
#calendar p.date {
  color: #386138;
  font-size: 21px;
  text-transform: uppercase;
  margin-left: 5px; }
  #calendar p.date span {
    display: inline-block;
    color: #fff;
    background: #21474f;
    line-height: 34px;
    padding: 5px;
    font-size: 28px;
    margin-left: 5px;
    margin-right: 5px; }
#calendar article.cal-brief > .row > div:first-child {
  padding-left: 0; }
#calendar article.cal-brief > .row .small-cal-image {
  padding-right: 0; }
  #calendar article.cal-brief > .row .small-cal-image img {
    position: relative;
    top: -15px;
    right: 0; }
#calendar article.cal-brief > .row .time,
#calendar article.cal-brief > .row .full-date {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #386138;
  font-size: 16px; }
#calendar article.cal-brief > .row h2 {
  margin-top: 0; }
#calendar .register p.date,
#calendar .register p.date span {
  margin-left: 0;
  float: none;
  margin-bottom: 5px; }
@media only screen and (max-width: 767px) {
  #calendar h1,
  #calendar h2,
  #calendar h3,
  #calendar h4,
  #calendar h5 {
    margin-top: 20px; }
  #calendar article.featured-first img.entry-list-image {
    width: 100%;
    margin-bottom: 15px; } }

.form-group select.form-control:before {
  border: none;
  content: none; }
.form-group select.form-control:after {
  border: none;
  content: none; }

#pull-filters {
  position: absolute;
  top: 50px;
  z-index: 1700;
  width: 100%;
  background: #21474f; }
  #pull-filters .filter-pulldown {
    position: absolute;
    bottom: -50px;
    left: 50%; }
    #pull-filters .filter-pulldown a {
      position: relative;
      top: -19px;
      display: block;
      height: 31px;
      width: 61px;
      background: url(../images/pull-down.png) no-repeat center center; }
  #pull-filters .btn-group {
    display: block;
    width: 100%; }
  #pull-filters .btn-group > .btn,
  #pull-filters .btn-group-vertical > .btn {
    float: none;
    width: 100%; }
  #pull-filters button {
    background: #21474f;
    color: #fff;
    line-height: 36px; }
    #pull-filters button span {
      background: url(../images/mobile-open-close-nav.png) no-repeat;
      height: 36px;
      width: 36px;
      background-position-y: -36px; }
    #pull-filters button.active span {
      background-position-y: 0; }
    #pull-filters button.active, #pull-filters button:hover {
      background: #546c71; }
  #pull-filters .filter-content ul.filtermenu {
    display: none;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0; }
    #pull-filters .filter-content ul.filtermenu li {
      padding: 8px; }
      #pull-filters .filter-content ul.filtermenu li:hover {
        background: #e6e6e6; }
    #pull-filters .filter-content ul.filtermenu a,
    #pull-filters .filter-content ul.filtermenu a:hover {
      color: #21474f;
      font-weight: bold;
      text-decoration: none; }

/********* Gardens & Collections *************/
#gardenslider {
  background: #21474f;
  border: none;
  padding: 10px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media only screen and (max-width: 767px) {
    #gardenslider {
      display: none; }
      #virtual #gardenslider {
        display: block; } }
  #gardenslider h3 {
    color: #fff;
    font-size: 15px;
    margin: 0; }
  #gardenslider ul ul {
    background: #fff;
    position: relative; }
    #gardenslider ul ul li {
      padding: 5px; }
      #gardenslider ul ul li:hover {
        background: #9c3559; }
        #gardenslider ul ul li:hover a {
          color: #fff;
          text-decoration: none; }
      #gardenslider ul ul li a {
        color: #386138; }
      #gardenslider ul ul li.panelCount {
        position: absolute;
        bottom: -35px;
        width: 100%;
        text-align: center;
        color: #fff; }
        #gardenslider ul ul li.panelCount:hover {
          background: none; }
  #gardenslider ul.customNav {
    position: relative;
    z-index: 200; }
    #gardenslider ul.customNav li {
      list-style-type: none;
      color: #fff;
      margin-top: 10px; }
      #gardenslider ul.customNav li .prev,
      #gardenslider ul.customNav li .next {
        background: url(../images/US-arboretum-sprite-with-hover.png) no-repeat;
        height: 20px;
        width: 20px;
        display: block; }
        #gardenslider ul.customNav li .prev:hover,
        #gardenslider ul.customNav li .next:hover {
          background-position: 0 -20px; }
      #gardenslider ul.customNav li .prev {
        margin-right: 25px; }
      #gardenslider ul.customNav li .next {
        background-position: 0 -40px;
        margin-left: 25px; }
        #gardenslider ul.customNav li .next:hover {
          background-position: 0 -60px; }

/******* sitemap **********/
#sitemap h1 {
  margin-top: 0; }

#sitemap ul {
  padding-left: 0; }
  #sitemap ul li {
    list-style-type: none; }
    #sitemap ul li a {
      color: #483014; }
      #sitemap ul li a:hover {
        color: #9c3559;
        text-decoration: none; }
  #sitemap ul ul {
    padding-left: 15px; }

/********* Virtual Tours *************/
.tour:nth-child(even) {
  clear: both; }

.tour article {
  border: 3px solid #21474f;
  background: #21474f;
  color: #fff;
  margin: 15px 0;
  padding: 0;
  position: relative;
  display: block;
  margin-bottom: 20px !important;
  margin: 0 auto; }
  .tour article p.caption {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px; }
    .tour article p.caption a {
      color: #fff;
      text-decoration: none; }
  .tour article:hover > a > span {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.45); }
  .tour article a.readmore {
    background: url(../images/US-arboretum-sprite-with-hover.png) no-repeat right -40px;
    height: 20px;
    width: 20px;
    display: block;
    margin-right: 1px; }
    .tour article a.readmore:hover {
      background-position-y: -60px; }
  .tour article:hover a.readmore {
    background-position-y: -60px; }

#gardenslider.tourslider {
  background: #21474f; }
  #gardenslider.tourslider ul ul li.panelCount {
    text-align: left;
    width: 100px;
    right: -18px; }
  #gardenslider.tourslider .caption {
    background: #fff;
    padding: 10px; }
  #gardenslider.tourslider h4 {
    color: #fff; }
  #gardenslider.tourslider .customNav {
    /*
		position: absolute;
		top: 445px;
		right: 0;
		*/ }

.container img {
  display: block;
  max-width: 100%;
  height: auto; }

.tour article {
  max-width: 400px; }

@media (max-width: 991px) {
  #welcome3 {
    border-right: none !important; } }
.clear-both {
  clear: both; }

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

.margin-bottom-10 {
  margin-bottom: 10px; }

.padding-left-35 {
  padding-left: 35px !important; }

.vcenter {
  display: table-cell;
  vertical-align: middle;
  float: none; }

.display-table {
  display: table; }

.center-table {
  margin: 0 auto; }

body {
  padding-top: 45px; }

.navbar-default,
.banner {
  margin-top: 0px !important; }

@media only screen and (max-width: 767px) {
  #mainContent {
    margin-top: 30px !important; } }
@media only screen and (max-width: 991px) {
  .navbar-brand img {
    max-height: 40px; }

  ul.navbar-nav li a {
    padding-left: 7px;
    padding-right: 7px; } }
@media only screen and (min-width: 767) and (max-width: 991px) {
  .navbar-brand img {
    max-height: 45px; } }
@media only screen and (max-width: 390px) {
  .navbar-brand img {
    max-height: 25px !important; } }

/*# sourceMappingURL=styles.css.map */